MediaWiki:Common.css: Difference between revisions

Latest revision as of 14:59, 10 January 2024

/* CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading { display:none; }

/* un-comment next line to display all ToCs with no numbers */
.tocnumber { display:none; }

/* start a page with <div class="nonumtoc"> to display that page's ToC with no numbers */
/* end the page with </div> */
.nonumtoc .tocnumber { display: none; }

/* start a page with <div class="numtoclevel1"> to display that page's ToC with level 1 numbers only */
/* end the page with </div> */
.numtoclevel1 ul ul .tocnumber, 
.numtoclevel1 ul ul .tocnumber { display: none; }

/* ------------------------------------------------------------------------------------- */
/* Styles for navboxes, copied and adapted from Wikipedia by Henning Makholm, 2013-03-10 */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* Style for horizontal lists (separator following item).
   Note: hlist formatting will break if the resulting HTML lacks a breakable character
   between list items. This happens when the following conditions are true:
   1) The list is made using wiki markup (where HTML is built by parser.php)
   2) HTMLTidy is disabled or unavailable (such as on Special: pages)
   In such cases, building lists with .hlist using HTML instead of wiki markup
   will work around this problem. See also [[Bugzilla:39617]].
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   Last updated: January 24, 2013
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @maintainer: [[User:Edokter]]
   @revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* don't display stuff intended for Mobile version on desktop version */
.mf-homemobile { display: none; } 

/* Obscure Services table */
table.ostable {
    width:100%;
    border-collapse: collapse;
    border: 1px solid black;
}
.ostable td:nth-of-type(1) {
    width: 8%;
    text-align:center;
}
.ostable td:nth-of-type(2) {
    width: 8%;
    text-align:center;
}
.ostable td:nth-of-type(3) {
    width: 10%;
    font-style: italic;
    text-align:center;
}
.ostable td:nth-of-type(4) {
    width: 74%;
}
table.ostable th {
    border: 1px solid black;
}
table.ostable td {
    border: 1px solid black;
}

/* Modified Obscure Services table */
.ostable-new {
    width: 1100px;
    max-width: 100%;
    background-color: #f8f9fa;
    margin: 1em 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
}
ostable-new > tr > th, .ostable-new > * > tr > th {
    background-color: #eaecf0;
    text-align: center;
}
.ostable-new > tr > th, .ostable-new > tr > td, .ostable-new > * > tr > th, .ostable-new  > * > tr > td {
    border: 1px solid #a2a9b1;
    padding: 0.2em 0.4em;
}
.ostable-new td:nth-of-type(1) {
    width: 90px;
    max-width: 8%;
    text-align:center;
}
.ostable-new td:nth-of-type(2) {
    width: 130px;
    max-width: 12%;
    text-align:center;
}
.ostable-new td:nth-of-type(3) {
    width: 130px;
    max-width: 12%;
    font-style: italic;
    text-align:center;
}
.ostable-new td:nth-of-type(4) {
    width: 68%;
}

/* Other Sparse Services table, 2 columns */
.osstable2 {
    width: 100%;
}
.osstable2 td:nth-of-type(1) {
    width: 10%;
    vertical-align: text-top;
}
.osstable2 td:nth-of-type(2) {
    width: 90%;
    vertical-align: text-top;
}

/* Other Sparse Services table, 3 columns */
.osstable3 {
    width: 100%;
}
.osstable3 td:nth-of-type(1) {
    width: 10%;
    vertical-align: text-top;
}
.osstable3 td:nth-of-type(2) {
    width: 35%;
    vertical-align: text-top;
}
.osstable3 td:nth-of-type(3) {
    width: 55%;
    vertical-align: text-top;
}

/* Other Sparse Services table, 4 columns with borders*/
.osstable4b {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
}
.osstable4b td:nth-of-type(1) {
    width: 20%;
    vertical-align: text-top;
}
.osstable4b td:nth-of-type(2) {
    width: 5%;
    text-wrap: nowrap;
    vertical-align: text-top;
}
.osstable4b td:nth-of-type(3) {
    width: 10%;
    text-wrap: nowrap;
    vertical-align: text-top;
}
.osstable4b td:nth-of-type(4) {
    width: 59%;
    vertical-align: text-top;
}
table.osstable4b th {
    border: 1px solid black;
}
table.osstable4b td {
    border: 1px solid black;
}


/* Deletions since the Previous Edition table, 3 columns */
.dpetable3 {
    width: 100%;
}
.dpetable3 td:nth-of-type(1) {
    width: 10%;
    vertical-align: text-top;
}
.dpetable3 td:nth-of-type(2) {
    width: 35%;
    vertical-align: text-top;
}
.dpetable3 td:nth-of-type(3) {
    width: 55%;
    vertical-align: text-top;
}

/* Gauge Changer tables, 4 columns */
.gch {
    width: 100%;
}
.gch th {
    text-align: left !important;
}
.gch td:nth-of-type(1) {
    width: 18%;
    vertical-align: text-top;
}
.gch td:nth-of-type(2) {
    width: 20%;
    vertical-align: text-top;
}
.gch td:nth-of-type(3) {
    width: 12%;
    vertical-align: text-top;
}
.gch td:nth-of-type(4) {
    width: 50%;
    vertical-align: text-top;
}