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:Infoboxes.css|MediaWiki:Themes.css|MediaWiki:Slider.css|One_Piece_Wiki:Color_Scheme_Key/CS.css|u:dev:MediaWiki:InterlanguageFlags/code.css|u:dev:MediaWiki:AbuseLogRC.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: #bfdfef; /* module header background color */ --theme-bg-color3: #82c0e0; /* 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; } } .Gallery { border:1px outset gray; margin:auto; width:120px; empty-cells: hide; } .Gallery tr th, .Gallery tr td { border:1px inset gray; font-weight:bold; text-align:center; color:inherit; background:inherit; } .Gallery a:link, .Gallery a:visited {color:inherit} .Gallery a:hover, .Gallery a:active {color:inherit; font-weight:bold; text-decoration:underlined }

/* links to gallery pic */ .Gallery-pic-info { display: none; } .Gallery-pic:hover .Gallery-pic-info { display: inline; }

.status-symbol { cursor:help; border-bottom:1px dotted gray; }

/* 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: 15px; 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: 95%; } 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: 90%; } /*============================       3. Forum Formatting ============================*/ /* Forum formatting - Algorithm & Splarka */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td span { display: block; padding-left: 10px; font-size: smaller } .forumlist td span a { text-decoration: none; } .forumlist td span.forum_author { padding-left: 30px; } .forumlist td.forum_edited a { text-decoration: none } .forumlist th.forum_title { padding-left: 20px; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title span a { padding-left: 0px } .forumlist td.forum_title a.forum_new { font-weight: bold; padding-left: 20px; background: url("//onepiece.wikia.com/wiki/Special:FilePath/Forum_new.gif") center left no-repeat;} .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } /* remove talk link from forum namespace (Monobook/Monaco) - Splarka */ body.ns-110 #ca-talk, body.ns-110 #page_tabs li+li { display: none; } /*============================       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; }

/*===========================*/ /*==== Admin Comments =======*/ /*==========================*/ .comments li[data-user="DancePowderer"] blockquote { background: #fbe065!important; border: 2px solid #e9a807; } .comments li[data-user="DancePowderer"] blockquote:after { border-color: transparent #e9a807 #e9a807 transparent !important; } .comments li[data-user="DancePowderer"] blockquote div { background: transparent !important; } .comments li[data-user="DancePowderer"] blockquote { color: black!important; font-weight: normal !important; } .comments li[data-user="Yatanogarasu"] blockquote { background: #fbe065!important; border: 2px solid #e9a807; } .comments li[data-user="Yatanogarasu"] blockquote:after { border-color: transparent #e9a807 #e9a807 transparent !important; } .comments li[data-user="Yatanogarasu"] blockquote div { background: transparent !important; } .comments li[data-user="Yatanogarasu"] blockquote { color: black!important; font-weight: normal !important; } .comments li[data-user="AuroraOfDeath"] blockquote { background: #fbe065!important; border: 2px solid #e9a807; } .comments li[data-user="AuroraOfDeath"] blockquote:after { border-color: transparent #e9a807 #e9a807 transparent !important; } .comments li[data-user="AuroraOfDeath"] blockquote div { background: transparent !important; } .comments li[data-user="AuroraOfDeath"] blockquote { color: black!important; font-weight: normal !important; } .comments li[data-user="JustSomeDude..."] blockquote { background: #fbe065!important; border: 2px solid #e9a807; } .comments li[data-user="JustSomeDude..."] blockquote:after { border-color: transparent #e9a807 #e9a807 transparent !important; } .comments li[data-user="JustSomeDude..."] blockquote div { background: transparent !important; } .comments li[data-user="JustSomeDude..."] blockquote { color: black!important; font-weight: normal !important; } .comments li[data-user="Awaikage"] blockquote { background: #fbe065!important; border: 2px solid #e9a807; } .comments li[data-user="Awaikage"] blockquote:after { border-color: transparent #e9a807 #e9a807 transparent !important; } .comments li[data-user="Awaikage"] blockquote div { background: transparent !important; } .comments li[data-user="Awaikage"] blockquote { color: black!important; font-weight: normal !important; }

/*===========================*/ /*==== Discussions Moderator Comments =======*/ /*==========================*/ .comments li[data-user="Roranoa Drake II"] blockquote { background: #abceee!important; border: 2px solid #abceee; } .comments li[data-user="Roranoa Drake II"] blockquote:after { border-color: transparent #abceee #abceee transparent !important; } .comments li[data-user="Roranoa Drake II"] blockquote div { background: transparent !important; } .comments li[data-user="Roranoa Drake II"] blockquote { color: black!important; font-weight: normal !important; } .comments li[data-user="12th Supernova"] blockquote { background: #abceee!important; border: 2px solid #abceee; } .comments li[data-user="12th Supernova"] blockquote:after { border-color: transparent #abceee #abceee transparent !important; } .comments li[data-user="12th Supernova"] blockquote div { background: transparent !important; } .comments li[data-user="12th Supernova"] blockquote { color: black!important; font-weight: normal !important; }

/*===========================*/ /*=== Wikia-skin only CSS ===*/ /*===========================*/

display:none !important; } .hiddenStructure { display:none; } /* Hides image attribution on articles */ .picture-attribution { display:none !important; }
 * 1) spotlight-slider .description h2 {

/* 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 */
 * 1) displayTimer { font-size: 12px !important; }
 * 1) showdate a { color: white !important; }