MediaWiki:Common.css: Difference between revisions
From EGTRE
Jump to navigationJump to search
Paul Steane (talk | contribs) (Undo revision 3100 by PaulSteane (talk)) |
Paul Steane (talk | contribs) mNo edit summary |
||
(25 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body.page-Main_Page h1.firstHeading { display:none; } | 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; | |||
} |
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; }