MediaWiki:Fandomdesktop.css

/* == AjaxPoll styling === */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles";

/* ===== CustomSlider ==== */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:CustomSlider.css&only=styles";

/* ===== Interlanguage flags ==== */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/*=== MinimalistDiscussionsFeed==*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistDiscussionsFeed.css&only=styles";

/*=== Tabview ===*/ @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabviews.css&only=styles");

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

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

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

/* quick fix for darker red links problem */ a.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; }
 * 1) bodyContent a.sortheader {
 * 1) bodyContent .plainlinks a {

/* increase h2 heading margin */ h2 { margin-top: 1em; }

/* Change background of category bar */ background-color: #E6E6FD; }
 * 1) catlinks {

/* --- PERSONAL LINKS --- */ /* icon change */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: url(https://images.wikia.nocookie.net/wowwiki/images/4/49/UserIcon.png) no-repeat; } /* self spacing, bold */ font-weight: bold; padding: 4px 0px 3px 0px; } /* content spacing */ margin-top: 5px; } /* removing a little wasted space */ padding-right: 1em; }
 * 1) p-personal {
 * 1) column-content, #p-cactions {
 * 1) p-personal UL {

/* --- RC LIST --- */ /* rc list byte-change colours */ .mw-plusminus-neg { color: #8B0000; } .mw-plusminus-pos { color: #006400; } .mw-plusminus-null { color: #666; } /* move namespace bit on RC to the right */ div.namespacesettings { float: right; clear: none; position: relative; top: -4em; width: 160px; border: 1px dotted #606060; background: #EEE; padding: 4px; font-size: 90%; } /* colour 'N' and 'm' */ .newpage { color: #A56C40; } .minor { color: #666; }

/* --- SMALLER TEMPLATES USED TEXT --- */ .templatesUsed ul { font-size:90% }

/* --- SPECIAL:ALLPAGES, CATEGORY REDIRECT TWEAKS --- */ .redirect-in-category, .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)"}

/* --- REFERENCE STYLES --- */ /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:2; column-count:2; } .same-bg { background: none } /* Highlight clicked reference in blue to help navigation */ ol.references > li:target { background-color: #ccf; } sup.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; }

/* --- TAB STYLES --- */ /* for "edit this page" tab and "discussion" tab etc */ .tab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

/* --- OTHER 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% }
 * 1) file img {

/* Prevents line breaks in links, used for navboxes */ .nowraplinks a { white-space: nowrap; }

/*Attempting to Change Poll Color*/ .pollAnswerVotes div { background-color: red !important; }