MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap'); @import "/load.php?mode=articles&articles=MediaWiki:Common.css&only=styles";

@import url("https://use.fontawesome.com/releases/v5.0.8/css/all.css"); @import url('https://fonts.googleapis.com/css?family=Baloo+Paaji'); @import url("https://fonts.googleapis.com/css?family=Bigshot+One|Didact+Gothic|Open+Sans|Jura:600|Montserrat|Raleway"); @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700'); @import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

@font-face { font-family: 'Days One'; font-style: normal; font-weight: 400; src: local('Days One'), local('DaysOne-Regular'), url(https://fonts.gstatic.com/s/daysone/v6/levHiAHcPaqxEf5sqeyx1_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/** * 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: #5a3678; /* module body background color */ -theme-bg-color2: #8b6da3; /* module header background color */ -theme-bg-color3: #b694d1; /* 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: #e0ccf0; /* module text color */ -theme-text-color2: #e0ccf0; /* module header text color */ -theme-text-color3: #e0ccf0; /* module title color */ -theme-title-shadow: 0 0 3px #fcf7ff; /* module title shadow */ } /* END CSS variables */ /* Test --*/ .WikiaPage { border: 2px solid #7205a8; box-shadow: 0px 0px 28px #7205a8; } /* Username Formattings --*/ a[href$="/wiki/User:||USERNAME HERE||"] { background: -webkit-linear-gradient(#9b59b6 0%, #e74c3c 90%); background-repeat: repeat; background-position: 0 0; background-size: 100% 50px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; font-weight: 900; font-family: Roboto; }

a[href$="/wiki/User:none"] { color: #A9A9A9; font-weight: bold; font-family: Roboto; }

a[href$="/wiki/User:Seolpeo_Marefell"],.rainbowanimation { background: -webkit-linear-gradient(#67219e 5%, #81219e 14%,#98219e 17%, #9e2194 48%, #9e217b 49%, #9e2168 56%, #9e214d 90%); background-repeat: repeat; background-position: 0 0; background-size: 100% 50px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; font-weight: 800; font-family: Monsterrat; }

a[href$="/wiki/User:Seolpeo_Marefell"], a[href$="/wiki/Message_Wall:Seolpeo_Marefell"], a[href$="/wiki/User_blog:Seolpeo_Marefell"], a[href$="/wiki/Special:Contributions/Seolpeo_Marefell"] { color:#F00909; font-weight: 600; font-family: Montserrat; }

.rainbowanimation { background: -webkit-linear-gradient(#67219e 0%, #81219e 16%,#98219e 17%, #9e2194 48%, #9e217b 49%, #9e2168 76%, #9e214d 90%); background-repeat: repeat; background-position: 0 0; background-size: 100% 50px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; font-weight: 800; font-family: Monsterrat; }

/*- Scroll Bar ---*/ .myBox { border: none; padding: 5px; width: 200px; height: 200px; overflow: scroll; }


 * -webkit-scrollbar {

width: 12px; height: 12px; }


 * -webkit-scrollbar-track {

border-radius: 10px; background: #3c2a4a; }


 * -webkit-scrollbar-thumb {

background: #8551ad; border-radius: 10px; }


 * -webkit-scrollbar-thumb:hover {

background: #8551ad; }

/* Edited-by text */ .WikiaArticleComments.MiniEditorWrapper.focused.editarea {box-shadow: none;}

/* ---Recent Wiki Activity--- */ .activity-feed-more a:before { content: "\f0fe \0a0"; font-family: "Font Awesome 5 Free"; vertical-align: middle; } /* View more Recent Wiki Activity link */ .activity-feed-more a:hover:before {font-weight: 700;} /* View more Recent Wiki Activity mouse-over icon */ .WikiaArticle li {margin: 0;} /* All Activity feed */ li.activity-type-edit {transition: background 0.25s, padding-left 0.25s, border-left 0.25s, border-left-color 0s;} /* Edit-type Activity feed */ li.activity-type-edit:hover { border-left: 6px solid #591387; padding-left: 37px; background: rgba(255, 230, 204,0.7); transition: background 0.25s, padding-left 0.25s, border-left 0.25s, border-left-color 0s; } /* Edit-type Activity feed mouse-over */ .achievement-in-activity-feed { padding: 4px; position: relative; background: #591387; border-left: 6px solid #6e22a8; overflow: auto; padding-top: 0; }	/* User Achievement */ .achievement-in-activity-feed .badge-text p { position: absolute; left: 14%; top: 45%; transform: translateY(-50%); }

/* - Animations - */ @-webkit-keyframes stripes { 100% {       background-position: 0 -50px; } }

@keyframes stripes { 100% {       background-position: 0 -50px; } }

@-webkit-keyframes Color-Mythical { 0%{background-position:14% 0%} 50%{background-position:87% 100%} 100%{background-position:14% 0%} }

@-moz-keyframes Color-Mythical { 0%{background-position:14% 0%} 50%{background-position:87% 100%} 100%{background-position:14% 0%} }

@keyframes Color-Mythical { 0%{background-position:14% 0%} 50%{background-position:87% 100%} 100%{background-position:14% 0%} }

@keyframes MythicalRotate { from {transform:rotate(0deg);} to {transform:rotate(360deg);} }

/* --- Multi Animate --- */ @keyframes cyan { 50% {color: hsla(45, 91%, 65%, 1)} }

@keyframes green { 50% {color: green;} }

@keyframes red { 50% {color: red;} }

@keyframes blue { 50% {color: blue;} }

@keyframes pink { 50% {color: pink;} }

@keyframes purple { 50% {color: purple;} }

@keyframes black { 50% {color: black;} }

@keyframes gy { 33% {color: green;} 67% {color: yellow;} }

@keyframes ygb { 25% {color: yellow;} 50% {color: green;} 75% {color: blue;} }

@keyframes yblimegreenr { 20% {color: yellow;} 40% {color: blue;} 60% {color: limegreen;} 80% {color: red;} }

@keyframes gobp { 20% {color: green;} 40% {color: orange;} 60% {color: blue;} 80% {color: pink;} }

body { font-family: "Montserrat", serif; } a[href$="/wiki/User:Username"], .bluesanimation { background: -webkit-linear-gradient(#3381ff, #bd66ff); background-repeat: repeat; background-position: 0 0; background-size: 100% 50px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite; font-weight: 900; font-family: Times New Roman; } display:none !important; }
 * 1) star-rating-row {

/* Forum formatting - Algorithm & Splarka */ .forumheader { border: 1px solid #ab8fbf; background-color: #6e22a8; 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 td.forum_title a { padding-left: 20px; } .forumlist td.forum_title span a { padding-left: 0; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/main-page-demo/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px;

} .portable-infobox .pi-image-collection-tabs { text-align: center; }

.ContentBox { width: 94%; margin: 1em auto; padding-left: 0.5em; padding-right: 0.5em; background-color: #7f05a8; border: 2px solid #7f05a8; border-radius: 5px; box-shadow: 0 0 1px rgba(0,0,0, .4); }

/* Clickable DIV elements with shading */ .clickable-div a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }

.clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); }

.card-box.clickable-div { overflow: hidden; }/**/

/* Clickable DIV without shading */ .clickable-div-ns a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }

.clickable-div-ns a > img { width: 100%; height: 100%; }/**/

/* Nav Button Class */ .nav-button a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .nav-button a > img { width: 100%; height: 100%; }

.nav-button { background-color: #005e99; color: white; transition: background-color 1s, color 1s; -webkit-transition: background-color 1s, color 1s; -o-transition: background-color 1s, color 1s; -moz-transition: background-color 1s, color 1s; }

.nav-button:hover { background-color: white; color: #005e99; } .nav-button:active { background-color: #B2C2F0; color: #005e99; }/**/

/* Home Page Sidebar */ color: #a5c6db; }/**/
 * 1) mainpage-sidebar a {

/* Hover Class */ .hoverimage img { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }/**/ /* Navigation Hover Class */ .hovernav img {opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } .hovernav img:hover {opacity: 0.55; filter: alpha(opacity=55); /* For IE8 and earlier */ }

a.new[href*="redlink=1"] { color: darkblue !important; }/**/

/* Customizing Tabber */ .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: black !important; background: #eee !important; } /* End of Customizing Tabber */

/* Styles for the button used on Help:Collapsing */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, button { background-color: #404a57; background: -ms-linear-gradient(top,#566374 35%,#404a57 65%); border: 1px solid #404a57; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap; }

/* Styles used for article-table and WikiaTable */ .mw-parser-output .article-table, .mw-parser-output .WikiaTable { border-collapse: collapse; margin: 1em 1em 1em 0; background: #000000; border: 0; } .article-table th, .WikiaTable th { background: #c40000; text-align: left; } .article-table th, .article-table td, .WikiaTable th, .WikiaTable td { border-bottom: 1px #6e22a8 solid; padding: 6px 12px; } .mw-collapsible-toggle { float: right; } .ooui-theme-fandom .mw-collapsible-toggle a:hover, .ooui-theme-fandom .mw-collapsible-toggle a:focus, .ooui-theme-fandom .mw-collapsible-toggle a:active { color: #009bbe; } .ooui-theme-fandom .mw-collapsible-toggle a { color: blue; transition: color 300ms; }

.table1 { background: rgba(255,255,255,0.5); }

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

/* Dropdown Animations */ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.2s; animation: dropdown-topnav 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.2s; animation: dropdown-animation 0.2s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.2s linear; animation: contribution-dropdown 0.2s linear; } @-webkit-keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @keyframes dropdown-global { from {opacity: 0; top: 45px;} to {opacity: 1;} } @-webkit-keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @keyframes dropdown-topnav { from {opacity: 0; top: 30px;} to {opacity: 1; top: 40px;} } @-webkit-keyframes dropdown-animation { from {opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px);} to {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} } @keyframes dropdown-animation { from {opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px);} to {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);} } @-webkit-keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} } @keyframes contribution-dropdown { from {opacity: 0; top: 25px;} to {opacity: 1; top: 35px;} }