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:Interface.css|MediaWiki:Infoboxes.css|MediaWiki:Slider.css|MediaWiki:ColorSchemes.css|u:dev:MediaWiki:InterlanguageFlags.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: #FFD700; /* module header background color */ --theme-bg-color3: #FFD700; /* 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 */

/*============================         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; } /* 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; } /* Reference popup customization */ .refpopups-box { background: #FFF380 !important; background: #FFF380 !important; border: 2px solid #AFA330 !important; border-radius: 1ex !important; color: #000000 !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; }

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

/* Restoring red links for new categories */ .newcategory { color: #e81a3f; }

/*********************    Template:Tabs *********************/ /* General styles */ /** margins **/ .article-tabs { margin-bottom: 5px; }	/** list **/ .article-tabs ul { display: flex; flex-wrap: wrap; position: relative; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }	/** this text will be showed only on mobile **/ .article-tabs .at-mobile-text { display: none; }	/** tab default style **/ .article-tabs li { margin: 0; min-width: 100px; border: 1px solid var(--theme-text-color1); border-radius: 8px 8px 0 0; background-color: var(--colorscheme-bg, var(--theme-bg-color1)); color: var(--colorscheme-txt, var(--theme-text-color1)); font-size: 15px; font-weight: bold; text-align: center; }	/** links cover the whole tab **/ .article-tabs li a, .article-tabs li a.new { display: block; color: inherit !important; } .article-tabs li a > span, .article-tabs li > .selflink { display: block; padding: 5px 10px; }	/** active and hover tab style **/ .article-tabs .at-selected, .article-tabs li:hover { background-color: var(--colorscheme-txt, var(--theme-bg-color3)); color: var(--colorscheme-bg, var(--theme-text-color3)); }

/* Second level tabs */ /** default placement **/ .article-tabs .article-tabs { display: none;			/* initially hidden */ position: absolute;

} .article-tabs .article-tabs ul { width: 858px; }	/** tabs style **/ .article-tabs .article-tabs li { border-radius: 0; }	/** active tab style **/ .article-tabs .at-selected .article-tabs { display: table; left: 0; }	/** show on hover **/ .article-tabs li:not(.at-selected):hover > .article-tabs { display: table; z-index: 1; }	/** hover style **/ .article-tabs li:not(.at-selected):hover > .article-tabs ul { min-width: 200px; width: auto; flex-direction: column; left: -2px; }

/* Adjacent tabs style (not nested) */ .article-tabs + .article-tabs li { margin-top: -5px; border-radius: 0 0 8px 8px; }

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

/* Don't show external icon for local links */ a.external[href^="https://onepiece.fandom.com/"]:after { display: none; }

/* Collapsible toggles customization */ .mw-collapsible-toggle { font-family: Monospace; } .mw-collapsible-toggle a, .ooui-theme-fandom .mw-collapsible-toggle a, .mw-collapsible-toggle a, .ooui-theme-fandom .mw-collapsible-toggle a:hover { color: inherit; }

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