Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(59 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Override .citizen-overflow-wrapper to ensure proper centering */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}


/*Fonts */
/* Ensure all wikitables are centered and border-collapse is set to separate */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
body.skin-citizen-dark.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
@import url('https://fonts.googleapis.com/css?family=Raleway');
body.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-autohide-navigation-clientpref-1 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-pure-black-clientpref-0 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-font-size-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-width-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable {
    border-collapse: separate !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    box-sizing: border-box !important;
    transition: none !important; /* Disable transitions */
}


/* Forcing the table to center by wrapping it in a div */
body .wikitable-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}
body .wikitable-wrapper .wikitable {
    margin: 0 !important;
}


h1,h2,h3,h4,h5,h6{color:#999999; font-family: 'Fjalla One', sans-serif;text-transform:uppercase;}
/* Apply to all table cells */
html,body{height:100%;margin:0;padding:0;font-family: 'Raleway', sans-serif;}
body .mw-body table th,  
.mw-body .mw-editsection,.mw-body .mw-editsection-like{font-family: 'Raleway', sans-serif;}
body .mw-body table td {
.mw-body p{font-family: 'Raleway', line-height:inherit;margin:.9em 0}
    border: 2px solid #2C4663 !important; /* Set border size and color for cells */
.mw-body h1,.mw-body h2,.mw-body #firstHeading{font-family: 'Fjalla One', sans-serif;line-height:1.3;margin-bottom:.25em;padding:0;color:#ead9c9}
    text-align: center; /* Center-align text */
.mw-body h1,.mw-body #firstHeading{font-size:1.7em;font-family: 'Fjalla One', sans-serif;}
}
.mw-body h2{font-size:1.5em;margin-top:1em;font-family: 'Fjalla One', sans-serif;}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{font-family: 'Fjalla One', sans-serif;line-height:1.6;margin-top:.3em;margin-bottom:0;padding-bottom:0;color:#c9daea}
.mw-body h3{font-family: 'Fjalla One', sans-serif;font-size:1.3em}
.mw-body h3,.mw-body h4{font-family: 'Fjalla One', sans-serif;font-weight:bold}
.mw-body h4,.mw-body h5,.mw-body h6{font-family: 'Fjalla One', sans-serif;font-size:100%}
div#mw-panel div.portal h3{font-family: 'Fjalla One', sans-serif;text-transform:uppercase;font-size:.8em;color:#ead9c9;font-weight:bold;}


div#mw-panel div.portal h3{font-family: 'Fjalla+One', sans-serif;text-transform:uppercase;font-size:.8em;color:#ead9c9;font-weight:bold;}


.tocnumber{padding-left:0;padding-right:0.5em;color:#fff}
.mw-body a:link.new { color: #FF7081; } /* new links */
.tocnumber:after { content: '.' }
.mw-gallery-slideshow li.gallerybox.slideshow-current {
    background: #051e37; }
.mw-body a:link { color: #c9daea; } /* normal unvisited links */
.mw-body a:link:visited { color: #c9daea; } /* visited links */
.mw-body a:link:active { color: #c9daea; } /* active links */
.mw-body a:link.new { color: #485767; } /* new links */
.mw-body-content a:link.extiw { color: #3366BB; !important } /* interwiki links */
.mw-body a:link.external { color: #3366BB; } /* external links */
.mw-body a:link.stub { color: #772233; } /* hovered links */
.mw-body a.new:visited { color:#485767; }
.mw-body a.new:visited { color:#485767; }
.mw-body a:link {color: #c9daea}
.mw-body a:hover {color: #b4c4d2}
.mw-body a:active {color: #697887}
.mw-body a.external:visited {color: #3366BB; }
.mw-body a.extiw:visited {color: #3366BB; }
.editOptions{color:#ccc;}
/* Allow limiting of which header levels are shown in a TOC;
  <div class="toclimit-3">, for instance, will limit to
  showing ==headings== and ===headings=== but no further
  (as long as there are no =headings= on the page, which
  there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}
#ca-talk { display:none!important; }
#ca-viewsource { display:none!important; }

Latest revision as of 14:19, 17 November 2024

/* Override .citizen-overflow-wrapper to ensure proper centering */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}

/* Ensure all wikitables are centered and border-collapse is set to separate */
body.skin-citizen-dark.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-autohide-navigation-clientpref-1 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-pure-black-clientpref-0 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-font-size-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-width-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable {
    border-collapse: separate !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    box-sizing: border-box !important;
    transition: none !important; /* Disable transitions */
}

/* Forcing the table to center by wrapping it in a div */
body .wikitable-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

body .wikitable-wrapper .wikitable {
    margin: 0 !important;
}

/* Apply to all table cells */
body .mw-body table th, 
body .mw-body table td {
    border: 2px solid #2C4663 !important; /* Set border size and color for cells */
    text-align: center; /* Center-align text */
}


.mw-body a:link.new { color: #FF7081; } /* new links */
.mw-body a.new:visited { color:#485767; }