Template:Navbox with collapsible groups/styles.css: Difference between revisions
Jump to navigation
Jump to search
Template:Navbox with collapsible groups/styles.css (view source)
Revision as of 12:42, 16 March 2023
, 16 March 2023no edit summary
imported>Hb1290 No edit summary |
imported>Hb1290 No edit summary |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.navbox { /* Navbox container style */ | .navbox { /* Navbox container style */ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border: | border: none; | ||
width: 100%; | width: 100%; | ||
clear: both; | clear: both; | ||
| Line 30: | Line 30: | ||
white-space: nowrap; | white-space: nowrap; | ||
/* @noflip */ | /* @noflip */ | ||
text-align: | text-align: center; | ||
} | } | ||
.navbox, | .navbox, | ||
.navbox-subgroup { | .navbox-subgroup { | ||
background-color: #fdfdfd; /* Background color */ | background-color: #fdfdfd; /* Background color */ | ||
color:#fff; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
| Line 49: | Line 50: | ||
.navbox th, | .navbox th, | ||
.navbox-title { | .navbox-title { | ||
background-color: # | background-color: #161f2b; /* Level 1 color */ | ||
} | } | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
th.navbox-group, | th.navbox-group, | ||
.navbox-subgroup .navbox-title { | .navbox-subgroup .navbox-title { | ||
background-color: # | background-color: #161f2b; /* Level 2 color */ | ||
} | } | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
| Line 104: | Line 105: | ||
display: block; | display: block; | ||
font-size: 100%; | font-size: 100%; | ||
padding:0; | |||
} | } | ||
.navbox-title .navbar { | .navbox-title .navbar { | ||
| Line 112: | Line 114: | ||
/* @noflip */ | /* @noflip */ | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
} | } | ||
| Line 138: | Line 141: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; | |||
display: inline; | |||
} | |||
/* Display nested lists inline */ | |||
.hlist.inline, | |||
.hlist.inline dl, | |||
.hlist.inline ol, | |||
.hlist.inline ul, | |||
.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; | |||
} | |||
/* Hide empty list items */ | |||
.hlist .mw-empty-li { | |||
display: none; | |||
} | |||
/* Generate interpuncts */ | |||
.hlist dt:after { | |||
content: ": "; | |||
} | |||
/** | |||
* Note hlist style usage differd in | |||
* the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing | |||
* See https://phabricator.wikimedia.org/T213239 | |||
*/ | |||
.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; | |||
} | |||
/* 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; | |||
} | |||
/* Put ordinals in front of ordered list items */ | |||
.hlist ol { | |||
counter-reset: listitem; | |||
} | |||
.hlist ol > li { | |||
counter-increment: listitem; | |||
} | |||
.hlist ol > li:before { | |||
content: " " counter(listitem) "\a0"; | |||
} | |||
.hlist dd ol > li:first-child:before, | |||
.hlist dt ol > li:first-child:before, | |||
.hlist li ol > li:first-child:before { | |||
content: " (" counter(listitem) "\a0"; | |||
} | |||
/*styling for VTE and collapsible toggle*/ | |||
.mw-collapsible-toggle-expanded .mw-collapsible-text { | |||
color:#fff; | |||
} | |||
.mw-collapsible-toggle-collapsed .mw-collapsible-text { | |||
color:#fff; | |||
} | |||
.navbar-mini abbr { | |||
color:#fff; | |||
} | |||
.navbox-subgroup li { | |||
color:#000 | |||
} | |||
/*section specific colors*/ | |||
.home-entertainment .navbox-title { | |||
background-color: #1dc82b !important; /* Level 1 color */ | |||
} | |||
.home-entertainment .navbox-abovebelow, | |||
.home-entertainment th.navbox-group, | |||
.home-entertainment .navbox-subgroup,.home-entertainment .navbox-title { | |||
background-color: #1dc82b; /* Level 2 color */ | |||
} | |||
.warning-screens .navbox-title { | |||
background-color: #1dc82b; /* Level 1 color */ | |||
} | |||
.warning-screens .navbox-abovebelow, | |||
.warning-screens th.navbox-group, | |||
.warning-screens .navbox-subgroup,.warning-screens .navbox-title { | |||
background-color: #1dc82b; /* Level 2 color */ | |||
} | |||
.animation .navbox-title { | |||
background-color: #0c62da; /* Level 1 color */ | |||
} | |||
.animation .navbox-abovebelow, | |||
.animation th.navbox-group, | |||
.animation .navbox-subgroup,.animation .navbox-title { | |||
background-color: #0c62da; /* Level 2 color */ | |||
} | |||
.film .navbox-title { | |||
background-color: #da0c3f; /* Level 1 color */ | |||
} | |||
.film .navbox-abovebelow, | |||
.film th.navbox-group, | |||
.film .navbox-subgroup,.film .navbox-title { | |||
background-color: #da0c3f; /* Level 2 color */ | |||
} | |||
.tv .navbox-title { | |||
background-color: #ffa800; /* Level 1 color */ | |||
} | |||
.tv .navbox-abovebelow, | |||
.tv th.navbox-group, | |||
.tv .navbox-subgroup,.tv .navbox-title { | |||
background-color: #ffa800; /* Level 2 color */ | |||
} | } | ||