User:Walrsu/common.css

/* STATUS IN PORTRAIT GALLERIES */ .skin-fandommobile table[class*="portrait-gallery-"] .status-message:before { white-space: pre; content: "\a"; }

/* PORTRAIT GALLERIES:

6-wide: 714px 5-wide: 595px 4-wide: 476px 3-wide: 357px

.skin-fandommobile .portrait-gallery-6 { --portrait-gallery-width: 714px; --portrait-gallery-cell-width: 17%; } .skin-fandommobile .portrait-gallery-5 { --portrait-gallery-width: 595px; --portrait-gallery-cell-width: 20%; } .skin-fandommobile .portrait-gallery-4 { --portrait-gallery-width: 476px; --portrait-gallery-cell-width: 25%; } .skin-fandommobile .portrait-gallery-3 { --portrait-gallery-width: 357px; --portrait-gallery-cell-width: 33%; }

.skin-fandommobile table[class*="portrait-gallery-"] { min-width: var(--portrait-gallery-width) !important; text-align: center; }

.skin-fandommobile table[class*="portrait-gallery-"] th > div > span { position: sticky; left: 10px; }

.skin-fandommobile .portrait-gallery-6 .portrait-gallery-header:after, .skin-fandommobile .portrait-gallery-5 .portrait-gallery-header:after, .skin-fandommobile .portrait-gallery-4 .portrait-gallery-header:after {	white-space: pre; font-size: small; font-style: italic; text-align: left; font-weight: normal; content: "\aThis table requires sideways scrolling!"; }

.skin-fandommobile table[class*="portrait-gallery-"] td:has(> .Gallery-pic) { height: 91px; width: var(--portrait-gallery-cell-width); padding: 0; }

.skin-fandommobile table[class*="portrait-gallery-"] img { width: 119px; height: 119px; }

.skin-fandommobile table[class*="portrait-gallery-"] figure { margin: 0; }

.skin-fandommobile .vde { display: none; }

/* Force Context Links (like, , etc) to be italic */ .skin-fandommobile .context-link { font-style: italic !important; }

/* Navibox */ .skin-fandommobile .navibox { width: 100%; background-color: transparent; border-collapse: collapse; border-style: hidden; }

.skin-fandommobile .navibox table { border-spacing: 0; border-collapse: collapse; border-style: hidden; }

.skin-fandommobile .navibox td { padding-right: 1%; padding-left: 1%; }

.skin-fandommobile .navibox .navibox-vde { display: none; }

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

.skin-fandommobile .hlist li, .skin-fandommobile .hlist ul ul { display: inline; }

.skin-fandommobile .hlist ul ul:before { content: "(" }

.skin-fandommobile .hlist ul ul:after { content: ")" }

.skin-fandommobile .hlist li:after { content: " • "; }

.skin-fandommobile .hlist ul ul li:after { content: " •" }

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

/******************* * Navboxes (Common.css equivalent, for desktop) *******************/ .skin-fandomdesktop .navibox { width: 100%; background: white; color: black; margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid #AAA; }

/* Merges navboxes that are directly under eachother */ .skin-fandomdesktop .navibox + .navibox { margin-top: -11px; }

.skin-fandomdesktop .navibox .navibox-title { background: #CCF; color: black; font-weight: bold; }

.skin-fandomdesktop .navibox .navibox-vde { float:left; width:65px; }

.skin-fandomdesktop .navibox .navibox-title-padright { padding-right: 65px; }

.skin-fandomdesktop .navibox .navibox-title-padleft { padding-left: 65px; }

.skin-fandomdesktop .navibox .navibox-subgroup { border-spacing: 0; width: 100%; }

.skin-fandomdesktop .navibox .navibox-gutter { height: 2px; }

.skin-fandomdesktop .navibox .navibox-subgroup .navibox-gutter { background: white; }

.skin-fandomdesktop .navibox .navibox-section-row > td { padding: 0; height: 100%; }

.skin-fandomdesktop .navibox .navibox-section { width: 100%; border-spacing: 0; }

.skin-fandomdesktop .navibox .navibox-above, .skin-fandomdesktop .navibox .navibox-below { background: #DDF; text-align: center; }

.skin-fandomdesktop .navibox .navibox-image { background: white; text-align: center; }

.skin-fandomdesktop .navibox .navibox-group, .skin-fandomdesktop .navibox .navibox-header { background: #DDF; color: black; font-weight: bold; height: 100%; padding: 2px 4px; }

.skin-fandomdesktop .navibox .navibox-header-collapsible { padding-left: 65px; }

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

.skin-fandomdesktop .navibox .navibox-group, .skin-fandomdesktop .navibox .navibox-image-left { border-right: 2px solid white; }

.skin-fandomdesktop .navibox-image-right { border-left: 2px solid white; }

.skin-fandomdesktop .navibox .navibox-list { background: white; color: black; width: 100%; height: 100%; padding: 0; }

.skin-fandomdesktop .navibox .alt > .navibox-list { background: #F7F7F7; }

.skin-fandomdesktop .navibox .navibox-list div { padding: 0px 4px; }

.skin-fandomdesktop .navibox .navibox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }

.skin-fandomdesktop .navibox .mw-collapsible-toggle { width: 65px; margin-right:10px; }

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

.skin-fandomdesktop .hlist li, .skin-fandomdesktop .hlist ul ul { display: inline; }

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

.skin-fandomdesktop .hlist ul ul:before { content: "(" }

.skin-fandomdesktop .hlist ul ul:after { content: ")" }

.skin-fandomdesktop .hlist li:after { content: " • "; }

.skin-fandomdesktop .hlist ul ul li:after { content: " •" }

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