MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* ==========================  Imports ==========================*/ @import url("/load.php?mode=articles&articles=MediaWiki:Infoboxes.css|MediaWiki:Themes.css|One_Piece_Wiki:Color_Scheme_Key/CS.css|u:dev:InterlanguageFlags/code.css&only=styles");

.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: #f49329  url("http://vignette1.wikia.nocookie.net/onepiece/images/5/55/Modulo-body-bg-transparent.png/revision/latest?cb=20160515134003&path-prefix=it") 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("http://vignette4.wikia.nocookie.net/onepiece/images/5/55/Module-header-bg-transparent.png/revision/latest?cb=20160516120413") top left no-repeat; font-size: 16px; } /* 2nd header */ .mainpage-module-header { background: #f49329; 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(/images/4/4e/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="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="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; }

/*===========================*/ /*=== 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; }

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

/****************************************************/ /*                 Slider                          */ /*                                                 */ /* CSS code for Teplate:Slider2 generator           */ /* Code created by Tierrie on the Dragon Age Wiki  */ /* Edits made to CSS thanks to Slay Drake's BF     */ /* Thank you Jessica for everthing! Sincerely Drake */ /****************************************************/

/* container settings */ .portal_metro .toc { display: none; } .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }

/* give all containers a black background so the opacity changes results in a brightness change */ .portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; content: ""; background-color: rgb(0,0,0); z-index: -2; } .portal_metro { border: 1px solid black; z-index: 1; } .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }

/* pages nested within a slider container should not render borders twice */ .portal_metro .portal_metro { border: none; } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; } .portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; } /* font title and sliders */ .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { width: 100%; font-family: "Segoe UI", Helvetica, Verdana; font-weight: normal; font-size: inherit; line-height: inherit; text-shadow: 0px 0px 2px rgba(0,64,0,0.5), -1px -1px rgba(0,64,0,0.5), 1px 1px rgba(0,64,0,0.5); text-align:left; } .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform: uppercase; } .portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; } .portal_metro [class^=portal_sliderlink] { font-size: 1.4em; } /* portal headers, headerlinks colors and formatting */ .portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; } .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; } .portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; } .portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89,105,57); } /* slider text position */ .portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; } .portal_metro#portal_slide1 .portal_sliderlink-2 .portal_slidertext { display: block; font-size: 1.6em; left: 20px; line-height: 1em; } /* main slider sizing */ .portal_metro#portal_slide1 [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; } .portal_metro#portal_slide1, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; } .portal_metro#portal_slide1 .portal_sliderlink-2 { width: 100%; } /* main slider preview images */ .portal_metro#portal_slide1 [class^=portal_sliderlink]:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; } .portal_metro#portal_slide1 [class^=portal_sliderlink]:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; } .portal_metro#portal_slide1 [class^=portal_sliderlink]:hover:after { opacity: 1; } .portal_metro#portal_slide1 .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; } .portal_metro#portal_slide1 .portal_sliderlink-2:after { background-image: url('http://vignette2.wikia.nocookie.net/onepiece/images/b/b8/Slide_2_preview.png/revision/latest?cb=20160821162416'); background-size: cover; } .portal_metro#portal_slide1 .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; } .portal_metro#portal_slide1 .portal_sliderlink-3:after { background-image: url('http://vignette1.wikia.nocookie.net/onepiece/images/d/d7/Slide_3_preview.png/revision/latest?cb=20160821162417'); background-size: cover; } .portal_metro#portal_slide1 .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; } .portal_metro#portal_slide1 .portal_sliderlink-4:after { background-image: url('http://vignette1.wikia.nocookie.net/onepiece/images/1/1d/Slide_4_preview.png/revision/latest?cb=20160821162418'); background-size: cover; } .portal_metro#portal_slide1 .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; } .portal_metro#portal_slide1 .portal_sliderlink-5:after { background-image: url('http://vignette1.wikia.nocookie.net/onepiece/images/d/d7/Slide_5_preview.png/revision/latest?cb=20160821162419'); background-size: cover; } .portal_metro#portal_slide1 .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; } .portal_metro#portal_slide1 .portal_sliderlink-6:after { background-image: url('http://vignette4.wikia.nocookie.net/onepiece/images/c/c3/Slide_6_preview.png/revision/latest?cb=20160821162419'); background-size: cover; } /* slides background */ /* slider tabs */ .portal_metro#portal_slider .portal_navlink { display: none; } .portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; } .portal_metro#portal_slider .portal_navlink img { opacity: 0.7; } .portal_metro#portal_slider .portal_navlink img:hover { opacity: 1; } .portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; }
 * 1) porta_main, #portal_slide2, #portal_slide3 #portal_slide4, #portal_slide5, #portal_slide6 { position: relative; }
 * 2) portal_slide3:after, #portal_slide4:after, #portal_slide5:after, #portal_slide6:after, #portal_slide2:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 * 3) portal_slide2:after { background-image: url('http://vignette3.wikia.nocookie.net/onepiece/images/e/ec/Slide_2_background.png/revision/latest?cb=20160821162416'); background-size: cover; }
 * 4) portal_slide3:after { background-image: url('http://vignette4.wikia.nocookie.net/onepiece/images/4/4d/Slide_3_background.png/revision/latest?cb=20160821162417'); background-size: cover; }
 * 5) portal_slide4:after { background-image: url('http://vignette2.wikia.nocookie.net/onepiece/images/c/cf/Slide_4_background.png/revision/latest?cb=20160821162417'); background-size: cover; }
 * 6) portal_slide5:after { background-image: url('http://vignette2.wikia.nocookie.net/onepiece/images/1/11/Slide_5_background.png/revision/latest?cb=20160821162418'); background-size: cover; }
 * 7) portal_slide6:after { background-image: url('http://vignette2.wikia.nocookie.net/onepiece/images/7/79/Slide_6_background.png/revision/latest?cb=20160821162448'); background-size: cover; }

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { word-break: normal; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; padding: 0; width: 200px; float: left; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: .25em 0 .5em 1em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 1em 0 0 1em; margin-top: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.4em; } .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { overflow: auto; }

/* portal screen wide overrides */ @media screen and (max-width: 1023px) { .portal_metro [class^=portal_sliderlink] { width: 225px; } .portal_metro#portal_slide1 .portal_sliderlink-2 .portal_slidertext { width: 360px; } .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } .WikiaRail .module { position: relative; } } @media screen and (min-width: 1023px) and (max-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 225px; } .portal_metro#portal_slide1 .portal_sliderlink-2 .portal_slidertext { width: 360px; } .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } } /* */ @media screen and (min-width: 1650px) { .portal_metro [class^=portal_sliderlink] { width: 300px; } /* realign slider background images */ .portal_metro#portal_slide1 .portal_sliderlink-2:after {} /* realign slider background images */ /* .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 420px !important; } */ }

/* text and links */ .portal_metro, .portal_body a { color: #fff !important; text-shadow: 2px 2px 2px #000 !important; } .portal_body a:hover { color: #fdd600 !important; text-shadow: 2px 2px 2px #000 !important; }

/* END Slider */