User:Walrsu/common.css

@import url('/load.php?articles=MediaWiki:ColorSchemes.css&only=styles&mode=articles');

/* 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 2-wide: 238px

/* Sets minimum width of a portrait gallery, based on the number of columns. :has is used to determine if not all columns are being used - if that's the case, then restrict width more, to reduce padding around images. .skin-fandommobile .portrait-gallery-2, .skin-fandommobile .portrait-gallery-3:has( td:last-child:nth-child(2)), .skin-fandommobile .portrait-gallery-4:has( td:last-child:nth-child(2)), .skin-fandommobile .portrait-gallery-5:has( td:last-child:nth-child(2)), .skin-fandommobile .portrait-gallery-6:has( td:last-child:nth-child(2)) { --portrait-gallery-width: 238px; --portrait-gallery-cell-width: 50%; }

.skin-fandommobile .portrait-gallery-3:has( td:last-child:nth-child(3)), .skin-fandommobile .portrait-gallery-4:has( td:last-child:nth-child(3)), .skin-fandommobile .portrait-gallery-5:has( td:last-child:nth-child(3)), .skin-fandommobile .portrait-gallery-6:has( td:last-child:nth-child(3)) { --portrait-gallery-width: 357px; --portrait-gallery-cell-width: 33%; }

.skin-fandommobile .portrait-gallery-4:has( td:last-child:nth-child(4)), .skin-fandommobile .portrait-gallery-5:has( td:last-child:nth-child(4)), .skin-fandommobile .portrait-gallery-6:has( td:last-child:nth-child(4)) { --portrait-gallery-width: 476px; --portrait-gallery-cell-width: 25%; }

.skin-fandommobile .portrait-gallery-5:has( td:last-child:nth-child(5)), .skin-fandommobile .portrait-gallery-6:has( td:last-child:nth-child(5)) { --portrait-gallery-width: 595px; --portrait-gallery-cell-width: 20%; }

.skin-fandommobile .portrait-gallery-6:has( td:last-child:nth-child(6)) { --portrait-gallery-width: 714px; --portrait-gallery-cell-width: 17%; }

.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; }

/* Identifies top header of a portrait gallery and adds horizontal scroll notice */ .skin-fandommobile .portrait-gallery-6 tr:first-child th:first-child div > span:after, .skin-fandommobile .portrait-gallery-5 tr:first-child th:first-child div > span:after, .skin-fandommobile .portrait-gallery-4 tr:first-child th:first-child div > span:after {	white-space: pre; font-size: small; font-style: italic; text-align: left; font-weight: normal; content: "\aThis table requires horizontal 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 tr, .skin-fandommobile .navibox th a { background-color: white; color: black; }

.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; }

/* Forces color scheme */ .skin-fandommobile .cs,				/* legacy */ .skin-fandommobile .ColorScheme { background-color: var(--colorscheme-bg) !important; color: var(--colorscheme-txt) !important; } /* Applies the color scheme to links */ .skin-fandommobile .cs a,				/* legacy */ .skin-fandommobile .ColorScheme a { color: inherit !important; background: inherit !important; }

/* Manual override of default FandomMobile CSS */ .skin-fandommobile:not(.fandommobile-fandom-theme) .article-table-wrapper table th { background-color: inherit; }

/* Normal text */ .theme-fandomdesktop-dark img[data-image-name="Beli.png"], .theme-fandomdesktop-dark img[data-image-name="Beli Small.png"], .theme-fandomdesktop-dark img[data-image-name="Crown.svg"], .theme-fandommobile-dark img[alt="Beli.png"], .theme-fandommobile-dark img[alt="Beli Small.png"], .theme-fandommobile-dark img[alt="Crown.svg"] {   filter: invert(1) hue-rotate(180deg); }

/* References (w/ Infoboxes) */ .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Beli.png"], .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Beli Small.png"], .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Crown.svg"],

/* Infoboxes */ .theme-fandomdesktop-dark .portable-infobox img[data-image-name="Beli.png"], .theme-fandomdesktop-dark .portable-infobox img[data-image-name="Beli Small.png"], .theme-fandomdesktop-dark .portable-infobox img[data-image-name="Crown.svg"], .theme-fandommobile-dark .portable-infobox img[alt="Beli.png"], .theme-fandommobile-dark .portable-infobox img[alt="Beli Small.png"], .theme-fandommobile-dark .portable-infobox img[alt="Crown.svg"] {   filter: invert(0) hue-rotate(180deg); }