MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/** Image Drop Shadow **/ .theme-fandomdesktop-light .lightimg img { -webkit-filter: drop-shadow(0px 0px 10px #000); filter: drop-shadow(0px 0px 3.5px #000) drop-shadow(1px 1px 1px #000); }

/******************* * Navboxes *******************/ /* .navbox { --navbox-bg-color: var(--theme-page-background-color); --navbox-text-color: var(--theme-page-text-color); --navbox-title-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.5); --navbox-header-color: rgba(var(--theme-accent-color--rgb, rgb(102, 102, 102)), 0.3); --navbox-alt-color: rgba(var(--theme-accent-color--rgb, rgb(85, 85, 85)), 0.1); --navbox-border-color: var(--theme-border-color) } .navbox { width: 100%; background: var(--navbox-bg-color, white); color: var(--navbox-text-color, black); margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid var(--navbox-border-color, #AAA); }
 * CSS Vars
 * Note: The linter will throw an error. See this page for more info.

/* 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; }

.navbox .navbox-vde { float:left; width:65px; }

.navbox .navbox-title-padright { padding-right: 65px; }

.navbox .navbox-title-padleft { padding-left: 65px; }

.navbox .navbox-subgroup { border-spacing: 0; width: 100%; }

.navbox .navbox-gutter { height: 2px; }

.navbox .navbox-subgroup .navbox-gutter { background: var(--navbox-bg-color, white); }

.navbox .navbox-section-row > td { padding: 0; height: 100%; }

.navbox .navbox-section { width: 100%; border-spacing: 0; }

.navbox .navbox-above, .navbox .navbox-below { background: var(--navbox-header-color, #DDF); text-align: center; }

.navbox .navbox-image { background: var(--navbox-bg-color, white); text-align: center; }

.navbox .navbox-group, .navbox .navbox-header { background: var(--navbox-header-color, #DDF); color: var(--navbox-text-color, black); font-weight: bold; height: 100%; padding: 2px 4px; }

.navbox .navbox-header-collapsible { padding-left: 65px; }

.navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; }

.navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid var(--navbox-bg-color, white); }

.navbox-image-right { border-left: 2px solid var(--navbox-bg-color, white); }

.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 .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }

.navbox .mw-collapsible-toggle { width: 65px; }

/* hlist */ .hlist ul { margin: 0; list-style: none; }

.hlist li, .hlist ul ul { display: inline; }

.hlist li a { white-space: nowrap; }

.hlist ul ul:before { content: "(" }

.hlist ul ul:after { content: ")" }

.hlist li:after { content: " • "; }

.hlist ul ul li:after { content: "/"; }

.hlist li:last-child:after, .hlist ul ul li:last-child:after { content: none; }