FANDOM


/* CSS placed here will be applied to all skins */

/* All template and light skin definitions can be made here */
/* */






/**** DESIGN TWEAKS ****/


/* --- FIXES --- */

/* 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 */
#bodyContent a.sortheader { 
 background: none; 
 padding-right: 0; 
}

/* fixes spacing after using plainlinks class to remove arrow */
#bodyContent .plainlinks a {
       background: none !important;
       padding: 0 !important;
}

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

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


/* --- PERSONAL LINKS --- */

/* icon change */
li#pt-userpage, li#pt-anonuserpage, li#pt-login { 
 background: url(UserIcon.png) no-repeat;
}

/* self spacing, bold */
#p-personal {
 font-weight: bold;
 padding: 4px 0px 3px 0px;
}

/* content spacing */
#column-content, #p-cactions {
 margin-top: 5px;
}

/* removing a little wasted space */
#p-personal UL {
 padding-right: 1em;
}


/* --- 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 */
#file img {
 background:transparent url(16px-Wwchecker.svg.png) repeat scroll 0% 0%
}

/* Prevents line breaks in links, used for navboxes */

.nowraplinks a { white-space: nowrap; }

















/**** WOWWIKI TEMPLATES ****/

/* --- NAVFRAME STUFF --- */
/* Standard Navigationsleisten, aka box hiding thingy from .de. */
/* Documentation at wikipedia:Wikipedia:NavFrame. */
div.Boxmerge,
div.NavFrame {
   margin: 0px;
   padding: 4px;
   border: 1px solid #aaa;
   text-align: center;
   border-collapse: collapse;
   font-size: 95%;
}
div.Boxmerge div.NavFrame {
   border-style: none;
   border-style: hidden;
}
div.NavFrame + div.NavFrame {
   border-top-style: none;
   border-top-style: hidden;
}
div.NavPic {
   background-color: #fff;
   margin: 0px;
   padding: 2px;
   float: left;
}
div.NavFrame div.NavHead {
   height: 1.6em;
   font-weight: bold;
   background-color: #ccf;
   position:relative;
}
div.NavFrame p {
   font-size: 100%;
}
div.NavFrame div.NavContent {
   font-size: 100%;
}
div.NavFrame div.NavContent p {
   font-size: 100%;
}
div.NavEnd {
   margin: 0px;
   padding: 0px;
   line-height: 1px;
   clear: both;
}
a.NavToggle {
   position:absolute;
   top:0px;
   right:3px;
   font-weight:normal;
   font-size:smaller;
}


/* --- TOOLTIP --- */

/* WoW Style Tooltip */
.tooltip {
 font-size: 1em;
 float: left;
 width: 18em;
 min-width: 15em;
 padding: 0.3em;
 margin: 5px;
 color: #fff;
 background-color: #111;
 border: 1px #bbb solid;
 -moz-border-radius: 0.75ex;
 -webkit-border-radius: 0.75ex;
}

.tooltip ul {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none;
 list-style-image: none;
}

.itemtooltip {
 text-align: left
}

/* --- TABLE DESIGNS --- */

/* default skin for navigation boxes */ table.navbox { /* navbox container style */

 border:1px solid #aaa;
 width:100%; 
 margin:auto;
 clear:both;
 font-size:88%;
 text-align:center;
 padding:1px;

} table.navbox + table.navbox {

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

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

} .navbox-list {

 border-left:2px solid #fdfdfd;   /* Must match background color */

} .navbox-title, table.navbox th {

 background:#ccccff;     /* Level 1 color */

} .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {

 background:#ddddff;     /* Level 2 color */

} .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {

 background:#e6e6ff;     /* Level 3 color */

} .navbox-even {

 background:#f7f7f7;     /* Even row striping */

} .navbox-odd {

 background:transparent; /* Odd row striping */

}

@media print {

   .navbox {
       display: none;
   }

}

/* dark table style */
table.darktable {
 border: 1px solid #aaa;
 padding: 5px;
 background: #F9F9F9;
 font-size: 89%;
 margin: 0.5em 0em 1em 0.5em;
}
table.darktable th {
 background-color: #ccf;
 padding: 0 0.5em;
}
table.darktable caption {
 font-size: 120%;
 font-weight: bold;   
}
table.darktable tr:not(:first-child) th {
   background-color: #ddf;
}

/* title stuff */
.title {
 background-color: #ddf;
 text-align:center;
 font-weight:bold;
 padding: 1px 2px;
}

.alt {background-color: #e9e9ff; }

table .hover:hover { background-color: orange; } /* for occasions where a table element */
/*  is class="hover": for legibility in larger tables */

/* --- MAIN PAGE STYLES --- */

/* darkgreen header */
.mainpagetabledarkgreen {
 background-color:#8AC4B4;
}

/* green body */
.mainpagetablegreen {
 background-color:#A2CCBE;
}

/* darkblue header */
.mainpagetabledarkblue {
 background-color:#A0A2B8;
}

/* blue body */
.mainpagetableblue {
 background-color:#BABBD0;
}

/* darkred header */
.mainpagetabledarkred {
 background-color:#BDACAC;
}

/* red body */
.mainpagetablered {
 background-color:#D7C6C6;
}

/* --- GENERAL TEMPLATE DESIGNS --- */

/* bg for wowbox */
.wowboxbg {
 background-color:#DDD;
}

/* making certain links black on monobook */
.speciallink {
 color:black;
}

/* disambig, i-note design */
.greybar {
 color: #000;
 background-color: #DDD;
 border-top: 1px #606060 solid;
 border-bottom: 1px #606060 solid; 
}

/* band, in use by template:infoline */
.band { display:table; 
        margin: 0.2ex 3em; 
        text-align: center; 
        padding: 1ex 3em 0.5ex; 
        line-height:130%; }

/* --- {{Ambox}} TEMPLATE DESIGNS --- */

/* {{Ambox}} design */
.ambox {
 font-size: 95%;
 width: 80%; 
 margin: 0 auto;
 border: 1px #AAA solid;
 border-left: 10px solid #228b22;
 border-collapse: collapse;
 background-color: #EEE;
}

/* {{Ambox}} colours */
.ambox-blue {
 border-left: 10px solid #1e90ff;       /* Blue (notice) */
}
.ambox-red {
 border-left: 10px solid #b22222;       /* Red (delete/serious) */
}
.ambox-orange {
 border-left: 10px solid #f28500;       /* Orange (content) */
}
.ambox-yellow {
 border-left: 10px solid #f4c430;       /* Yellow (style) */
}
.ambox-purple {
 border-left: 10px solid #9932cc;       /* Purple (merge) */
}
.ambox-gray {
 border-left: 10px solid #bba;          /* Gray (protection) */
}
.ambox-green {
 border-left: 10px solid #228b22;       /* Green */
}

/* {{Ambox}} small text */
.amsmalltext {
 font-size: smaller;
 margin-top:0.5em;
 margin-left:0.8em;
}

/* {{Ambox}} image */
.ambox-image {                          /* The left image cell */
 width: 60px; 
 padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
 text-align: center; 
}

@media print { .ambox { display: none; } } /* no ambox when printing */



/* --- COLOURS --- */

/* Blizz text colour */ 
.blizztext {
 color:#0070af;
}

/* Item Quality Colors */ 
.qc-artifact, .qc-artifact a { color: #E5CC80; }
.qc-legendary, .qc-legendary a { color: #F07902; }
.qc-epic, .qc-epic a { color: #B048F8; }
.qc-rare, .qc-rare a { color: #0080FF; }
.qc-uncommon, .qc-uncommon a { color: #1EFF00; }
.qc-common, .qc-common a { color: #000000; }
.qc-poor, .qc-poor a { color: #9D9D9D; }

.qc-enchant, .qc-enchant a { color:#ffd100; }

/* Class Colors */
.cc-druid, .cc-druid a { color: #FF7D0A; }
.cc-hunter, .cc-hunter a { color: #ABD473; }
.cc-mage, .cc-mage a { color: #69CCF0; }
.cc-paladin, .cc-paladin a { color: #F58CBA; }
.cc-priest, .cc-priest a { color: #FFFFFF; }
.cc-rogue, .cc-rogue a { color: #FFF569; }
.cc-shaman, .cc-shaman a { color: #2459FF; }
.cc-warlock, .cc-warlock a { color: #9482CA; }
.cc-warrior, .cc-warrior a { color: #C79C6E; }
.cc-deathknight, .cc-deathknight a { color: #C41E3A; }

.druid, .druidalt {color: white;}
.druid {background-color: #7f3e05;}
.druidalt { background-color: #663300;}
.druid a, .druidalt a {color: #ff7f0a;}

.hunter, .hunteralt {color: white;}
.hunter {background-color: #445533;}
.hunteralt {background-color: #334422;}
.hunter a, .hunteralt a {color: #ABD473;}

.mage, .magealt {color: white; /* border: solid 1px #69ccf0; */ }
.mage {background-color: #4488aa;}
.magealt {background-color: #336677;}
.mage a, .magealt a {color: #66ccff;}

.paladin, .paladinalt {color: white; /* border: solid 1px #442233; */ }
.paladin {background-color: #883355;}
.paladinalt {background-color: #662244;}          /* for alternating lines in some tables */
.paladin a, .paladinalt a {color: #ff99cc;}

.priest, .priestalt {color: white;}
.priest {background-color: #777777;}
.priestalt {background-color: #444444;}
.priest a, .priestalt a {color: #bbbbbb;}

.rogue, .roguealt {color: white;} /* rogue colors look horrendous atm, imo */
.rogue {background-color: #555500;}
.roguealt {background-color: #444400;}
.rogue a, .roguealt a {color: #fff569;}

.shaman, .shamanalt {color: white;}
.shaman {background-color: #112277;}
.shamanalt {background-color: #112255;}
.shaman a, .shamanalt a {color: #2459FF;}

.warlock, .warlockalt {color: white; /* border: solid 1px #550077; */ }
.warlock {background-color: #331155;}
.warlockalt {background-color: #220044;}
.warlock a, .warlockalt a {color: #cc99ff;}

.warrior, .warrioralt {color: white;}
.warrior {background-color: #775533;}
.warrioralt {background-color: #443322;}
.warrior a, .warrioralt a {color: #C79C6E;}

.deathknight, .deathknightalt {color: white;}

/* .deathknight {background-color: #;} */ /* .deathknightalt { background-color: #;} */

.deathknight a, .deathknightalt a {color: #C41E3A;}

 /* Item Tooltips */
/* div.itemtooltip li a {color: inherit} would ideally replace most a declarations here, */
/* but IE support is lacking. */
div.itemtooltip {
 min-width: 15em;
 padding: 0.3em;
 margin: 5px;
 background-color: #111;
 border: 1px #bbb solid;
 -moz-border-radius: 0.75ex;
 -webkit-border-radius: 0.75ex;
}
div.itemtooltip 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 {color: #fff}
div.itemtooltip li.socket,  div.itemtooltip li.socket a {color: #999}
div.itemtooltip li.req, div.itemtooltip li.req a {color: #999}
div.itemtooltip li.locked, div.itemtooltip li.locked a {color: #d22}
div.itemtooltip li.bonus, div.itemtooltip li.bonus a {color: #0f0}
div.itemtooltip li.flavor, div.itemtooltip li.flavor a {color: #ffd517}
div.itemtooltip li.detail, div.itemtooltip li.detail a {color: #66c}
div.itemtooltip li.set, div.itemtooltip li.set a {color: #ffd100}
div.itemtooltip li.setbonus, div.itemtooltip li.setbonus a {color: #999}

/* PLAINLINKS (see wikipedia:Common.css */
.plainlinksneverexpand {
   background: none ! important;
   padding: 0 ! important;
}

.plainlinksneverexpand .urlexpansion { display: none ! important; }
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important;
}

.plainlinksneverexpand a.external.text:after { display: none !important; }
.plainlinksneverexpand a.external.autonumber:after { display: none !important; }

/* USERBOXES */
table.wwusrbox {float: left; margin: 0.2em; padding: 0; border-width: 1px; border-style: solid}
table.wwusrbox td.left, table.wwusrbox td.right {text-align: center; vertical-align: middle; font-size: 1.6em; padding: 0}
table.wwusrbox td.main {padding: 0 4px; vertical-align: middle; line-height: 125%; font-size: 0.90em}

table.wwusrbox {border-color: #aaa; background: #f8f8f8}
table.wwusrbox td.left, table.wwusrbox td.right {background: #d8d8d8}

/* - Book Styling */
div.book {
 margin: 0.5em;
}
div.book > div {
 border-width: 1px;
 border-style: solid;
}
div.book > div > h4  {
 margin: 0;
 padding: 0.2em;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 font-family: Georgia, serif;
 font-size: 1.1em;
 font-weight: bold;
}
div.book > div > h4 span.editsection {
 font-family: sans-serif;
 font-size: 0.91em;
}
div.book > div > div > div {
 margin: 0.5em;
 margin-top: 0;
 font-family: Georgia, serif;
 font-size: 0.85em;
 position: relative;
}
/* For IE7 because it doesn't support double-colon selectors and there's a strict mode bug with inline elements */
div.book p:first-child:first-letter {
 line-height: 1;
 text-transform: uppercase;
 font-size: 2em;
}
div.book p:first-child::first-letter {
 line-height: 1;
 text-transform: uppercase;
 font-size: 2em;
 border-width: 1px;
 border-style: solid;
 padding: 1px;
}

/* Select reputation colors */
span.rep-friendly {color: lime}
span.rep-neutral {color: yellow}
span.rep-hostile {color: red}

/* Tooltip formatting common */
div.wtooltip {min-width: 15em; padding: 0.3em; margin: 5px; background-color: #111; border: 1px #bbb solid; -moz-border-radius: 0.75ex; -webkit-border-radius: 0.75ex; color: white; text-align: left}
div.wtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}

/* Buffs & Debuffs */
div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa}
div.debuff {border-color: #cc0000}
div.debuffmagic {border-color: #3399ff}
div.debuffcurse, div.buffweapon {border-color: #9900ff}
div.debuffdisease {border-color: #996600}
div.debuffpoison {border-color: #009900}




































/**************************/ /****** TESTING AREA ******/ /**************************/

/* 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 h1.firstHeading, body.page-Portal_Main #mp-newsline, body.page-Portal_Main #contentSub {

 display:none;

} 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; } body.page-Portal_World_of_Warcraft #contentSub, body.page-Portal_WotLK #contentSub, body.page-Portal_Interface_customization #contentSub, body.page-Portal_Warcraft_universe #contentSub, body.page-Portal_Community #contentSub {

 display:none;

} .mpcontentbox-sidebar {

margin-top:10px;
padding:7px 10px;
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
font-size:89%;

} .mpcontentbox-main {

margin-top:10px;
padding:7px 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;

}

  1. mptabs {
 font-size:93%;
 font-weight:bold;
 clear: left;
 margin:1em 0 3px 0;

}

  1. mptabs .activetab {
 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;

}

  1. mptabs a .inactivetab, #mptabs strong .inactivetab {
 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;

}

  1. mptabs a .inactivetab:hover, #mptabs strong .inactivetab:hover {
 background:#CCC;
 color:black;

}

  1. mptabs a:hover {
 text-decoration:none !important;

}

/* poll stuff */ .poll {

      width: 88% !important;
      max-width: 500px !important;
      background-color: #A0A2B8 !important;
      border:none !important;
      padding:5px 0px 5px 0px !important;

} .pollAjax {

      background-color: #999 !important;

} .pollAnswerVotes div {

      background-color: #999 !important;
      margin-right:10px !important;

} .poll .ourVote div {

      border:1px solid #CCC !important;

}

span.costitem div {display: inline} span.costitem p.error {display: none}

/* Login form fix attempt for all skins */

  • html #userloginForm form {
  float: none;

}

  • html #userlogin form {
  float: none;

}

/* Recent changes, Special:Filelist arrows */ .mw-arr-r {

background-image: url('http://images.wikia.com/wowwiki/images/2/26/Icon-next-12x12.png'); 

} .mw-arr-d, .mw-sort-desc {

background-image: url('http://images.wikia.com/wowwiki/images/6/68/Icon-down-12x12.png'); 

} .mw-arr-u, .mw-sort-asc {

background-image: url('http://images.wikia.com/wowwiki/images/7/79/Icon-up-12x12.png'); 

} .mw-arr-l {

background-image: url('http://images.wikia.com/wowwiki/images/2/20/Icon-back-12x12.png'); 

}

/* Table sort for Special:Filelist */ .TablePager_sort {

background-position: 2px 50%; 

} .TablePager th a {

display: block; 

} .TablePager_sort a {

padding: 0 4px 0 16px; 

} .TablePager_sort img {

display: none; 

}

/* Redirect page arrow */ .redirectMsg {

background-image: url('http://images.wikia.com/wowwiki/images/9/90/Icon-redirect-48x48.png'); 
background-repeat: no-repeat; 
background-position: 0 0; 
padding: 16px 0 16px 50px; 

} .redirectMsg img {

display: none; 

}

/* Lootbox design */ table.lootbox td {padding: 1px; margin: 0} table.lootbox div.itemtooltip {margin: 0}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.