MediaWiki:Gadget-cosmostweaks.css: Difference between revisions
m genuinely what |
bleh |
||
| Line 5: | Line 5: | ||
height:auto; | height:auto; | ||
} | } | ||
/******************* | |||
* Navboxes | |||
*******************/ | |||
/* | |||
* CSS Vars | |||
* Note: The linter will throw an error. See [https://community.fandom.com/wiki/Help:Advanced_CSS_and_JS#Common_issues this page] for more info. | |||
*/ | |||
.navbox { | |||
--navbox-bg-color: var(--content-background-color); | |||
--navbox-text-color: var(--text-color); | |||
--navbox-title-color: var(--banner-text-color); | |||
--navbox-header-color: var(--banner-color); | |||
--navbox-alt-color: var(--banner-color); | |||
--navbox-border-color: var(--banner-color); | |||
} | |||
.navbox { | |||
width: 100%; | |||
background: var(--navbox-bg-color, white); | |||
color: var(--navbox-text-color, black); | |||
margin: 1em auto; | |||
font-size: 84%; | |||
text-align: center; | |||
clear: both; | |||
padding: 2px; | |||
border-spacing: 0; | |||
border: 1px solid var(--navbox-border-color, #AAA); | |||
} | |||
/* Merges navboxes that are directly under eachother */ | |||
.navbox + .navbox { | |||
margin-top: -11px; | |||
} | |||
.navbox .navbox-title { | |||
background: var(--navbox-title-color, #CCF); | |||
color: var(--navbox-text-color, black); | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.navbox .navbox-vde { | |||
float: left; | |||
width: 65px; | |||
} | |||
.navbox .navbox-title th { | |||
padding: 2px 0; | |||
} | |||
.navbox .navbox-title th > div, | |||
.navbox th.navbox-header > div { | |||
padding: 0 4px; | |||
} | |||
.navbox .navbox-title th > .navbox-title-pad, | |||
.navbox th.navbox-header > .navbox-header-pad { | |||
padding: 0 65px; | |||
} | |||
.navbox .navbox-subgroup { | |||
border-spacing: 0; | |||
width: 100%; | |||
} | |||
.navbox .navbox-subgroup-with-title { | |||
text-align: center; | |||
} | |||
.navbox .navbox-gutter { | |||
height: 2px; | |||
} | |||
.navbox .navbox-section-row > td { | |||
padding: 0; | |||
height: 100%; | |||
} | |||
.navbox .navbox-section { | |||
width: 100%; | |||
border-spacing: 0; | |||
text-align: center; | |||
} | |||
.navbox .navbox-above, | |||
.navbox .navbox-below { | |||
background: var(--navbox-header-color, #DDF); | |||
text-align: center; | |||
} | |||
.navbox .navbox-above td, | |||
.navbox .navbox-below td { | |||
padding: 2px 4px; | |||
} | |||
.navbox .navbox-image { | |||
background: var(--navbox-bg-color, white); | |||
text-align: center; | |||
} | |||
.navbox .navbox-group, | |||
.navbox .navbox-header, | |||
.navbox .navbox-subgroup .navbox-title { | |||
background: var(--navbox-header-color, #DDF); | |||
color: var(--navbox-text-color, black); | |||
font-weight: bold; | |||
height: 100%; | |||
padding: 2px 0; | |||
} | |||
.navbox .navbox-header { | |||
text-align: center; | |||
} | |||
.navbox .navbox-group { | |||
text-align: right; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
word-wrap: normal; | |||
} | |||
.skin-fandomdesktop .navbox .navbox-group { | |||
white-space: nowrap; | |||
} | |||
.navbox .navbox-group, | |||
.navbox .navbox-image-left { | |||
border-right: 2px solid var(--navbox-bg-color, white); | |||
} | |||
.navbox .navbox-image-right { | |||
border-left: 2px solid var(--navbox-bg-color, white); | |||
} | |||
.navbox .navbox-list { | |||
text-align: center; | |||
} | |||
.navbox .navbox-group + .navbox-list, | |||
.navbox .navbox-group + .navbox-list > table:not(.navbox-subgroup-with-title) > tbody > tr > .navbox-list { | |||
text-align: left; | |||
} | |||
.navbox .navbox-list { | |||
background: var(--navbox-bg-color, white); | |||
color: var(--navbox-text-color, black); | |||
width: 100%; | |||
height: 100%; | |||
padding: 0; | |||
} | |||
.navbox .alt > .navbox-list { | |||
background: var(--navbox-alt-color, #F7F7F7); | |||
} | |||
.navbox .navbox-list > div { | |||
padding: 0px 4px; | |||
} | |||
.navbox .hlist dl, | |||
.navbox .hlist ol, | |||
.navbox .hlist ul { | |||
font-size: inherit; | |||
} | |||
.navbox .navbox-list.no-group { | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | |||
.navbox .mw-collapsible-toggle { | |||
width: 65px; | |||
} | |||
/* hlist */ | |||
.hlist dl, | |||
.hlist ol, | |||
.hlist ul { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Display list items inline */ | |||
.hlist dd, | |||
.hlist dt, | |||
.hlist li { | |||
margin: 0; /* don't trust the note that says margin doesn't work with inline | |||
* removing margin: 0 makes dds have margins again */ | |||
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: ": "; | |||
} | |||
.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"; | |||
} | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none; | |||
margin: 0; | |||
padding: 0; /* Reset Minerva default */ | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | |||
/* TEMPORARILY WORKING WITH NEW NAVBOXES | |||
/* default skin for navigation boxes */ | /* default skin for navigation boxes */ | ||
table.navbox { | table.navbox { | ||
| Line 39: | Line 327: | ||
} | } | ||
} | } | ||
/*CS added this^^^ */ | /*CS added this^^^ */ | ||
/* | /* | ||