MediaWiki:Wikia.css

/* CSS placed here will be applied to all skins */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/*===========================*/ /*        Sidebar           */ /*===========================*/ .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ddd, #888); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, red 30%, red 70%, red 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #bbb; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background: none; border-color: transparent; border-style: none; border-width: 0; } .activity-module { background: transparent; min-height: 300px; } .WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #f3c263; color: #f3c263; }

/*=============*/ /* Character Page Tabs */ /*=============*/ .charactertabs { width: 100%; border-bottom: 2px solid #CC1212; margin-bottom: 20px; } .charactertabs ul { margin: 0px; padding: 0px; height: 37px; } .charactertabs li { display: inline-block; margin-right: 10px; padding: 0px; height: 25px; } .charactertabs li a { display: block; text-decoration: none; } .charactertabs li span { padding: 7px 15px 25px 15px; border: 2px solid #CC1010; border-bottom: none !important; border-radius: 10px 10px 0px 0px; height: 25px; line-height: 18px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .charactertabs li strong span { color: #FFFFFF; border: 2px solid #CC1212; border-bottom: none !important; background-color: #CC1212; } .charactertabs li a span:hover { border-color: #CC1212; }

/*=============*/ /*Scrollbar*/ /*=============*/ /*1st Note: Scrollbar customization is only supported in WebKit based browsers, like Chrome, Safari, and Opera.*/
 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background: black; }
 * -webkit-scrollbar-thumb {

background: #640202; }
 * -webkit-scrollbar-thumb:hover {

background: #FF0000; }
 * -webkit-scrollbar-thumb:active {

background: red; }

/*2nd Note: Firefox .*/

.scroller { width: 300px; height: 100px; overflow-y: scroll; scrollbar-color: #FF0000; }

/*=============*/ /* Header 2 Bottom border  */ /*=============*/

.WikiaArticle h2 { border-bottom: 1px solid #FF0000; margin-bottom: .6em; margin-top: 20px; } /*=============*/ /* Table of contents colors  */ /*=============*/ .WikiaArticle .toc { border-radius: 5px; border-color: red; background-color: #2E1919; }

/*=============*/ /* Horizontal rule color  */ /*=============*/ hr { border-style: solid; border-width: 1px; border-color: red; border-left: none; border-right: none; border-bottom: none; }

/*=============*/ /* Infoboxes  */ /*=============*/ /* General infoboxes */ .portable-infobox { background-color: transparent; border: 1px solid #590302; padding: 0px; width: 300px; } .portable-infobox .pi-title { font-weight: bold; } .portable-infobox .pi-header, .portable-infobox .pi-title { background: rgba(0, 0, 0, 0) linear-gradient(to right, #590302, #bf1111, #590302) repeat scroll 0 0; color: #eee; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #9B9B9B; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #fff; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #9B9B9B; font-weight: bold; width: 1em; padding-right: 3px }

.pi-image { padding: 2px 0; } .pi-caption { text-align: center; } .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing > a { color: #eee; } .pi-border-color { border-color: transparent; } .pi-collapse .pi-header::after { border-color: black; } .pi-item.pi-group.pi-collapse.pi-collapse-closed { border-bottom: 1px solid transparent; }

/* Infobox "Other Countries" theme  */ .portable-infobox.pi-theme-OtherCountries { background-color: transparent; border: 1px solid #32174D; padding: 0px; width: 300px; font-size: 15px; } .portable-infobox.pi-theme-OtherCountries.pi-header.portable-infobox.pi-title { background: #32174D; color: #eee; text-align: center; } /* Infobox arc */ .pi-theme-arc { float: none; margin: 0 auto; width: 550px; } /* Infobox discussion */ .pi-theme-discussion { float: none; margin: 0 auto; width: 600px; }

/*===============*/ /*     Tabs     */ /*===============*/ .article-tabs { border: 0; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 100% } .article-tabs a:hover { text-decoration: none; } .article-tabs-active, .article-tabs-inactive { border-color: red; border-radius: 6px 6px 0 0; border-style: solid; border-width: 2px 2px 0; float: left; font-weight: bold; line-height: 1.3em; margin: 0 5px 0 0; min-width: 110px; padding: 0.5em; text-align: center; } .article-tabs-active { background-color: #000; color: #eee; } .article-tabs-inactive{ background-color: red; } .article-tabs-inactive a { color: #eee !important; display: block; outline: 0; } .article-tabs-inactive a:hover { text-decoration: none; } .article-tabs-bottomline { border-top: 2px solid #770403; margin: -2px 0 5px 0; width: 100%; } .article-tabs-active.article-tabs-article::before, .article-tabs-active.article-tabs-gallery::before, .article-tabs-active.article-tabs-videos::before, .article-tabs-inactive.article-tabs-article a::before, .article-tabs-inactive.article-tabs-gallery a::before, .article-tabs-inactive.article-tabs-videos a::before { background-position: left center; background-repeat: no-repeat; content: ""; padding-left: 23px; }

/*===============*/ /* Tabber CSS   */ /*===============*/

.tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid red !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #3a3a3a !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: red !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(42,161,152, 0.2) !important; } .tabbertab { border: none !important; padding: 0 !important; }

/*=============*/  /* POLL CSS */ /* "Fandomized Polls" code by User:JustLeafy at the dev wiki */ /*=============*/

/* Light */ .ajax-poll form input[type="submit"] { padding: 7px 12px; height: 35px; background-image: none !important; border-radius: 0 !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold; } div.ajax-poll { background-color: transparent; border: none !important; } .pollAnswerVotes { border: none !important; height: 35px !important; } div.ajax-poll div.header { background-color: #CC1212; padding: 12px; margin-left: -14px !important; margin-top: -14px !important; margin-right: -17px !important; color: #0C0C0C; } .pollAnswerVotes div { background-color: #ccc !important; } .pollAnswerVotes span { left: 7px !important; } div#ajax-poll-area { font-size: 14px; font-weight: bold; color: #0C0C0C; } /* Dark */ .oasis-dark-theme .ajax-poll form input[type="submit"] { padding: 7px 12px; height: 35px; background-image: none !important; border-radius: 0 !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold; } .oasis-dark-theme div.ajax-poll { background-color: transparent; border: 1px !important; border-color:red; } .oasis-dark-theme .pollAnswerVotes { border: none !important; height: 35px !important; } .oasis-dark-theme div.ajax-poll div.header { background-color: transparent; padding: 12px; margin-left: -14px !important; margin-top: -14px !important; margin-right: -17px !important; color: white; } .oasis-dark-theme .pollAnswerVotes div { background-color: #FF0000 !important; } .oasis-dark-theme .pollAnswerVotes span { left: 7px !important; } .oasis-dark-theme div#ajax-poll-area { font-size: 14px; font-weight: bold; color: white; }

/**** DESIGN TWEAKS ****/ /* background for transparent images when viewed directly */ background:transparent url(https://images.wikia.nocookie.net/wowwiki/images/thumb/3/34/Wwchecker.svg/16px-Wwchecker.svg.png) repeat scroll 0% 0% } /**/ /* --- SPECIAL:ALLPAGES, CATEGORY REDIRECT TWEAKS --- */ .redirect-in-category, .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)"} /**/
 * 1) file img {

/* --- REFERENCE STYLES --- */ /* make the list of references look smaller */ .references { font-size: 100%; } .references-small { font-size: 90%;} /* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #ccf; } .reference:target { background-color: #ccf; } /**/

/* --- YOU HAVE NEW MESSAGES BAR --- */ /* prettified */ .usermessage, .usermessage plainlinks { border: 2px solid #ee8500; margin: 0.5em 0em 0.5em 0em; padding: 0.5em; vertical-align: middle; } /**/

/* --- FIXES --- */ /* remove table backgrounds */ table { background-color:inherit; }

/* quick fix for darker red links problem */ .new { color: #F05048; } /* to remove the external link icon from sortable tables */ background: none; padding-right: 0; } /* fixes spacing after using plainlinks class to remove arrow */ background: none !important; padding: 0 !important; } /* Username highlighting for admins*/ /*LostRunes*/ .WikiaBlogListing .author-details span a[href="/wiki/User:LostRunes"], .WikiaBlogListingBox .author-details span a[href="/wiki/User:LostRunes"], .WikiaBlogPostHeader .author-details a[href="/wiki/User:LostRunes"], {   /* changes the color of the username */ color: #FFA500 !important; /* makes the username bold */ font-weight: bold !important; /* other CSS goes here */ } /*Jppcouto*/ .WikiaBlogListing .author-details span a[href="/wiki/User:Jppcouto"], .WikiaBlogListingBox .author-details span a[href="/wiki/User:Jppcouto"], .WikiaBlogPostHeader .author-details a[href="/wiki/User:Jppcouto"], {  /* changes the color of the username */ color: #FFA500 !important; /* makes the username bold */ font-weight: bold !important; /* other CSS goes here */ }
 * 1) bodyContent .sortheader {
 * 1) bodyContent .plainlinks a {
 * 1) WikiaRail a[href="/wiki/User:LostRunes"],
 * 2) wikiactivity-main a[href="/wiki/User:LostRunes"]
 * 1) WikiaRail a[href="/wiki/User:Jppcouto"],
 * 2) wikiactivity-main a[href="/wiki/User:Jppcouto"]