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

.theme-fandomdesktop-dark img[data-image-name="Beli.png"], .theme-fandomdesktop-dark img[data-image-name="Beli Small.png"], .theme-fandomdesktop-dark img[data-image-name="Crown.svg"] {   filter: invert(1) hue-rotate(180deg); } .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Beli.png"], .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Beli Small.png"], .theme-fandomdesktop-dark .refpopups-popup img[data-image-name="Crown.svg"] {   filter: invert(0) hue-rotate(180deg); }

/*============================         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); color: black; } .CharTable td { border: 2px solid rgb(85, 85, 85); vertical-align: top; padding: 1em }

@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; }

/* Fixes for RecentChanges */ /** Margins **/ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left: 0; }	/** Tags in RC **/ .mw-tag-markers { font-weight: bold; }

/* Removing black border from focused links */
 * focus {

outline: none; }

/*********************    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; }	/** 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 > .selflink, .article-tabs li > span, .article-tabs li a > span { 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 { background-color: #f9f9f9; border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td span { display: block; font-size: smaller; padding-left: 10px; } .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: 0; } .forumlist td.forum_title a.forum_new { background: url("/wiki/Special:FilePath/Forum_new.gif") center left no-repeat; font-weight: bold; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { background: none; font-weight: normal; 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; }

/******************* * Navboxes *******************/ .navbox { width: 100%; background: white; color: black; margin: 1em auto; font-size: 84%; clear: both; padding: 2px; border-spacing: 0; border: 1px solid #AAA; }

/* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; }

.navbox .navbox-title { background: #CCF; color: black; font-weight: bold; }

.navbox .navbox-vde { float:left; width:65px; }

.navbox .navbox-title-padright { padding-right: 65px; }

.navbox .navbox-title-padleft { padding-left: 65px; }

.navbox .navbox-subgroup { border-spacing: 0; width: 100%; }

.navbox .navbox-gutter { height: 2px; }

.navbox .navbox-subgroup .navbox-gutter { background: white; }

.navbox .navbox-section-row > td { padding: 0; height: 100%; }

.navbox .navbox-section { width: 100%; border-spacing: 0; }

.navbox .navbox-above, .navbox .navbox-below { background: #DDF; text-align: center; }

.navbox .navbox-image { background: white; text-align: center; }

.navbox .navbox-group, .navbox .navbox-header { background: #DDF; color: black; font-weight: bold; height: 100%; padding: 2px 4px; }

.navbox .navbox-header-collapsible { padding-left: 65px; }

.navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; }

.navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid white; }

.navbox-image-right { border-left: 2px solid white; }

.navbox .navbox-list { background: white; color: black; width: 100%; height: 100%; padding: 0; }

.navbox .alt > .navbox-list { background: #F7F7F7; }

.navbox .navbox-list div { padding: 0px 4px; }

.navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; }

.navbox .mw-collapsible-toggle { width: 65px; margin-right:10px; }

/* hlist */ .hlist ul { margin: 0; list-style: none; }

.hlist li, .hlist ul ul { display: inline; }

.hlist li a { white-space: nowrap; }

.hlist ul ul:before { content: "(" }

.hlist ul ul:after { content: ")" }

.hlist li:after { content: " • "; }

.hlist ul ul li:after { content: " •" }

.hlist li:last-child:after, .hlist ul ul li:last-child:after { content: none; }

/* Slider */ background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {

.Sld { height: auto; list-style: none; display: inline; float: left; }

.SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; }

position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: transparent; }
 * 1) NavBtns {

.nmLeft { height: 100%; left: 0px; background: linear-gradient(to right, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmRight { height: 100%; right: 0px; background: linear-gradient(to left, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmRight li { list-style: none; padding: 10px 10px 10px 100px; } .nmRight li:hover { cursor: pointer; background: linear-gradient(to left, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmTop { width: 100%; top: 0px; background: linear-gradient(to bottom, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nmBottom { width: 100%; bottom: 0px; background: linear-gradient(to top, rgba(61,61,61,0.8), rgba(61,61,61,0.8), transparent); text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, rgba(81,81,81,0.8), rgba(81,81,81,0.8), transparent); }

.nbActiveLeft { background: linear-gradient(to right, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveRight { background: linear-gradient(to left, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveTop { background: linear-gradient(to bottom, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); } .nbActiveBottom { background: linear-gradient(to top, rgba(111,111,111,0.8), rgba(111,111,111,0.8), transparent); }

/* Tabber */ .mw-parser-output .wds-tabs { justify-content: center; flex-wrap: wrap; }

/* Mobile */ .onlymobile { display: none; }