MediaWiki:Common.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 "/load.php?mode=articles&articles=u:dev:MediaWiki:CSS3Tooltip"; @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'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:Anonymous.css&only=styles"; @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: #800000; /* 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 */ /* Page Glow --*/ .WikiaPage { border: 2px solid #8B0000; box-shadow: 0px 0px 26px #800000; } /* Getting rid of related wiki */ div.unified-search__layout__right-rail { display: none; width: 0; } /*********  Image Next to Staff Username   **********/ /***--[ Staff Profile Badges ]--***/ /* Credit to https://adoptme.fandom.com/wiki/MediaWiki:Staff.css */ /* Creating space for any username under specified class(es)*/ [class^="mw-userlink"]::before { width: 20px !important; height: 20px !important; background-size: cover !important; margin-right: 2px !important; vertical-align: sub !important; display: inline-block !important; }

/* Append Staff Icon for Signatures */ [class^="userlink"]:not(.wds-is-unread)::before { width:20px !important; height: 20px !important; background-size: cover !important; margin-right: 2px !important; vertical-align: sub !important; display: inline-block !important; }

/* Append Staff Icon for Comments and Message Walls */ [class^="EntityHeader_name__2oRXg"]::before { width:20px !important; height: 20px !important; background-size: cover !important; margin-right: 2px !important; vertical-align: sub !important; display: inline-block !important; } [class^='EntityHeader_name__'][href$="Username"]::after { content: " (Tag)"; } [class^='EntityHeader_name__'][href$="ZackRON00"]::after { content: " (Former Supreme Leader)"; } /* Recent Wiki Activities */ .activity-module .edit-info .edit-info-user { display: unset; overflow: unset; text-overflow: unset; }

.edit-info-user::before { width: 16px !important; height: 16px !important; background-size: cover !important; margin-right:2px !important; vertical-align: sub !important; display: inline-block !important; } /* Administrators */ [href="/wiki/User:ZackRON00"]::before { content: ''; background-image: url('https://vignette.wikia.nocookie.net/central/images/1/12/Badge-Admin.svg'); } /* Content Mods */ [href="/wiki/User:RabbyDevs"]::before { content: ""; background-image: url("https://static.wikia.nocookie.net/central/images/e/ef/Badge-ContentModerator.svg"); } /* 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:ZackRON00"], .zackanimation { background: -webkit-linear-gradient(#2980b9 14%, #3498db 22%, #2ecc71 53%, #f1c40f 42%, #e67e22 22%, #e74c3c 88%); 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: 700; font-family: Arial; }

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

a[href$="/wiki/User:Adogeeats25"] { background: -webkit-linear-gradient(#31BA00 5%, #00D8AE 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:YesIHaveAnAccount"] { background: -webkit-linear-gradient(#FFDA1F 35%, #B208F3 65%); 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; }

.rainbowanimation { background: -webkit-linear-gradient(#9b59b6 0%, #2980b9 16%,#3498db 17%, #2ecc71 48%, #f1c40f 49%, #e67e22 76%, #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: 800; font-family: Arial; }

.zackanimation { background: -webkit-linear-gradient(#2980b9 11%,#3498db 22%, #2ecc71 53%, #f1c40f 49%, #e67e22 52%, #e74c3c 80%); 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: 700; font-family: Arial; } /*- 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: #323232; }


 * -webkit-scrollbar-thumb {

background: #800000; border-radius: 10px; }


 * -webkit-scrollbar-thumb:hover {

background: #ff9500; }

/* 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 #ffa830; 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: #d7ffd9; border-left: 6px solid #4caf50; 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; }

/* Forum formatting - Algorithm & Splarka */ .forumheader { border: 1px solid #AAA; background-color: #0D0C0C; 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: #b50000; border: 3px solid #b50000; 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 #cccccc 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;} }

/* Infobox Image Hover */ .portable-infobox { border-radius: 10px; margin-right: 0.4em; filter: drop-shadow(0 0 3px #000); -webkit-filter: drop-shadow(0 0 3px #000); } .portable-infobox img { transition: transform 0.5s; } .portable-infobox img:hover { transform: scale(1.04); transition: transform 0.5s; } .portable-infobox button { cursor: pointer; background: var(--themed-button-background); border-color: transparent !important; border-radius: 3px !important; font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 10px !important; font-weight: bold; text-transform: uppercase; line-height: 19px !important; padding: 7px 18px !important; color: #000; transition: ALL 0.25s; } .portable-infobox button:hover, .portable-infobox button.active, .portable-infobox button:active { transition: ALL 0.25s; background: var(--themed-button-background--hover) !important; } /* Mainpage buttons, credit to site 76 wiki */ @-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @-moz-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

.fade-In { margin: auto; opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease 1; /* calls fadeIn keyframe, uses ease function */ -moz-animation: fadeIn ease 1; animation: fadeIn ease 1;

-webkit-animation-fill-mode: forwards; /* makes sure we remain at opacity 1 after fade-in */ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards;

-webkit-animation-duration: 0.35s; -moz-animation-duration: 0.35s; animation-duration: 0.35s; }

.mainbutton { position: relative; font: 30px Rubik; width: auto; height: auto; transition: all 0.4s ease; padding: 2.5px 15px; color: red; background: red; }   .mainbutton a { color: white; text-transform: uppercase; text-decoration: none !important; transition: text-shadow 0.4s ease; }       .mainbutton a::after { display: none !important; }           .mainbutton:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: silver; transition: border-color 0.4s ease; }   .mainbutton:hover { background: grey; }       .mainbutton:hover:before { border-style: solid; border-color: silver; }