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:InterlanguageFlags/code.css");

.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: #fff6d1 url("//onepiece.wikia.com/wiki/Special:FilePath/Modulo-body-bg-transparent.png") repeat; border-spacing: 0; border: 1px solid #f49329; font-size: 15px; margin: 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; } /* 1st header */ .mainpage-module-title { background: #f49329; color: #333; text-shadow: 0 0 3px #fff; } /** Style for only the title **/ .mainpage-module .mainpage-module-title:first-of-type:only-child { background: #f49329 url("//onepiece.wikia.com/wiki/Special:FilePath/Module-header-bg-transparent.png") top left no-repeat; font-size: 16px; } /* 2nd header */ .mainpage-module-header { background: #f6ab5a; color: #333; } /** Specific templates of the main page **/ .mainpage-content td:hover { background: #f49329; color: #333; text-shadow: 0 0 3px #fff; } .mainpage-content td:hover a { color: #333; } /* 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; }

/* AbuseLogRC */ /** Table **/ padding: 1px 5px; border-left: solid 2px #3a3a3a; } /** Separating rows **/ .abItemRow:nth-child(odd) { border-bottom: solid 2px #3a3a3a; } /** Time **/ .abItemTime { font-weight: bold; text-align: left; } /* Urcency classes */ .abUrgency1 { background: #c00; color: #fff; } .abUrgency1 a { color: #6ff; } .abUrgency2 { background: #fcc; color: #3a3a3a; } .abUrgency2 a { color: #006cb0; } .abUrgency3 { background: #fff0e6; color: #3a3a3a; } .abUrgency3 a { color: #006cb0; } /* END AbuseLogRC */
 * 1) abData { border: solid 2px #3a3a3a; }
 * 2) abData td {
 * 1) abData th { border: solid 2px #3a3a3a; }
 * 2) abHeader th:first-child { min-width: 80px; }
 * 3) abHeader th:last-child { min-width: 380px; }

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }
 * 1) showdate a { color: white !important; }