Difference between revisions of "MediaWiki:Common.css"
From Kerbal Space Program Wiki
(+allow table to have the infobox class;) |
(+hlist definition from the English Wikipedia;) |
||
Line 57: | Line 57: | ||
float: right; | float: right; | ||
margin: 1em 0 1em 1em; | margin: 1em 0 1em 1em; | ||
+ | } | ||
+ | |||
+ | /* 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]]. | ||
+ | @source mediawiki.org/wiki/Snippets/Horizontal_lists | ||
+ | @revision 3.2 (2013-09-25) | ||
+ | @author [[w: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) " "; | ||
} | } | ||
Revision as of 08:55, 5 October 2013
/* CSS placed here will be applied to all skins */ div.mp-box, .fmbox { background: #F6F6F6; padding: 1em; border: 1px solid #ccc; margin:0.25em; } /* Article message box styles */ table.ambox { margin: 0px 10%; /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; /* @noflip */ border-left: 10px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox { /* Single border between stacked boxes. */ margin-top: -1px; } .ambox td.mbox-text { /* The message body cell(s) */ border: none; /* @noflip */ width: 100%; /* Make all mboxes the same width regardless of text length */ padding: 0.25em 0.5em; /* 0.5em left/right */ } .ambox td.mbox-image { /* The left image cell */ border: none; /* @noflip */ padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; } div.infobox, table.infobox { background: #f6f6f6; border: 1px solid #ccc; margin-top:0px; } table.ambox + div.infobox, table.ambox + table.infobox { margin-top:0.4em; } /* @noflip */div.float-left, table.float-left, ul.float-left, .float-left { clear: left; float: left; margin: 1em 1em 1em 0; } /* @noflip */div.float-right, table.float-right, ul.float-right, .float-right { clear: right; float: right; margin: 1em 0 1em 1em; } /* 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]]. @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 3.2 (2013-09-25) @author [[w: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) " "; } /* Planetary stuff! */ .mp-planetnav{ background:#000; margin:0.25em; } .mp-planetnav a { color:white; font-weight:bold; display:block; text-align:center; } /* Sysops */ .mw-userlink[title="User:UmbralRaptor"], .mw-userlink[title="User:XZise"], .mw-userlink[title="User:Ruedii"], .mw-userlink[title="User:Schepter"], .mw-userlink[title="User:Avey1984"], .mw-userlink[title="User:Dylloop"], a.trusted, .bur, .adm, .mod { color:orange !important; font-weight:bold; } /* Bots */ a[class="mw-userlink"][title="User:RoboJeb"], .robot, .bot { color:#FE48AA; font-weight:bold; } /* Squad - Squad Logo + Green text */ a.mw-userlink[title="User:N3X15"], a.mw-userlink[title="User:NovaSilisko"], .squad { font-weight:bold; background:url('http://wiki.kerbalspaceprogram.com/w/images/thumb/0/04/SquadLogo.svg/16px-SquadLogo.svg.png') left no-repeat; color: green !important; padding-left:18px !important; }