MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /*===================       Imports ===================*/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Mbox.css"); @import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Infoboxes.css|MediaWiki:Themes.css|MediaWiki:Slider.css|One_Piece_Wiki:Color_Scheme_Key/CS.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:AbuseLogRC.css"); @import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css"; /*=================       Theme =================*/ /** * CSS variables * Documentation: https://drafts.csswg.org/css-variables/ - https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables * Wiki's theme */
 * root {

--theme-bg-color1: #fff6d1; /* module body background color */ --theme-bg-color2: #ffc602; /* module header background color */ --theme-bg-color3: #ffc602; /* module title background color */ --theme-bg-img1: url("/wiki/Special:FilePath/Module-body-bg-transparent.png"); /* module background image */ --theme-bg-img2: url("/wiki/Special:FilePath/Module-header-bg-transparent.png") /* module title background image */; --theme-text-color1: #3a3a3a; /* module text color */ --theme-text-color2: #3a3a3a; /* module header text color */ --theme-text-color3: #3a3a3a; /* module title color */ --theme-title-shadow: 0 0 3px #fff; /* module title shadow */ } /* END CSS variables */ /* 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. /*============================       1. General ============================*/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } /* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumbinner { background: inherit; border: none; color: inherit; } #article div.thumb { color:inherit; } /* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Table Tweaks */ tr.high-light { } tr.high-light:hover {background-color: #E0E8FF;} .high-light tr:hover {background-color: #E0E8FF;} td { empty-cells: hide } /* Typography Fixes */ sup { line-height: 0px; } /* lines with s will have same lineheight */ /* Instant collapsible animation when needed */ .instant-collapsible .mw-collapsed { display: none !important; } /* Styling code tag */ code { background-color: #f9f9f9; border-radius: 2px; border: 1px solid #ddd; color: black; padding: 1px 4px; } /****************   Main Page ***************/ /* Main table */ .mainpage-module { background: var(--theme-bg-color1) var(--theme-bg-img1) repeat; border-spacing: 0; border: 1px solid var(--theme-bg-color3); font-size: 16px; color: var(--theme-text-color1); margin: 0 0 5px 0; width: 100%; } .mainpage-module { -khtml-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; overflow: hidden; } .mainpage-module td, .mainpage-module th { padding: 5px; } .mainpage-module th a { color: inherit; } /* Title */ .mainpage-module-title { background: var(--theme-bg-color3) var(--theme-bg-img2) top left no-repeat; color: var(--theme-text-color3); font-size: 16px; text-shadow: var(--theme-title-shadow); } /* 1st header */ .mainpage-module-header { background: var(--theme-bg-color3); color: var(--theme-text-color3); } /* 2nd header */ .mainpage-module-header2 { background: var(--theme-bg-color2); color: var(--theme-text-color2); } /** Specific templates of the main page **/ .mainpage-content td:hover { background: var(--theme-bg-color3); color: var(--theme-text-color3); text-shadow: var(--theme-title-shadow); } .mainpage-content td:hover a { color: var(--theme-text-color3); } /* 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; } /*===========================*/ /*=== Wikia-skin only CSS ===*/ /*===========================*/  display:none !important; } .hiddenStructure { display:none; } /* Hides image attribution on articles */ .picture-attribution { display:none !important; } /* http://community.wikia.com/wiki/User_blog:Dopp/Technical_Update:_January_10,_2012 */ .WikiaArticle h2 { margin-top: 18px; } /** Exclusions **/ .WikiaBlogListingPost h2 { margin-top: 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; } /* Poll */ .ajax-poll { width: auto !important; border: 2px solid #ffc602 !important; } .ajax-poll { border: none !important; } .pollAnswerVotes { border: 2px solid #ffc602 !important; } .pollAnswerVotes div { background: #ffc602 !important; }.poll-entry:hover { border-color: #ffc602; } /* Scroll bar */
 * 1) spotlight-slider .description h2 {
 * 1) displayTimer { font-size: 16px !important; }
 * 1) showdate a { color: white !important; }
 * -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 */

/* === Sitename readability === */ .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) }