Difference between revisions of "MediaWiki:Common.css"
(look) |
(add navbox css) |
||
Line 14: | Line 14: | ||
color: #6A2E8A !important; | color: #6A2E8A !important; | ||
} | } | ||
+ | |||
+ | |||
+ | /* CSS Navbox and Navbar templates */ | ||
+ | |||
+ | /* Style for horizontal lists (separator following item). | ||
+ | IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. | ||
+ | @source mediawiki.org/wiki/Snippets/Horizontal_lists | ||
+ | @revision 3.2 (2013-09-25) | ||
+ | @author [[User:Edokter]] | ||
+ | */ | ||
+ | .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 ordinals in front of ordered list items */ | ||
+ | .hlist ol { | ||
+ | counter-reset: list-item; | ||
+ | } | ||
+ | .hlist ol > li { | ||
+ | counter-increment: list-item; | ||
+ | } | ||
+ | .hlist ol > li:before { | ||
+ | content: counter(list-item) " "; | ||
+ | } | ||
+ | .hlist dd ol > li:first-child:before, | ||
+ | .hlist dt ol > li:first-child:before, | ||
+ | .hlist li ol > li:first-child:before { | ||
+ | content: "(" counter(list-item) " "; | ||
+ | } | ||
+ | |||
+ | /* Unbulleted lists */ | ||
+ | .plainlist ul { | ||
+ | line-height: inherit; | ||
+ | list-style: none none; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .plainlist ul li { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* Default style for navigation boxes */ | ||
+ | table.navbox { | ||
+ | /* Navbox container style */ | ||
+ | border: 1px solid #aaa; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | clear: both; | ||
+ | font-size: 88%; | ||
+ | text-align: center; | ||
+ | padding: 1px; | ||
+ | } | ||
+ | table.navbox + table.navbox { | ||
+ | /* Single pixel border between adjacent navboxes */ | ||
+ | margin-top: -1px; | ||
+ | /* (doesn't work for IE6, but that's okay) */ | ||
+ | } | ||
+ | .navbox th, | ||
+ | .navbox-title, | ||
+ | .navbox-abovebelow { | ||
+ | text-align: center; | ||
+ | /* Title and above/below styles */ | ||
+ | padding-left: 1em; | ||
+ | padding-right: 1em; | ||
+ | } | ||
+ | th.navbox-group { | ||
+ | /* Group style */ | ||
+ | white-space: nowrap; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | } | ||
+ | .navbox, | ||
+ | .navbox-subgroup { | ||
+ | background: #fdfdfd; | ||
+ | } | ||
+ | .navbox-list { | ||
+ | /* Must match background color */ | ||
+ | border-color: #fdfdfd; | ||
+ | } | ||
+ | .navbox th, | ||
+ | .navbox-title { | ||
+ | /* Level 1 color */ | ||
+ | background: #ccccff; | ||
+ | } | ||
+ | .navbox-abovebelow, | ||
+ | th.navbox-group, | ||
+ | .navbox-subgroup .navbox-title { | ||
+ | /* Level 2 color */ | ||
+ | background: #ddddff; | ||
+ | } | ||
+ | .navbox-subgroup .navbox-group, | ||
+ | .navbox-subgroup .navbox-abovebelow { | ||
+ | /* Level 3 color */ | ||
+ | background: #e6e6ff; | ||
+ | } | ||
+ | .navbox-even { | ||
+ | /* Even row striping */ | ||
+ | background: #f7f7f7; | ||
+ | } | ||
+ | .navbox-odd { | ||
+ | /* Odd row striping */ | ||
+ | background: transparent; | ||
+ | } | ||
+ | .navbox .hlist td dl, | ||
+ | .navbox .hlist td ol, | ||
+ | .navbox .hlist td ul, | ||
+ | .navbox td.hlist dl, | ||
+ | .navbox td.hlist ol, | ||
+ | .navbox td.hlist ul { | ||
+ | /* Adjust hlist padding in navboxes */ | ||
+ | padding: 0.125em 0; | ||
+ | } | ||
+ | .navbox .hlist dd, | ||
+ | .navbox .hlist dt, | ||
+ | .navbox .hlist li { | ||
+ | /* Nowrap list items in navboxes */ | ||
+ | white-space: nowrap; | ||
+ | /* IE < 8 no-wraps entire list, so disable it */ | ||
+ | white-space: normal !ie; | ||
+ | } | ||
+ | .navbox .hlist dd dl, | ||
+ | .navbox .hlist dt dl, | ||
+ | .navbox .hlist li ol, | ||
+ | .navbox .hlist li ul { | ||
+ | /* But allow parent list items to be wrapped */ | ||
+ | white-space: normal; | ||
+ | } | ||
+ | ol + table.navbox, | ||
+ | ul + table.navbox { | ||
+ | /* Prevent lists from clinging to navboxes */ | ||
+ | margin-top: 0.5em; | ||
+ | } | ||
+ | |||
+ | /* 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 styling when nested in navbox */ | ||
+ | .navbox .navbar { | ||
+ | display: block; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | .navbox-title .navbar { | ||
+ | /* @noflip */ | ||
+ | float: left; | ||
+ | /* @noflip */ | ||
+ | text-align: left; | ||
+ | /* @noflip */ | ||
+ | margin-right: 0.5em; | ||
+ | width: 6em; | ||
+ | } | ||
+ | /* Allow people to optionally wrap lines in source listings */ | ||
+ | div.wrapPreLines pre { | ||
+ | white-space: pre-wrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* End CSS Navbox and Navbar */ |
Revision as of 14:27, 16 November 2013
/* CSS placed here will be applied to all skins */ /* Hide firstHeading on main page */ .page-Main_Page .firstHeading { display: none; } /* Colors */ a, a.mw-body.external, a.external.text, #mw-panel a, #mw-navigation a { color: #0B0080 !important; } a:visited, a.mw-body.external:visited, a.external.text:visited, #mw-panel a:visited, #mw-navigation a:visited { color: #6A2E8A !important; } /* CSS Navbox and Navbar templates */ /* Style for horizontal lists (separator following item). IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]]. @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 3.2 (2013-09-25) @author [[User:Edokter]] */ .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 ordinals in front of ordered list items */ .hlist ol { counter-reset: list-item; } .hlist ol > li { counter-increment: list-item; } .hlist ol > li:before { content: counter(list-item) " "; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: "(" counter(list-item) " "; } /* Unbulleted lists */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; } /* Default style for navigation boxes */ table.navbox { /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px; /* (doesn't work for IE6, but that's okay) */ } .navbox th, .navbox-title, .navbox-abovebelow { text-align: center; /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } th.navbox-group { /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd; } .navbox-list { /* Must match background color */ border-color: #fdfdfd; } .navbox th, .navbox-title { /* Level 1 color */ background: #ccccff; } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { /* Level 2 color */ background: #ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { /* Level 3 color */ background: #e6e6ff; } .navbox-even { /* Even row striping */ background: #f7f7f7; } .navbox-odd { /* Odd row striping */ background: transparent; } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { /* Adjust hlist padding in navboxes */ padding: 0.125em 0; } .navbox .hlist dd, .navbox .hlist dt, .navbox .hlist li { /* Nowrap list items in navboxes */ white-space: nowrap; /* IE < 8 no-wraps entire list, so disable it */ white-space: normal !ie; } .navbox .hlist dd dl, .navbox .hlist dt dl, .navbox .hlist li ol, .navbox .hlist li ul { /* But allow parent list items to be wrapped */ white-space: normal; } ol + table.navbox, ul + table.navbox { /* Prevent lists from clinging to navboxes */ margin-top: 0.5em; } /* 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 styling when nested in navbox */ .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; } /* Allow people to optionally wrap lines in source listings */ div.wrapPreLines pre { white-space: pre-wrap; } /* End CSS Navbox and Navbar */