MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

div.home-top-right-ads { height:100px width:100px } /* To reduce the blog list font size below standard 22 */ .WikiaBlogListing h1 { margin-right: 35px; font-size: 18px; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/**************************************************************/ /* Our wikitable. DO NOT use this one, use darktable instead. */ /**************************************************************/

table.wikitable, table.prettytable { margin: 1em 1em 1em 0; border-collapse: collapse; color: #E0E0E0; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #353535 solid; padding: 0.2em; } table.wikitable th, table.prettytable th { background: #252525; text-align: left; color: #2b2b2b; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; padding-bottom: 5px; }

/**************************************************************/ /*     Wikitable in file history section (Image pages). */ /**************************************************************/

table.wikitable.filehistory th { background: #232323; text-align: left; color: #E0E0E0; }

table.wikitable.filehistory td { background: #2a2a2a; text-align: left; color: #E0E0E0; }

/**************************************************************/ /*              Gallerybox on Category pages                 */ /**************************************************************/

li.gallerybox div.thumb { background: none; border: 0px; }

li.gallerybox div.gallerytext { text-align: center; }

/***************************************************************/ /* BG color for comparing selected revisions table (page hist) */ /***************************************************************/

table.diff.diff-contentalign-left, table.diff.diff-contentalign-left div#mw-diff-otitle1, table.diff.diff-contentalign-left div#mw-diff-otitle2, table.diff.diff-contentalign-left div#mw-diff-otitle3, table.diff.diff-contentalign-left div#mw-diff-otitle4, table.diff.diff-contentalign-left div#mw-diff-ntitle1, table.diff.diff-contentalign-left div#mw-diff-ntitle2, table.diff.diff-contentalign-left div#mw-diff-ntitle3, table.diff.diff-contentalign-left div#mw-diff-ntitle4 { background: #252525; }

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

/* --- TABLE DESIGNS --- */ /* default skin for navigation boxes */ table.navbox {           /* navbox container style */ border:1px solid #aaa; width:100%; margin:auto; clear:both; font-size:90%; text-align:center; padding:1px; }

/* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ table.navbox + table.navbox { margin-top:-1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;     /* title and above/below styles */ padding-left:1em; padding-right:1em; } .navbox-group {          /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; } .navbox, .navbox-subgroup { background:#fdfdfd; } .navbox-list { border-left:2px solid #fdfdfd; } .navbox-title, table.navbox th { background:#ccccff; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background:#e6e6ff; } .navbox-even { background:#f7f7f7; } .navbox-odd { background:transparent; } @media print { .navbox { display: none; } }

/* navbox container style */ table.navbox { border:1px solid #606060; }

.navbox,.navbox-subgroup { background:#202020; }

.navbox-list { border-left-color:#202020; }

.navbox-title,table.navbox th { background:#112A44; }

.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title { background:#2F2F2F; }

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow { background:#2C2C2C; }

.navbox-even { background:#232323; }

/**********************/ /* Modified Darktable */ /**********************/

/* dark table style */ table.darktable { border: 1px solid #454545; padding: 5px; background: #121212; font-size: 89%; margin: 0.5em 0em 1em 0.5em; } table.darktable th { background-color: #042938; padding: 0 0.5em; } table.darktable caption { font-size: 120%; font-weight: bold; } table.darktable tr:not(:first-child) th { background-color: #001420; } table.extrapadding td { padding-left: 4px; padding-right: 4px; }

/* Select reputation colors */ span.rep-friendly {color: #1E90FF;} span.rep-neutral {color: #008000;} span.rep-suspicious {color: #FF0000;}

/**********************/ /* Smaller TOC */ /**********************/

font-size:80%; }
 * 1) toc {

/****************************************************************/ /* When using class 'zebra' in tables, it will show this color. */ /****************************************************************/

.alt { background-color: #101010; } table.zebra > tbody > tr:nth-child(2n+1) {background-color: #101010; }

/********************************/ /* Stylizes tooltips correctly. */ /********************************/

.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready { visibility:hidden; display:block; z-index:999; }

/**********************************************/ /* Hides "By in embedded pictures. */ /**********************************************/

.WikiaArticle .picture-attribution { display:none; }

/********************************************/ /* Changes border color of embedded images. */ /********************************************/

.WikiaArticle img.thumbborder { border-color: #314964; }

/*******************************************************/ /* Remove "Read more" section when categorizing pages. */ /*******************************************************/

.RelatedPagesModule { display: none !important; }

/**********************************/ /* Main page jquery tabs/sliders. */ /**********************************/

.ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; }

margin: 0px; padding: 0px; position: relative; height: 380px; }
 * 1) portal_slider {

text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.8); background-image: -moz-linear-gradient(bottom, #2a3f4c 0, #142b3a 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #2a3f4c), color-stop(100%, #142b3a)); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: #91683f; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 * 1) portal_slider #portal_next, #portal_slider #portal_prev {

background-image: -moz-linear-gradient(bottom, #375364 0, #183345 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #375364), color-stop(100%, #183345)); color: #91683f); }
 * 1) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover {

right: 10px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
 * 1) portal_slider #portal_next {

right: 31px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
 * 1) portal_slider #portal_prev {

padding: 0; }
 * 1) portal_slider > .portal_body {

/**************/ /* Soul Test */ /**************/ /* New main page-related styles */ body.page-Portal_Main #wikia_page, body.page-Portal_World_of_Warcraft #wikia_page, body.page-Portal_WotLK #wikia_page, body.page-Portal_Interface_customization #wikia_page, body.page-Portal_Warcraft_universe #wikia_page, body.page-Portal_Community #wikia_page { min-width:735px; } body.page-Portal_Main hr, body.page-Portal_World_of_Warcraft hr, body.page-Portal_WotLK hr, body.page-Portal_Interface_customization hr, body.page-Portal_Warcraft_universe hr, body.page-Portal_Community hr { color: #444; background-color: #444; } .mpcontentbox-sidebar { margin-top:10px; padding:7px 10px 12px 10px; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; font-size:89%; } .mpcontentbox-main { margin-top:10px; padding:7px 15px 12px 15px; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; font-size:89%; } .mpcontentbox-header { border-bottom:1px solid #444; } .mpcontentbox-table { width:100%; } .mpcontentbox-table td { width:50%; } .bg-darkgray { background-color:#BBB; } .bg-darkblue { background-color:#A0A2B8; } .bg-darkred { background-color:#BDACAC; } .bg-darkgreen { background-color:#8AC4B4; } font-size:93%; font-weight:bold; clear: left; margin:1em 0 3px 0; } padding:5px 10px 5px 10px; margin:0 3px 0 0; background:#BBB; text-decoration:none; color:black; -moz-border-radius-topright:0.5em; -moz-border-radius-topleft:0.5em; -webkit-border-radius-topright:0.5em; -webkit-border-radius-topleft:0.5em; } padding:5px 10px 5px 10px; margin:0 3px 0 0; text-decoration:none; background:#DDD; color:black; -moz-border-radius-topright:0.5em; -moz-border-radius-topleft:0.5em; -webkit-border-radius-topright:0.5em; -webkit-border-radius-topleft:0.5em; } background:#CCC; color:black; } /**************/ /*  Portal   */ /**************/
 * 1) mptabs {
 * 1) mptabs .activetab {
 * 1) mptabs a .inactivetab, #mptabs strong .inactivetab {
 * 1) mptabs a .inactivetab:hover, #mptabs strong .inactivetab:hover {
 * 1) mptabs a:hover { text-decoration:none !important; }

.portal-box { border:1px solid #04192E; margin-right:5px; padding:0px; background-image: -moz-linear-gradient(-90deg, #060D15 0, #121212 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #060d15), color-stop(100%, #121212)); box-shadow: 0 0 2px 2px #141414; }

.portal-header { border-top: 1px solid #45505B; font-size: 17px; color: #E0E0E0; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; background-image: -moz-linear-gradient(-90deg,#253A4F 0, #060D15 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #253a4f), color-stop(100%, #060d15)); margin-left: 1px; margin-top: 1px; margin-right: 1px; font-family: "Trebuchet MS"; }

/*****************/ /* Poll changes. */ /*****************/

.ajax-poll { width: auto !important; border: 0px solid #aaa !important; margin-top: 0px !important; padding: 0px !important; }

.axPollSubmit input { vertical-align: middle !important; }

.pollSubmittingInfo { font-family: "Trebuchet MS" !important; font-size: 5px !important; }

.pollAnswerVotes div { background: #AB7B4A !important; }

.pollAnswerVotes { border: 1px solid #888 !important; }

/***********************/ /* Image replacements. */ /***********************/

.external:after { background-image: url(https://images.wikia.nocookie.net/tera/images/7/73/External_link_icon.png) !important; }

background-image: url(https://images.wikia.nocookie.net/__cb20055488/common/skins/common/images/poweredby_mediawiki_88x31.png) !important; }
 * 1) f-poweredbyico:after {

/* --- TOOLTIP --- */ /* div.itemtooltip li a {color: inherit} would ideally replace most a declarations here, but IE support is lacking. */ div.itemtooltip { background-color: #051323; border: 2.7px #314964 solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; font-size: 90%; min-width: 15em; padding: 0.3em; margin: 5px; text-align: left; z-index: 1000 !important; }

div.itemtooltip ul, .htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} div.itemtooltip, div.itemtooltip li, div.itemtooltip li a, .htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li a {color: #fff;} div.itemtooltip li.socket, div.itemtooltip li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;} div.itemtooltip li.glyph, div.itemtooltip li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;} div.itemtooltip li.req, div.itemtooltip li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;} div.itemtooltip li.locked, div.itemtooltip li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #999;} div.itemtooltip li.bonus, div.itemtooltip li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;} div.itemtooltip li.flavor, div.itemtooltip li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a {color: #ffd517;} div.itemtooltip li.detail, div.itemtooltip li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;} div.itemtooltip li.set, div.itemtooltip li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;} div.itemtooltip li.setbonus, div.itemtooltip li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;} .tooltip ul, .htt .tooltip-content ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }

.htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready { visibility:hidden; display:block; z-index:999; } /*Commented out because it creates "empty" boxes with current tooltip setup, will re-enable after transferring old content to new template (when finished coding) .tooltip, .htt .tooltip-content { font-size: 1em; float: left; width: 260px; min-width: 15em; padding: 0.3em; margin: 5px; color: #fff; background-color: #051323; border: 2.7px #314964 solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; z-index: 1000 !important; }

/* Item Quality Colors */ .tc-superior, .tc-superior a { color: #EA9903; } .tc-rare, .tc-rare a { color: #00BBFA; } .tc-uncommon, .tc-uncommon a { color: #009002; } .tc-common, .tc-common a { color: #EFEFEF; } .tc-skill, .tc-skill a { color: #1e9695; } .tc-location, .tc-location a { color: #a24eda; } .tc-npc, .tc-npc a { color: #92dd3a; } .tc-quest, .tc-quest a { color: #ff8da1; } .tc-green, .tc-green a { color: #51AE34; } div.itemtooltip li a span.qc-common, .htt .tooltip-content li a span.qc-common {color:#fff}