MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Mbox.css|u:dev:MediaWiki:AbuseLogRC.css|u:dev:MediaWiki:BalancedSlider.css"); @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css"; /* CSS */

/* Color schemes key */ .cs a:link, .cs a:visited {color:inherit} .cs a:hover, .cs a:active {color:inherit; font-weight:bold; text-decoration:underlined } /*=== char tables ===*/ /* Characters tables for chapters and episodes */ .CharTable { border: 3px solid rgb(85, 85, 85); border-collapse: collapse; margin: auto; } .CharTable th { border: 2px solid rgb(85, 85, 85); background: none repeat scroll 0% 0% rgb(206, 206, 206); } .CharTable td { border: 2px solid rgb(85, 85, 85); vertical-align: top; } @media screen and (-webkit-min-device-pixel-ratio:0) { .CharTable { margin: auto; } } /* Tags in RC */ .mw-tag-markers { font-weight: bold; } /*     Notes on this file, and the formatting: Only place CSS in this stylesheet which should be applied to all pages of the site, regardless of skin or preferences. The table of contents should contain major sections, and also anything of note inside the sections, if neccesary. In order to keep a more compact style sheet, declarations should be formatted as follows: selector { property: value; property2: value2; ... }       For extra long declaration blocks, the properties may be seperated onto new lines like so: selector, selector2 { property: value; property2: value2; property3: value3; property4: value4; ... }       And so on, and so forth. Overall try to add clarity and scanability when formatting the declarations. Indenting, or nesting items when neccesary may aid in this.

/* Reference popup customization */ .refpopups-box { background: #FFF380 !important; background: #FFF380 !important; border: 2px solid #AFA330 !important; border-radius: 1ex !important; color: #000000 !important; } /*============================       2. Navigation ============================*/ /* Dynamic Navigation Bars. See http://en.wikipedia.org/wiki/Wikipedia:NavFrame */ /* or http://www.mediawiki.org/wiki/Manual:Collapsible_elements */ /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 100%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; /* @noflip */ float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; /* @noflip */ right: 3px; font-weight: normal; font-size: 100%; } /*============================       4. Infobox ============================*/   .infobox { border: 1px solid #aaaaaa;  background-color: #f9f9f9; color: black;              margin-bottom: 0.5em; margin-left: 1em;          padding: 0.2em; float: right;              clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* ============== */ /*    Custom     */ /* ============== */ /* * * Alignment correction for lists in more columns * https://stackoverflow.com/questions/5314726/css-multi-column-layout-of-list-items-doesnt-align-properly-in-chrome * */ .column-list ul li, .column-list ol li { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; } .column-list ul, .column-list ol { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; line-height: 1.8em; } /* Timer CSS */ /*Tabs*/ .portable-infobox .pi-image-collection-tab-content { background: #ffffff; } .portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #ffc602; font-weight: bold; font-size: 13px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #ffc602; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "•"; color: #ffc602; background: transparent; font-weight: bold; width: 1em; padding-right: 3px; font-size: 13px; text-align: center; } .portable-infobox, .portable-infobox .pi-title { border-radius: 0px 0px 0 0; } .portable-infobox .pi-title, .portable-infobox .pi-header, .pi-horizontal-group .pi-header { background-color: #ffc602; border-radius: 11px; color: #ffffff; font-weight: bold; text-align: center; }
 * 1) displayTimer { font-size: 16px !important; }
 * 1) showdate a { color: white !important; }

/* Scroll bar */
 * -webkit-scrollbar {

width: 12px; } ::-webkit-scrollbar-track { background: #FFFFFF !important; } ::-webkit-scrollbar-thumb { background: #ffc602 } ::-webkit-scrollbar-thumb:hover { background: #ffc602 } ::-webkit-scrollbar-thumb:active { background: #ffc602 } /* Centered tabs in infoboxes */ .pi-europa .pi-image-collection-tabs { text-align: center; }   max-width:100%; } .tabbernav { font-weight: normal !important; font-size: 19px !important; border-bottom: 3px solid #ffc602 !important; padding: 0.2em 0 !important; } .tabbernav a { padding: 0.2em 0.4em !important; margin: 0 !important; color: #ffc602 !important; border: none !important; background: transparent !important; } .tabberactive a { color: #ffc602 !important; } .tabbernav :not(.tabberactive) a:hover { color: #ffc602 !important; } .tabbertab { border: none !important; padding: 0 !important; } html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; } /* body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav { */ /* font-family: 'Didact Gothic', sans-serif !important; */ /* This changes the text in the content space only */ /*}*/
 * 1) wmDiv img {

/* removing ugly outline of infoboxes */ .WikiaArticle .info-box, .WikiaArticle .infobox { border: 0px; } /* Tweaks to eliminate extraneous margins and spacing on Oasis. */ /*.iumb p + p, .ooumb p + p { margin: 0; } .WikiaArticle { line-height: 23px; font-size: 16px; } .WikiaArticle h2 { margin-top: 14px; } .WikiaArticle .infoboxcell ul, WikiaArticle .info-boxcell ul { margin: 0 0 0 10px; } .WikiaArticle ol { margin: 0 0 0 2.5em; } .WikiaArticle ul { margin: 0 0 0 1.6em; } .WikiaArticle p + p { margin: 0.4em 0; }*/

/* === Sitename readability === */ /* Derived from Yofukashi no Uta Wiki, credit to User:Arzene */ .fandom-community-header .fandom-community-header__community-name, .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; filter: drop-shadow(0 0 5px #000); }

.fandom-community-header .wds-tabs__tab-label.first-level-item span { overflow: visible; }

.fandom-community-header__image img { filter: drop-shadow(0 0 5px #000); }

.fandom-community-header .page-counter__value, .fandom-community-header .page-counter__label { overflow: visible; filter: drop-shadow(0 0 5px #000) }

/* Hover Box for switching the visibility of the selected item */ .hoverbox { position: relative; padding:0em; } .hoverbox .hoveritem { position: absolute; opacity: 0; margin:0em; padding:0em; transition: opacity 0.5s ease;} .hoverbox .hoveritem.selected { opacity: 1; transition: opacity 0.5s ease;} .hoverbox:hover .hoveritem { opacity: 1;} .hoverbox:hover .hoveritem.selected { opacity: 0;}