429
回編集
細編集の要約なし |
細編集の要約なし |
||
1行目: | 1行目: | ||
/* ここに書いたCSSはすべての外装に反映されます */ | /* ここに書いたCSSはすべての外装に反映されます */ | ||
/* 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: September 23, 2012 | |||
@maintainer: [[User:Edokter]] | |||
@revision: 2.0 | |||
*/ | |||
.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; | |||
} | |||
/* 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) " "; | |||
} | |||
/* Unbulleted lists */ | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none none; | |||
margin: 0; | |||
} | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
/* 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 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; /* Background color */ | |||
} | |||
.navbox-list { | |||
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; | |||
} | |||
/* Infobox template style */ | /* Infobox template style */ |