MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/*=== color schemes ===*/ @import url("http://onepiece.wikia.com/index.php?title=One_Piece_Encyclopedia:Color_Scheme_Key/CS.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400"); .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; } /** Chrome fix **/ @media screen and (-webkit-min-device-pixel-ratio:0) { .CharTable { float: left; } }

/*     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. /*	Table of Contents 1 General 2 Navigation Standard Navigation Folding Wiki Tabs 3 Forum Formatting 4 Infobox 5 Babelbox                     */ /*============================       1. General ============================*/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } /* Giving headers and TOC a little extra space */ h2, .toc { margin-top: 20px; } /* 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 */ /*============================       2. Navigation ============================*/ /* Standard Navigationsleisten, (aka box hiding thing from .de. Documentation at Wikipedia:NavFrame.) */ div.Boxmerge, div.NavFrame { margin: 0px;                padding: 4px; border: 1px solid #aaa;    text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; font-weight:normal; font-size:smaller; } /* Folding Multi Wiki Tabs by Splarka (http://www.wikia.com/wiki/User:Splarka/tricks) */ .foldtabSet { position: relative; margin: 1.5em 0 1em; } .foldtabBox { position: relative; padding: 0.5em; background-color:#FFF; overflow: auto; border: 1px solid #AAA; z-index: 1; } .foldtabHead a { position: relative; left: 0.5em; border: 1px solid #AAA; padding: 0.13em 1em; font-size: 150%; text-decoration: none; color: #00A; background-color: #E0E0FF; background-color: #F0F0F0; z-index: 0; } .foldtabHead a.selected { top: -0.15em; border-width: 2px; border-bottom: none; background-color: #FFF; z-index: 2; } .foldtabHead p { margin: 0; padding: 0; } /*============================       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; } /*============================       5. Babelbox ============================*/   div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; } .lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; } .lang-block1, .lang-block2, .lang-block3 { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; } .lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }