MediaWiki:Wikia.css

/* IMPORTANT: CSS placed here will be applied to the whole WoWWiki site. Code for Wikia engine fix-ups is at the top. New WoWWiki code is at the bottom. For code placed at the bottom, move to Common section if it is theme agnostic after it's finished and tested.


 * If you are new, please read instructions below before making changes :) ** */

/**************************************************************************************

of the page in the html 'header', just before 'user.css', but after oasis, wikihiero, etc.
 * This 'MediaWiki:Wikia.css' is loaded via link as a part of 'site.css', at the very *top*

a part of 'oasis.scss', or shortly after, and at the *top* in the head.
 * The 'MediaWiki:Common.css' is NOT loaded on Wikia sites, and would have been loaded as


 * Both files are checked and minified the same.

agnostic, and 'Wikia' is supposed to be theme sensitive and guaranteed to be last by being at the bottom, to affect state after common and theme have been applied during client page load. There are performance considerations in just how and where things are placed, and WoWWiki is way behind the curve for the moment, so please be aware :) more later...
 * WoWWiki is fairly set for using just one theme simi-permanently. The 'Common' is theme

to show on the Wikia site. For code that would normally be placed in 'Common', you *can* try to place both here AND there. However because there is no way to prove that 'Common.css' stays correct as we go along, don't expect that file to ever be functional.
 * Use this file for *all* new CSS, and do NOT expect changes using 'MediaWiki:Common.css'


 * Do not use 'importArticle' and friends to include additional CSS for performance reasons.


 * See also 'MediaWiki:Wikia.js' and 'MediaWiki:Common.js'



/* ***************************************        How to Navigate Wikia.css ***************************************

Due to Wikia's refusal to load Common.css because of idiots on other wikis, and because WoWWiki uses code from previous themes, multiple sets of CSS have been added here, which is effectively all of the static CSS we control.

Major section headers look like this:

*************************************************************************************************

SECTION  Namespace:File.css

**************************************************************************************************

There are several main sections to the CSS: 1) SECTION Wikia Fixups - fixes for MediaWiki engine changes, temporary hacks, core extension fixes. 2) SECTION MediaWiki:Common.css - code for all themes. code here instead of MediaWiki:Common.css 3) SECTION MediaWiki:Monaco.css - dwindling code for the *old* theme MediaWiki:Monaco.css 4) SECTION Extensions - inline code for styling AddOns and Extension, when can't be done otherwise. 5) SECTION MediaWiki:Wikia.css - code for current theme, or for thematic WoWWiki specific CSS.

Code thats *new* -- should be placed at the *bottom* of the 'MediaWiki:Wikia.css' section. Related code that no longer applies should be removed completely. CSS thats considered common between themes, and has been tested and stable, should then be moved to the 'Common' section.

Code that *relates to a specific Wikia fix* -- should go to the top of the 'Wikia Fixups' section.

Code for a theme-wide changes, that can be changed in Special:ThemeDesigner--most link colors, backgrounds, etc... -- should be done there and not here.

These sections should still be treated as though they were separate files. Standard rules about what goes where still apply -- CSS declarations that should affect all skins, should eventually be in the Common.css area. Dark skin stuff should be in the dark skin area.

Remember that later CSS declarations override earlier ones, and to put edits in the appropriate section. The use of !important is discouraged, and page inspection tools should have been used before deciding to apply a style override.

***************************************        How to Write Styles ***************************************

Each style or related set of styles should have a comment header like this: /-* [Thing Related To] - [explain what doing]. See [site real wiki template or page]. *-/

Like:

/-* Frame boxes - Background for game text. See: Legacy_of_Liu_Lang, etc. *-/

And/Or:

/-* MediaWiki 1.16.1 - Fixes *-/ .mw-search-formheader {    /-* Special:Search *-/ background-color: #111; color: #eee; } background-color: #111 !important; color: #eee !important; }
 * 1) mw-searchoptions {        /-* Special:AllMessages *-/

And/Or:

/-* Level Color box - Background-colors for right color box. See Template:Level. *-/ .levelbgcolor-horde { background-color:#330000; } .levelbgcolor-alliance { background-color:#000033; } .levelbgcolor-neutral { background-color:#333300; } .levelbgcolor-combat { background-color:#553300; }



/*************************************************************************************************

SECTION Wikia Fixups



/* Ads - report bad add corrections */ .ww-AdFeedbackUrl {   /* intended as class="SelfServeUrl ww-AdFeedbackUrl" to follow Wikia styling */ margin-top: -16px; margin-bottom: 7px; font-style: italic; }

/* Chat - Try to show chat icon for plain old spans */ .chat-join span:before { background-color: transparent; background-image: url("https://images.wikia.nocookie.net/__cb1/common/extensions/wikia/Chat2/images/sprite-Chat.png"); background-position: -72px 0; background-repeat: no-repeat; content: ""; display: inline-block; height: 15px; margin-right: 5px; vertical-align: middle; width: 17px; }

/* Article Preview - Fix redlinks on preview */ .WikiaArticle a.new { color: #CA1111 !important; /*color: #BA0000 !important;*/ }

/* Special:ListUsers - Attempt at background color fix */ .sorting_1 { background-color:#111 !important; }

/*NOTE: Semantic MediaWiki goes in 'Extensions' section */

/* Read more - Try to make auto-added heading different from user added headings */ .RelatedPagesModule h2 { font-style:italic; }

/* Search Box - rework for pretty. See 'Often changed thematic styles' below. */ .WikiaSearch input[type="text"] { background: #6A6D72; border: 1px solid #000; border-radius: 6px; -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4) !important; -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4) !important; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4) !important; color: #fff; }

/* MediaWiki 1.16.1 - Fixes */ .mw-search-formheader { /* Special:Search */ background-color:#111; color:#eee; } background-color:#111 !important; color:#eee !important; }
 * 1) mw-searchoptions { /* Special:Search */

background-color:#110; }
 * 1) mw-allmessagestable .allmessages-customised td.am_default { /* Special:AllMessages */

background-color:#011; }
 * 1) mw-allmessagestable td.am_actual {                         /* Special:AllMessages */

background-color:#330; }
 * 1) mw-allmessagestable tr.allmessages-customised:hover td.am_default { /* Special:AllMessages */

background-color:#033; }
 * 1) mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual { /* Used in Special:AllMessages */

/* Other 'Skin' - 'Temporary' overrides */ .link-suggest-container { background:black !important; } .wikia-menu-button li span a { color:black !important; }

/* Bloglist tweaks - ?. See ? */ .WikiaBlogListingBox h3 { font-weight: normal; } .WikiaBlogListingBox h1 a { font-size: 13px; } .WikiaBlogListingBox .more { display: none; } .WikiaArticle .WikiaBlogListingBox ul { border: none; } .author-details > h1 { font-size: 150%; }

/* Image attribution - ?. See ? */ .WikiaArticle .picture-attribution { display: none !important; }

/* ? - Text input color for blog comments. See ? */ .WikiaArticleComments #article-comm-form textarea { color: #D5D4D4; }

/* ? - Elements that look like links even though they're not (useful for JS). See ? */ .pseudo-link { color:#70B8FF; cursor:pointer; } .pseudo-link:hover { color:#16A92D; text-shadow:#16A92D 0 0 10px; }

/* Login Form - fix. See ? */
 * html #userloginForm form { float:none; }
 * html #userlogin form { float:none; }
 * 1) userloginForm form, div#userlogin form#userlogin2 { padding:1em; }

/* Print CSS fix */ body.printable #article { background-color:#fff !important; color:#000 !important; }

/* Wikia Stats - admin statistics pages. See Special:WikiStats 'rollups' tab */ table.display tr.even.row_selected td { background-color:#29395f !important; /*background-color: #B0BED9;*/ } table.display tr.odd.row_selected td { background-color:inherit !important; /*background-color: #9FAFD1;*/ }

/* Edit Toolbar - fix wiggling on pageload, remove math button. See ? */
 * 1) toolbar { height:23px; }

/* Create Page - Recreation of old pages made sexier. See User:Celess22/TestRecreate.css */ div#mw-warning-with-logexcerpt { /* background:#202020; border:1px solid #606060; */ /* needs to let the highlight border happen, as its not boilerplate. needs to be noticed */ margin-bottom:10px;  /* on the otherhand, the spacing is pretty bad */ padding:1em; }

/* Page TOC - toc size smaller and no margin TOC wiggle. for both Pop-out and Page TOC. See Creature page. */ .toc { font-size:12px;    /* smaller text for list (and title line-height). */ line-height:1.1em;  /* and should set default line-height as well */ } .toc ol { margin-left: 1.76em; /* and scale the sub-list indent with that */ } nav.toc ol li { line-height: 19px; /* now scale actual list line height. no choice but to do all these separately */ margin: 0;         /* pre-V2 Wikia bug, they need to add this to match their other changes. */ } .WikiaArticle .toc #toctitle h2 { font-size:14px; }

.gamingfooter br { display: none; } /* fix inadvertant? p's at bottom with new min width and larger line-height. */

.ww-tight, .ww-tight li, /* li line height is normally locked at *22px*, but not font size. lots of scaling probs */ .ww-compact, .ww-compact li { line-height: 1.6em; /* about 22.3px at 14px font, but 20.1x at 13, etc... */ } .ww-compact th { padding: 0 .3em !important; /* similar issue on some of the tables */ } .ww-tight ul, .ww-tight ol { margin-left: 2.0em; /* similar issue on some of the tables */ margin-bottom: .4em; } .ww-compact ul, .ww-compact ol { margin-left: 1.37em; /* similar issue on some of the tables */ margin-bottom: .15em; }

/* end wikia fixups section */

/*************************************************************************************************

SECTION MediaWiki:Common.css



/* Frame boxes - Background for game text. See: Legacy_of_Liu_Lang, etc. */ /* Book */ .framebook { background-image: url("https://images.wikia.nocookie.net/wowwiki/images/7/72/FrameBook.png"); border: 1px solid #000000; color: black; font-family: Skurri; font-size: 11pt; line-height:15px; width: 273px; height: 310px; padding: 15px; overflow-y: scroll; scrollbar-arrow-color: #707070; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-face-color: #303030; scrollbar-track-color: #000000; }

.framebook::-webkit-scrollbar { width: 10px; } .framebook::-webkit-scrollbar-track { background-color: #000000; border-radius: 10px; } .framebook::-webkit-scrollbar-thumb { background-color: #404040; border: 1px solid #000000; border-radius: 10px; }

/* Bronze */ .framebronze { background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/3/32/FrameBronze.png"); border: 1px solid #000000; color: black; font-family: Skurri; font-size: 11pt; line-height:15px; width: 273px; height: 310px; padding: 15px; overflow-y: scroll; scrollbar-arrow-color: #707070; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-face-color: #303030; scrollbar-track-color: #000000; } .framebronze::-webkit-scrollbar { width: 10px; } .framebronze::-webkit-scrollbar-track { background-color: #000000; border-radius: 10px; } .framebronze::-webkit-scrollbar-thumb { background-color: #404040; border: 1px solid #000000; border-radius: 10px; }

/* Level Color box - Background-colors for right color box. See Template:Level. */ .levelbgcolor-horde { background-color:#330000; } .levelbgcolor-alliance { background-color:#000033; } .levelbgcolor-neutral { background-color:#333300; } .levelbgcolor-combat { background-color:#553300; } .levelbgcolor-easternkingdoms { background-color:#441133; } .levelbgcolor-kalimdor { background-color:#330033; } .levelbgcolor-outland { background-color:#003300; } .levelbgcolor-northrend { background-color:#003333; } .levelbgcolor-vashjir { background-color:#335500; } .levelbgcolor-deepholm { background-color:#331100; } .levelbgcolor-firelands { background-color:#661100; }

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

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

/* --- OTHER TWEAKS --- */

/* TabView extension */ .yui-content { background-color: #EDF5FF; /*border: solid 1px;*/ padding: 0.25em 0.5em; }

.yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; margin: 0 !important; }

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; }

.yui-navset .yui-nav .selected { background-color: #EDF5FF; }

.yui-navset .yui-nav li { padding-left: 10px; padding-right: 10px; }

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

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

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

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

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

.achievementlink {color: goldenrod;}

/*************************************/ /****   Common.css - Portals     ****/ /*************************************/

/* Portal Page - styles related to only the portal pages */ body.page-Portal_Main hr, body.page-Portal_World_of_Warcraft hr, body.page-Portal_TBC hr, body.page-Portal_WotLK hr, body.page-Portal_Cataclysm hr, body.page-Portal_MoP hr, body.page-Portal_WoD hr, body.page-Portal_Legion hr, body.page-Portal_Interface_customization hr, body.page-Portal_Warcraft_universe hr, body.page-Portal_Community hr { color: #444; background-color: #444; }

/* Page Boxes - used by each portal page section */ .mpcontentbox-sidebar { margin-top:10px; padding:7px 10px 12px 10px; -webkit-border-radius:0.5em; border-radius:0.5em; font-size:90%; } .mpcontentbox-main { margin-top:10px; padding:7px 15px 12px 15px; -webkit-border-radius:0.5em; border-radius:0.5em; font-size:95%; } .mpcontentbox-header { border-bottom:1px solid #444; } .mpcontentbox-table { width:100%; } .mpcontentbox-table td { width:50%; }

/* Box Colors - used by each portal page section */ .bg-lessdarkgray { background-color:#272727;} .bg-darkgray { background-color:#191919; } .bg-darkblue { background-color:#191B1F; } .bg-darkred { background-color:#201919; } .bg-darkgreen { background-color:#1A201D; }

/* costitem */ span.costitem div { display: inline; }

/* Table sort for Special:Filelist */ .TablePager_sort { background-position: 2px 50%; } .TablePager th a { display: block; } .TablePager_sort a { padding: 0 4px 0 16px; }

/* Forum formatting */ .forumheader { color:#fff; border: 1px solid #000; background-color: #282828; 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; padding-left: 20px; background: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/4e/Forum_new.gif") center left no-repeat; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* accessibility tweaks */ .horizontal ul { margin:0; padding:0; } .horizontal li { border-right: 1px solid; display:inline; padding: 0 0.2em 0 0.4em; } .horizontal li:last-child { border-right:medium none; padding-right:0; }

/* styles for single elink template */ span.elink-bydate { color:#aaa; }

/* styles for elinks templates, but not single elink template */ ul.elinks { list-style-type: none; padding: 0; margin: 0; } ul.elinks li { list-style: none; background-repeat: no-repeat; background-position: 0 0; padding-left: 25px; min-height: 25px; vertical-align: middle; } ul.elinks li.mmo4ever { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/b/b5/Icon-mmo4ever-22x22.png'); } ul.elinks li.sigrie { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/b/ba/Icon-mmochampion-22x22.png'); } ul.elinks li.wowdb { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/d/da/Icon-wowdb-22x22.png'); } ul.elinks li.wowhead { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/6/6e/Icon-wowhead-22x22.png'); } ul.elinks li.allakhazam { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/7/7c/Icon-allakhazam-22x22.png'); } ul.elinks li.thottbot { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/f/ff/Icon-thottbot-22x22.png'); } ul.elinks li.wowus { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/9/9c/Icon-wowus-22x22.png'); } span.alliance-link, span.horde-link, span.neutral-link, span.both-link, span.combat-link { background-repeat: no-repeat; background-position: 0 0; padding-left: 17px; min-height: 15px; vertical-align: middle; }

span.alliance-link { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/48/Official_alliance_mini-icon.png'); } span.horde-link { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/0/07/Official_horde_mini-icon.png'); } span.neutral-link { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/cb/Neutral_15.png'); } span.both-link { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/9/97/Both_15.png'); } span.combat-link { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/48/Combat_15.png'); }

.alliance-link-big, .horde-link-big, .neutral-link-big, .both-link-big, .combat-link-big { background-repeat: no-repeat; background-position: 1px 3px; padding-left: 39px; min-height: 36px; vertical-align: middle; }

.alliance-link-big { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/2/25/Alliance_32.png'); } .horde-link-big { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/4f/Horde_32.png'); } .neutral-link-big { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/1/19/Neutral_32.png'); } .combat-link-big { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/c1/Combat_32.png'); } .both-link-big { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/9/96/Both_32.png'); }

span.socketlink-red { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/0/02/UI-EmptySocket-Red.png'); } span.socketlink-blue { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/f/fc/UI-EmptySocket-Blue.png'); } span.socketlink-yellow { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/8/87/UI-EmptySocket-Yellow.png'); } span.socketlink-prismatic { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/48/UI-EmptySocket-Prismatic.png'); } span.socketlink-meta { background-image: url('https://images.wikia.nocookie.net/__cb1/wowwiki/images/7/75/UI-EmptySocket-Meta.png'); }

span.socketlink { background-repeat: no-repeat; background-position: 0 0; padding-left: 18px; min-height: 16px; vertical-align: middle; } span.socketlink a { color:#999; }

.page-Special_Search #contentSub { font:10pt sans-serif; }

.mw-userpage-userdoesnotexist { font:bold 12pt sans-serif; text-align:center; border:2px solid red; }

.quotemark { font:bold 35px Times New Roman,serif; padding:7px; position:relative; top:-12px; } .quote { max-width:75%; }

/* display:none; */ body.page-Portal_Main h1.firstHeading, body.page-Portal_Main #mp-newsline, body.page-Portal_Main #contentSub, body.page-Portal_World_of_Warcraft #contentSub, body.page-Portal_TBC #contentSub, body.page-Portal_WotLK #contentSub, body.page-Portal_Cataclysm #contentSub, body.page-Portal_MoP #contentSub, body.page-Portal_WoD #contentSub, body.page-Portal_Legion #contentSub, body.page-Portal_Interface_customization #contentSub, body.page-Portal_Warcraft_universe #contentSub, body.page-Portal_Community #contentSub, .TablePager_sort img, .ajaxHide-active, body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li, .aChar, .wikia-gallery-add, #mw-editbutton-wpg, #mw-editbutton-vet, #star-rating-row, #fe_random_icon, #fe_random_link, #fe_whatlinkshere, #fe_history, .article-sidebar, #jsErrors, span.costitem p.error { display:none; }

.itemlink {white-space: nowrap}
 * 1) profile-content-inner { margin-right:0; }

/* talent trees (experimental) */ .talenttree { position: relative; } .talenttree div { position: absolute; } .talenttree div.col1 { left: 1em; } .talenttree div.col2 { left: 5em; } .talenttree div.col3 { left: 9em; } .talenttree div.col4 { left: 13em; } .talenttree div.tier1 { top:1em; } .talenttree div.tier2 { top:5em; } .talenttree div.tier3 { top:9em; } .talenttree div.tier4 { top:13em; } .talenttree div.tier5 { top:17em; } .talenttree div.tier6 { top:21em; } .talenttree div.tier7 { top:25em; } .talenttree div.tier8 { top:29em; } .talenttree div.tier9 { top:33em; } .talenttree div.tier10 { top:37em; } .talenttree div.tier11 { top:41em; }

/* end of common.css content */

/*************************************************************************************************

SECTION MediaWiki:Monaco.css



/******************************************/ /***  Often changed thematic styles    ***/ /******************************************/

/* Individual page backgrounds - See 'Portals' or search for 'body.page-' above */

/* Hallows End page - and example of one complete background swap */ body.mediawiki.page-Hallow_s_End { background: transparent url(https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a4/HallowedBackground.jpg) top center fixed; } body.mediawiki.page-Hallow_s_End:before, body.mediawiki.page-Hallow_s_End:after { background: none; } /* remove normal bg */ body.mediawiki.page-Hallow_s_End .background-image-gradient { display: none; } /* remove gradient stripe on edges */

/* Feast of Winter Veil page */ body.mediawiki.page-Feast_of_Winter_Veil { background: transparent url(https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/4d/WinterVBackground.jpg) top center fixed; } body.mediawiki.page-Feast_of_Winter_Veil:before, body.mediawiki.page-Feast_of_Winter_Veil:after { background: none; } /* remove normal bg */ body.mediawiki.page-Feast_of_Winter_Veil .background-image-gradient { display: none; } /* remove gradient stripe on edges */

/* BlizzCon */

body.mediawiki.page-BlizzCon, body.mediawiki.page-BlizzCon_2013, body.mediawiki.page-BlizzCon_2013_gallery, body.mediawiki.page-BlizzCon_2013_questions, body.mediawiki.page-BlizzCon_2013_answers, body.mediawiki.page-BlizzCon_2013_WoW_John_LaGrave_interview, body.mediawiki.page-BlizzCon_2013_WoW_Q_A_About_Almost_Everything, body.mediawiki.page-BlizzCon_2013_coverage { background: transparent url(https://images.wikia.nocookie.net/__cb1/wowwiki/images/1/15/BlizzConBackground.jpg) top center fixed; }

body.mediawiki.page-BlizzCon:before, body.mediawiki.page-BlizzCon:after, body.mediawiki.page-BlizzCon_2013:before, body.mediawiki.page-BlizzCon_2013:after, body.mediawiki.page-BlizzCon_2013_gallery:before, body.mediawiki.page-BlizzCon_2013_gallery:after, body.mediawiki.page-BlizzCon_2013_questions:before, body.mediawiki.page-BlizzCon_2013_questions:after, body.mediawiki.page-BlizzCon_2013_answers:before, body.mediawiki.page-BlizzCon_2013_answers:after, body.mediawiki.page-BlizzCon_2013_WoW_John_LaGrave_interview:before, body.mediawiki.page-BlizzCon_2013_WoW_John_LaGrave_interview:after, body.mediawiki.page-BlizzCon_2013_WoW_Q_A_About_Almost_Everything:before, body.mediawiki.page-BlizzCon_2013_WoW_Q_A_About_Almost_Everything:after, body.mediawiki.page-BlizzCon_2013_coverage:before, body.mediawiki.page-BlizzCon_2013_coverage:after { background: none; }

body.mediawiki.page-BlizzCon .background-image-gradient, body.mediawiki.page-BlizzCon_2013 .background-image-gradient, body.mediawiki.page-BlizzCon_2013_gallery .background-image-gradient, body.mediawiki.page-BlizzCon_2013_questions .background-image-gradient, body.mediawiki.page-BlizzCon_2013_answers .background-image-gradient, body.mediawiki.page-BlizzCon_2013_WoW_John_LaGrave_interview .background-image-gradient, body.mediawiki.page-BlizzCon_2013_WoW_Q_A_About_Almost_Everything .background-image-gradient, body.mediawiki.page-BlizzCon_2013_coverage .background-image-gradient { display: none; }

/* Search Box - see 'Search Box' in Common */ .WikiaSearch input[type="text"] { background: #6A6D72 /*url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/3/3d/SearchBox-Brewfest.png") no-repeat right center !important;*/ /*url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/5/54/SearchBox-Midsummer.png") no-repeat right center !important;*/ /*url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/1/18/SearchBox-Feast.png") no-repeat right top !important;*/ /*url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/0/0b/SearchBox-Hallowed.png") no-repeat right top !important;*/ /*url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/9/95/SearchBox-Pilgrim.png") no-repeat right top !important;*/ url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/f/f1/SearchBox-Warlords.png") no-repeat right center !important; /*url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e5/SearchBox-Lunar.png") no-repeat right center !important;*/ /*url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/5/5d/SearchBox-Love.png") no-repeat right center !important;*/ /*url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/1/19/SearchBox-Noble.png") no-repeat right top !important;*/ /*url("https://images.wikia.nocookie.net/__cb2/wowwiki/images/c/c2/SearchBox-Childrens.png") no-repeat right top !important;*/ }

/* WoW Giveaway page background */ .giveawaybg { background: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/c4/WoWGiveawayBackground.jpg") no-repeat top !important; }

/* Mists countdown background */ .countdownBkgndMists { background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/ae/MoPGiveawayHeader.jpg"); }

/* Background image for BlizzCon meetup page */ .meetup { background: url("https://images.wikia.nocookie.net/__cb1/joeplayground/images/7/78/BlizzconMeetup.jpg") no-repeat center top !important; }

/* "Temporary" additions */ .blizzcon { background: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/3/30/WoWbg.jpg"); } .opacity70 { background: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/ca/70opacity.png") repeat; }

/******************************************/ /***  Monaco.css - OTHER TWEAKS        ***/ /******************************************/

/* --- RC LIST --- */ /* rc list byte-change colours */ .mw-plusminus-neg { color:#FFA932; } .mw-plusminus-pos { color:#4EFF43; } .mw-plusminus-null { color:#AAA; }

/* move namespace bit on RC to the right */ div.namespacesettings { background:#292929; border:1px dotted #606060; clear:none; float:right; font-size:90%; padding:4px; position:relative; top:-4em; width:160px; }

/* recent changes: colour 'N' and 'm' */ .newpage { color:#E5CC80; } .minor { color:#BBB; }

/* --- CATEGORY BAR ICONS --- */ /* ensure no overlap */
 * 1) catlinks { padding-right:3em; }

/* article */    .ns-0 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/43/Icon-article-22x22.png"); } /* article talk */.ns-1 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* user */       .ns-2 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/c2/Icon-player-22x22.png"); } /* user talk */  .ns-3 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/6/6d/Icon-group-22x22.png"); } /* project */    .ns-4 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/f/f1/Icon-edit-22x22.png"); } /* project talk */.ns-5 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* image */      .ns-6 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/44/Icon-image-22x22.png"); } /* image talk */ .ns-7 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* mediawiki*/   .ns-8 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/c/c3/Icon-boilerplate-22x22.png"); } /* mediawiki talk */.ns-9 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* template */   .ns-10 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e6/Icon-template-22x22.png"); } /* template talk */.ns-11 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* help */       .ns-12 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e0/Icon-help-22x22.png"); } /* help talk */  .ns-13 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* category */   .ns-14 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e6/Icon-download-22x22.png"); } /* category talk */.ns-15 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* forum */      .ns-110 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/6/6d/Icon-group-22x22.png"); } /* guild */      .ns-112 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/6/6d/Icon-group-22x22.png"); } /* guild talk */ .ns-113 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* server */     .ns-114 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/4/49/Icon-blizzard-22x22.png"); } /* server talk */ .ns-115 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); } /* portal */     .ns-116 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/2/24/Center-minimap-arrow.png"); } /* portal talk */ .ns-117 #catlinks { background-image:url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/a/a8/Icon-chat-22x22.png"); }

/* positioning */ .ns-0 #catlinks,.ns-1 #catlinks,.ns-2 #catlinks,.ns-3 #catlinks,.ns-4 #catlinks,.ns-5 #catlinks,.ns-6 #catlinks,.ns-7 #catlinks,.ns-8 #catlinks, .ns-9 #catlinks,.ns-10 #catlinks,.ns-11 #catlinks,.ns-12 #catlinks,.ns-13 #catlinks,.ns-14 #catlinks,.ns-15 #catlinks,.ns-110 #catlinks, .ns-111 #catlinks,.ns-112 #catlinks,.ns-113 #catlinks,.ns-114 #catlinks,.ns-115 #catlinks,.ns-116 #catlinks,.ns-117 #catlinks { background-position:99% 50%; background-repeat:no-repeat; }

/* --- SPECIAL:ALLMESSAGES FIXES --- */ table#allmessagestable { margin:1em 1em 1em 0; }

table#allmessagestable th { background-color:#113A5E; color:#FFF; padding:0 0.5em; }

table#allmessagestable tr.orig { background-color:#2D2D2D; color:#FFF; }

table#allmessagestable tr.def { background-color:#222; color:#FFF; }

table#allmessagestable tr.new { background-color:#112A44; color:#FFF; }

/* --- LINKS --- */ /* links get orange colour on select */ a:active { color:#faa700; }

/* --- TEXT TWEAKS --- adding margin-top to h2 heading */ h2 { margin-top:1em; }

/* bigger text */ small { font-size:85%; }

/* --- IMAGE METADATA FIXES --- */ table.mw_metadata { font-size:95%; }

table.mw_metadata th { background-color:#113A5E; color:#fff; }

table.mw_metadata td { background-color:#222; color:#fff; }

/* --- SPECIAL:IMAGELIST FIXES --- */ table.imagelist { margin:1em 1em 1em 0; }

table.imagelist th { background-color:#112A44; color:#FFF; padding:0 0.5em; }

.imagelist th.TablePager_sort { background-color:#113A5E; color:#FFF; }

.TablePager th { background-color:#202020; color:#FFF; }

.TablePager td { background-color:#202020; color:#FFF; }

.TablePager tr:hover td { background-color:#272727; color:#FFF; }

/* --- DIFFS --- */ /* ins and del overrides */ ins.diffchange { color:#8F8; }

del.diffchange { color:#F77; }

td.diff-deletedline div span.diffchange { color:#F77; }

td.diff-addedline div span.diffchange { color:red; }

/* --- LAG WARNINGS ON CONTRIBS, ETC --- */ /* lag warning fixes */ div.mw-lag-warn-normal { background-color:#202228; border:1px solid #666; color:white; margin:10px; }

div.mw-lag-warn-high { background-color:#2D1C1C; border:1px solid #666; margin:10px; }

/* --- SPECIAL:NEWPAGES --- */ /* Special:NewPages fix */ .page-Special_NewPages li { padding:5px; }

.page-Special_NewPages li.not-patrolled { background-color:#372626; border:1px solid #511; border-left:3px solid #d00; color:#FFF !important; margin-bottom:-1px; padding:2px 2px 3px 4px; }

/* --- OTHER DESIGN CHANGES --- */ /* fixing white background on blank articles */ div.noarticletext { background:#202020; border-color:#666; color:#fff; }

/* background for transparent images when viewed directly */
 * 1) file img { background:transparent url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/thumb/3/34/Wwchecker.svg/16px-Wwchecker.svg.png") repeat scroll 0 0; }

/* working upward, left of here. -celess */

/* Fieldsets darkened bg */ .WikiaPage fieldset { background:#202020; color:#FFF; border:1px solid #606060; } .WikiaPage fieldset legend { background:#202020; color:#FFF; }

/****************************************/ /*****     Table - Monaco.css      *****/ /****************************************/ /* Default Table - remove table bg */ table { background-color:transparent; }

/* DarkTable - dark table style */ table.darktable { border:1px solid #606060; background:#202020; padding:5px; font-size:90%; margin: 0.5em 0 1em 0.5em; }

table.darktable th { background-color:#113A5E; padding:0 0.5em; } table.darktable caption { font-size:120%; font-weight:700; }

/*FIXME: avoid if possible css functions, especially two. might be a way to just use one */ table.darktable tr:not(:first-child) th { background-color:#112A44; } table.darktable tr:not(:first-child) th.alttitle { background-color:#113A5E; }

table.extrapadding td { padding-left:4px; padding-right:4px; } table.td-right td { text-align: right; }

/* Alt Row Coloring */ .alt { background-color:#2c2c2c; } table.zebra > tbody > tr:nth-child(2n+1) { background-color:#2c2c2c; } table .hover:hover { background-color:orange; } /* for occasions where a table element is class="hover": for legibility in larger tables */

/* Disambig, i-note design - See Disambig template. */ .greybar { color:#EEE; background-color:#2c2c2c; border-top: 1px #606060 solid; border-bottom: 1px #606060 solid; }

/* Navbox - see Template:Navbox */ table.navbox { width: 100%; clear: both; margin: auto auto .3em auto; /* slight sep between whole boxes, like ambox, so peoples eyes don't glaze over */ padding: 1px; font-size:.93em; text-align:center; border: 1px solid #606060; } /* table.navbox + table.navbox { margin-top:-1px; } // single pixel border between navboxes (broken IE6, is okay) */

.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center;       /* title and above/below styles */ padding-left:.16em; padding-right:.16em; }

.navbox-group {            /* group style */ white-space:nowrap; text-align:right; font-weight:bold; padding-left:.83em; padding-right:.83em; }

.navbox, .navbox-subgroup { background:#202020; } .navbox-list { border-left:2px solid #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; } .navbox-odd { background:transparent; }

/* Prevents line breaks in links, used for navboxes */ /*FIXME: this is a very generic class name */ .nowraplinks a { white-space: nowrap; }

@media print { .navbox { display: none; } }

/* Ambox - see Template:Ambox */ .ambox { width: 85%; margin: 0 auto .2em auto; border-collapse: collapse;  /*FIXME: was merged. see if was intentional */ border:1px #606060 solid; background-color:#404040; } .ambox-blue { border-left:10px solid #1e90ff; } .ambox-red { border-left:10px solid #b22222; } .ambox-orange { border-left:10px solid #f28500; } .ambox-yellow { border-left:10px solid #f4c430; } .ambox-purple { border-left:10px solid #9932cc; } .ambox-gray { border-left:10px solid #bba; } .ambox-brown { border-left:10px solid #442800; } .ambox-green { border-left:10px solid #228b22; }

.ambox-image {                             /* The left image cell */ width: 57px; padding: 1.8px 0 1.8px 0.4em; text-align: center; } .amsmalltext { font-size: .87em; } .amsmalltext, .amsmalltext li { line-height: 1.61em; }

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

/*************************************/ /****  WoW Colors - Monaco.css   ****/ /*************************************/

/* Blizz Text - as used by blues in forums */ .blizztext, .text-blizz { color:#00c0ff; }

/* Blizz Link - as used by blues in forums */ .blizzlink { color:#ffac04; }

/* MVP Text */ .mvptext, .text-mvp { color:#81B558; }

/* Text - say, yell, emote, whisper, etc. */ .text-say {color:#FFFF9F;} .text-yell {color:#FF4040;} .text-emote {color:#F87431;} .text-whisper {color:#F8B0DE;} .text-bossemote {color:#f0d000;} .text-crafting, .crafting a {color: #66bbff;} /* same as tooltip */ .text-flavor, .flavor a {color: #ffd517;} /* same as tooltip */

/* Item Quality */ .qc-artifact, .qc-artifact a, .qc-artifact a:visited { color: #e6cc80; } .qc-heirloom, .qc-heirloom a, .qc-heirloom a:visited { color: #e6cc80; } .qc-legendary, .qc-legendary a, .qc-legendary a:visited { color: #ff8000; } .qc-epic, .qc-epic a, .qc-epic a:visited { color: #a335ee; } .qc-rare, .qc-rare a, .qc-rare a:visited { color: #0070ff; } .qc-uncommon, .qc-uncommon a, .qc-uncommon a:visited { color: #1eff00; } .qc-common, .qc-common a, .qc-common a:visited { color:#FFF; }      /* common quality changed to white */ .qc-poor, .qc-poor a, .qc-poor a:visited { color: #9d9d9d; }

/* Special Item Quality */ .qc-wowtoken, .qc-wowtoken a, .qc-wowtoken a:visited { color: #05cdff; }

/* Non-item quality colors */ .qc-enchant, .qc-enchant a, .qc-enchant a:visited { color:#ffd100; } .qc-object, .qc-object a, .qc-object a:visited { color:#eeee00; } .qc-ability, .qc-ability a, .qc-ability a:visited { color: #60dbfd; } .qc-power, .qc-power a, .qc-power a:visited { color: #90ee90; }

.speciallink { color:#eee; }

.abilitylink { color: #60DBFD; } .powerlink { color: #90EE90; } /* should be same as 'lightgreen' */

/* Class */

/* Tight Table - Assist making dense style table, works fine with darktable. See Template:Classnav */ table.cc-nav { font-size:12px; line-height:15px; padding:5px; /* em's / sub-pixel not your friend in tight spaces */ text-align:center;                            /* default to center */ } table.cc-nav th { padding:0 5px; height:22px; }

.cc-deathknight, .cc-deathknight a, .cc-deathknight a:visited { color: #C41E3A; } .cc-druid, .cc-druid a, .cc-druid a:visited { color: #FF7D0A; } .cc-hunter, .cc-hunter a, .cc-hunter a:visited { color: #ABD473; } .cc-mage, .cc-mage a, .cc-mage a:visited { color: #69EEFF; } /* was 69CCF0 - now brighter more sky blue, to contrast icy blue link color */ .cc-monk, .cc-monk a, .cc-monk a:visited { color: #00FF96; } /* Theoretically from game UI constant value. */ .cc-paladin, .cc-paladin a, .cc-paladin a:visited { color: #F58CBA; } .cc-priest, .cc-priest a, .cc-priest a:visited { color: #FFFFFF; } /* was gray - priest is again white, no more functional light skins */ .cc-rogue, .cc-rogue a, .cc-rogue a:visited { color: #EEE468; } /* was CC9900, FFF468, down a shade to dampen that full bright LED look */ .cc-shaman, .cc-shaman a, .cc-shaman a:visited { color: #2459FF; } .cc-warlock, .cc-warlock a, .cc-warlock a:visited { color: #9482CA; } .cc-warrior, .cc-warrior a, .cc-warrior a:visited { color: #C79C6E; }

.druid,.druidalt { color:#FFF; } .druid { background-color:#7f3e05; } .druidalt { background-color:#630; } .druid a,.druidalt a { color:#ff7f0a; } /* .druid a:visited, .druidalt a:visited {#996600;} */

.hunter,.hunteralt { color:#FFF; } .hunter { background-color:#453; } .hunteralt { background-color:#342; } .hunter a,.hunteralt a { color:#ABD473; } /* .hunter a:visited, .hunteralt a:visited {color: #778844;} */

.mage,.magealt { color:#FFF; } .mage { background-color:#48a; } .magealt { background-color:#367; } .mage a,.magealt a { color:#6cf; } /* .mage a:visited, .magealt a:visited {color: #335566;} */

.paladin,.paladinalt { color:#FFF; } .paladin { background-color:#835; } .paladinalt { background-color:#624; } /* for alternating lines in some tables */ .paladin a,.paladinalt a { color:#f9c; } /* .paladin a:visited, .paladinalt a:visited {color: #ff33cc;} */

.priest,.priestalt { color:#FFF; } .priest { background-color:#444; } .priestalt { background-color:#2D2D2D; } .priest a,.priestalt a { color:#bbb; } /* .priest a:visited, .priestalt a:visited {color: #999999;} */

.rogue,.roguealt { color:#FFF; } /* rogue colors look horrendous atm, imo */ .rogue { background-color:#550; } .roguealt { background-color:#440; } .rogue a,.roguealt a { color:#fff569; } /* .rogue a:visited, .roguealt a:visited {color: #cccc44;} */

.shaman,.shamanalt { color:#FFF; } .shaman { background-color:#127; } .shamanalt { background-color:#125; } .shaman a,.shamanalt a { color:#2459FF; } /* .shaman a:visited, .shamanalt a:visited {color: #2244bb;} */

.warlock,.warlockalt { color:#FFF; } .warlock { background-color:#315; } .warlockalt { background-color:#204; } .warlock a,.warlockalt a { color:#c9f; } /* .warlock a:visited, .warlockalt a:visited {color: #cc33cc;} */

.warrior,.warrioralt { color:#FFF; } .warrior { background-color:#753; } .warrioralt { background-color:#432; } .warrior a,.warrioralt a { color:#C79C6E; } /* .warrior a:visited, .warrioralt a:visited {color: #997755;} */

.deathknight, .deathknightalt { color: white; } /* .deathknight { background-color: #; } */ /* .deathknightalt { background-color: #; } */ .deathknight a, .deathknightalt a { color: #C41E3A; }

/* WoWBox - baground */ .wowboxbg { background-color:#3C3C3C; }

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

/* Book Styling - ?. See ? */ /*FIXME: these styles are semantically overly-pedantic, and need simple forms that are performant and less problematic. */ div.book { margin: 0.5em; } div.book > div { border-width: 1px; border-style: solid; background-color:#2A2A2A; border-color:#222 #444 #444 #222; } 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; background-color:#262626; border-bottom-color:#2D2D2D; color:#FB2; } div.book > div > h4 span.editsection { font-family: sans-serif; font-size: 0.91em; color:#EEE; } 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; color:#FB2; } div.book p:first-child::first-letter { line-height: 1; text-transform: uppercase; font-size: 2em; border-width: 1px; border-style: solid; padding: 1px; background-color:#320; border-color:#FB2; color:#FB2; }

/* Reference Styles - make the list of references look smaller. See ? */ ol.references { font-size: 100%; } .references-small { font-size: 90%;}

/*FIXME: compatiblity of 'column-count' not acceptible. Chrome:Any,Safari:3+,Firefox:1.5+,Opera:11.1+,IE:10+,Android:TBD,iOS:TBD */ .references-2column { font-size: 90%; -webkit-column-count:3; /* Safari and Chrome */ -moz-column-count:3; /* Firefox */ column-count:3; }

.same-bg { background: none; }

ol.references > li:target { background-color:#35586C; }  /* Highlight clicked reference in blue to help navigation */ sup.reference:target { background-color:#35586C; }

/*************************************************************************************************

SECTION Extensions



/******************************************/ /***  Extension - JQuery-UI            ***/ /******************************************/

/** Having to commit too many unnatural acts, so a real copy here. The MW loader 'using' facility (or Wikia version) is missing loading the defined dependencies. The 'uploaded' Wikia versions images are derrivative, like 222222 is really 242224 and they aren't interchangeable or mixable.

Use proper base: //images2.wikia.nocookie.net/__cb20131031/resources/jquery.ui/themes/default/ Do not edit these directly: use the *** FIXES *** section below. */

.ui-icon-newwin { background-position: -48px -80px; }                /* for TOC Dialog */ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }  /* for TOC Dialog */ .ui-icon-refresh { background-position: -64px -80px; }               /* for TOC Dialog */ .ui-icon-closethick { background-position: -96px -128px; }           /* UI Dialog */ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } /* UI Dialog */ .ui-icon-grip-diagonal-se {background-position: -80px -224px; }      /* UI Dialog */

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; } .ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl { -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; } .ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { -webkit-border-top-left-radius:4px; border-top-left-radius:4px; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /*.ui-widget { font-family: Verdana,Arial,sans-serif; } //removed WoWWiki. let the font family flow through */ .ui-widget-header a { color: #222222; } /* if links in header, make them contrasting dialog link color */ /*.ui-widget-content a { color: #222222; }     //removed WoWWiki. let our body link color through for content */ .ui-widget-header { color:#222222; /*border:1px solid #aaaaaa; background:#cccccc //removed WoWWiki. let flow through. optimization url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/ } /*.ui-widget-content { color:#222222;          //removed WoWWiki. by default same as body border:1px solid #aaaaaa; background:#ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; }*/

.ui-widget .ui-widget { font-size: 1em; } /* force a widget in a widget to not regress its relative font size */ /*.ui-widget input,.ui-widget select,          //removed WoWWiki - let the font family flow through .ui-widget textarea,.ui-widget button { font-family: Verdana,Arial,sans-serif; }*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; /*background:#e6e6e6  //removed WoWWIki. let backgrounds 'flow through' by default url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;*/ font-weight: normal; }

.ui-icon {   /* we start with the default near-black, as usually our bars and buttons have orange background */ width:16px; height:16px; background-image:url("https://images.wikia.nocookie.net/__cb1/dev/images/8/89/Ui-icons_666666_256x240.png"); /*url(images/ui-icons_222222_256x240.png); */ } /*.ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }  //removed WoWWiki - just let default .ui-icon be the 'default default'*/ .ui-widget-header .ui-icon { background-image: url("https://images.wikia.nocookie.net/__cb1/resources/jquery.ui/themes/default/images/ui-icons_222222_256x240.png"); } /*.ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); }*/ /*.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }  //removed WoWWiki - just let default .ui-icon be the 'default default'*/ /*.ui-state-hover .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }    //removed WoWWiki - just let default .ui-icon be the 'default default'*/

/*** FIXES ***/

.ui-widget-header { padding: .2em 1em !important;    /* reconcile this with below */ font-size: 13px;                 /* normal size for most titles, otherwise will use body which is 12px */ position: relative;              /* ensure allows for absolute button positioning. wikia adds this in doc but... */ } .ui-widget-content { /* border: none;                 //would override JQuery, but is removed above and currently Wikia disables also. */  background-color: #2d2d2d;        /* offset background little darker, same as used for 'this section concerens' boxes. */ } .ui-dialog .ui-dialog-titlebar { padding-right: 24px !important; } /* to 'pad-out' the hackish way the Wikia/JQ close button was done, so other buttons can flow. */

.ui-state-default {                /* let follow background color by default */ background: transparent;         /* set default control background to match environment, like titlebar color or container */ } .ui-widget-header {                /* make look like a button, its buttons will have special needs below */ border-color: #ffc33e;           /* should be no 'border', but ensure color to mitigate radius side-effects */ background-color: #ffc33e; background-image: -moz-linear-gradient(top,#ffd371 35%,#ffc33e 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#ffd371),color-stop(65%,#ffc33e)); background-image: -o-linear-gradient(top,#ffd371 35%,#ffc33e 65%); background-image: -ms-linear-gradient(top,#ffd371 35%,#ffc33e 65%); background-image: linear-gradient(to bottom,#ffd271 35%,#ffc33e 65%); } .ui-widget-header .ui-state-hover { /* follow wikia buttons and button bar look, except reverse for hover as we already look like a button */ background-image: -moz-linear-gradient(top,#ffc33e 35%,#ffd371 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#ffc33e),color-stop(65%,#ffd371)); background-image: -o-linear-gradient(top,#ffc33e 35%,#ffd371 65%); background-image: -ms-linear-gradient(top,#ffc33e 35%,#ffd371 65%); background-image: linear-gradient(to bottom,#ffc33e 35%,#ffd271 65%); }

.ui-dialog { border: 2px solid #565656;       /* our border is thick middle-light gray */ z-index:20000002 !important;     /* dunno TOC was using this, jquery default is like 1005 */ }   .ui-dialog .ui-dialog-titlebar-close { padding: 1px !important; } /* stop wikia mw/version from moving by changing padding, button oscillates */

/******************************************/ /***  Extension - Ajax Poll            ***/ /******************************************/

/* ajax poll css loads very late and code is inlined here to stop 'wiggle' on page load */ div.ajax-poll {   /* AjaxPoll.scss */ /*border: 1px solid #565656;*/   /* do not want */ /*clear: both;*/ /*margin-top: 1em;*/             /* not really helpful, is awkward size as a rel. our text always starts after our header */ /*padding: 10px 20px 10px 10px;*/ /* not really helpful, container should manage */ /*padding: 1em;*/                /* also not helpful, is awkward size as a rel. think other was supposed to be a fallback value */ /*width: 40em;*/                 /* again awkward here. in perfect world all would be rel. */ border:none !important; clear: both; margin-top: 0 !important; padding: 0 !important; /* width:88% !important; */      /* we were trying this. as quick fix */ width: inherit !important; } div.ajax-poll div.header {  /* AjaxPoll.scss */ font-weight: bold; }

margin-left: 10px; margin-right: 10px; } div.ajax-poll form input[type="submit"] { margin-top: 2px; } .pollAnswerName {   /* AjaxPoll.scss */ /*font-size: 0.9em;*/   /* let be natural font size. and not relative here, gets weird font squish artifacts. */ /*padding-left: 10px;*/ /* let parent control overall 'width'. use margin instead, and just for sub-align. */ font-size: inherit !important; padding: 0 !important; margin: 7px 0 0 0; } .pollAnswerName label input { vertical-align: top; margin-left: 0; } .pollAnswerVotes {   /* AjaxPoll.scss */ /*border: 1px solid #565656;*/ /*font-size: 10px;*/ /*height: 12px;*/ /*margin-left: 10px;*/ /* let parent set margins */ /*position: relative;*/ /*width: 100%;*/       /* do not let this happen */ border: 1px solid #565656; font-size: 11px !important; height: 12px; margin-left: 0 !important; position: relative; width: inherit !important; padding: 1px; } .pollAnswerVotes span {    /* AjaxPoll.scss */ left: 3px; position: absolute; top: -3px; z-index: 4; } .pollAnswerVotes div {   /* AjaxPoll.scss */ /*border: 0;*/           /* from style attr, placed here as is the default. will get overridden. */ /*background: #616161;*/             /* need better neutral color */ /*border-right: 1px solid #565656;*/ /* our default 0 below covers this, either way */ /*font-size: 1px;*/ /*height: 12px;*/ /*left: 0;*/ /*line-height: 12px;*/ /*position: absolute;*/ /*top: 0;*/ /*z-index: 2;*/ border: 0; background: #090909 !important; font-size: 1px; height: 12px; left: 0; line-height: 12px; position: absolute; top: 0; z-index: 2; /*margin-right:10px !important;*/ /* we enforce the overall margins in the upper parent now */ padding:1px; }
 * 1) ajax-poll-area, div.ajax-poll form input[type="submit"] {

/******************************************/ /***  Extension - Rights Icons         ***/ /******************************************/

/* Rights Icons - add spacing between user 'tag' titles */ .UserProfileMasthead .masthead-info .tag { /* for MediaWiki:Wikia.js/userRightsIcons.js */ margin-left:12px !important; }

/******************************************/ /***  Extension - Semantic MediaWiki   ***/ /******************************************/

/* Dark background */ div.smwfact { background-color:#111 !important; } table.smwfacttable { background-color:#181818 !important; } div.smwfact td, div.smwfact tr, div.smwfact table { background-color: #181818 !important; }

table.smwb-ifactbox, table.swmb-factbox, tr.smwb-center, div.smwfact, table.smwfacttable, td.smwpropname, td.smwprops, td.smwspecname, td.smwspecs, tr.smwb-title td, tr.smwb-propvalue td, tr.smwb-center td, div.drilldown-category { background-color: #333 !important; } div.smwfact a { color:#70B8FF !important; } tr.smwb-title, tr.smwb-propvalue, div.drilldown-categories-header { background-color: #282828 !important; } tr.smwb-title th, tr.smwb-propvalue th, tr.smwb-center th, div.fieldBox, div.drilldown-categories-wrapper { background-color: transparent !important; } tr.smwb-propvalue th, tr.smwb-propvalue td, tr.smwb-title td, table.smwb-factbox, table.smwb-ifactbox { border-color: #202020 !important; }

table.smwtable { background:#202020 !important; border:1px solid #606060 !important; font-size:90% !important; padding:5px !important; } table.smwtable th { background-color:#113A5E !important; padding:0 0.5em !important; } table.smwtable caption { font-size:120% !important; font-weight:700 !important; }

/*FIXME: css function - this kind is somewhat exspensive, not as bad as some of the others */ table.smwtable tr:not(:first-child) th { background-color:#112A44 !important; } table.smwtable td { background-color: #202020 !important; }

/******************************************/ /***  Extension - WoW Tooltip          ***/ /******************************************/

/* also just putting any tooltip like animals here, so can sort self out :) */

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

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

/* Achievement Box - see Template:Achievementbox */ .tooltip { position: relative !important; }

/* Tooltips - used on WoW game elements to emulate in-game tooltips on page */ div.itemtooltip { min-width: 15em; padding: 0.3em; margin: 5px; background-color: #111; border:1px #bbb solid; -webkit-border-radius:.75ex; border-radius:.75ex; font-size: 90%;          /*FIXME: test if needed or intended. this was in a second copy up toward the top*/ text-align: left; z-index: 1000 !important; /*FIXME: test if needed or intended. this was in a second copy up toward the top*/ }

div.itemtooltip ul, .htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;} /*FIXME: maybe reconcile these with the color definitions above, and maybe get rid of this expensive block. is important. */ 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.crafting, div.itemtooltip li.crafting a, .htt .tooltip-content li.crafting, .htt .tooltip-crafting li.socket a {color: #66bbff;} 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, .htt .tooltip-content { font-size: 1em; float: left; width: 18em; min-width: 15em; padding: 0.3em; margin: 5px; color: #fff; background-color: #111; border:1px #bbb solid; -webkit-border-radius:.75ex; border-radius:.75ex; z-index: 1000 !important;           /*FIXME: test if needed or intended. this was in a second copy up toward the top*/ }

.tooltip ul, .htt .tooltip-content ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; } .htt .tooltip-content { font-size: 1em; width: auto !important; max-width: 300px; background: transparent url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/thumb/c/c0/Ttbackground.svg/275px-Ttbackground.svg.png") !important; } .htt .tooltip-content .tooltip-hide { display:none; } .tooltip-ready { visibility:hidden; display:block; z-index:999; }

/******************************************/ /***  Extension - Portable Infoboxes   ***/ /******************************************/

/* PI Tooltips - currently experimental */ .pi-theme-pitooltip, .pi-theme-item_floatright_box, .pi-theme-item_inline_box { min-width: 15em; padding: 0.3em; margin: 5px; background-color: #111; border:1px #bbb solid; -webkit-border-radius:.75ex; border-radius:.75ex; font-size: 90%;          /*FIXME: test if needed or intended. this was in a second copy up toward the top*/ text-align: left; z-index: 1000 !important; /*FIXME: test if needed or intended. this was in a second copy up toward the top*/ }

.pi-theme-item_inline_box { float:none !important; font-size: 80%; }

.pi-theme-item_floatright_box .pi-title .icon_div_1 span.icon_stack_pos_1 { font-size: 100%; } .pi-theme-item_floatright_box .pi-title .icon_div_2 span.icon_stack_pos_2 { font-size: 95%; } .pi-theme-item_floatright_box .pi-title .icon_div_3 span.icon_stack_pos_3 { font-size: 80%; } .pi-theme-item_floatright_box .pi-title .icon_div_4 span.icon_stack_pos_4 { font-size: 75%; }

.ember-view .portable-infobox span.icon_stackshadow_pos, .ember-view .portable-infobox span.icon_stackshadow_pos, .ember-view .portable-infobox span.icon_stackshadow_pos, .ember-view .portable-infobox span.icon_stackshadow_pos { display:none; }

.pi-theme-pitooltip span.crafting, .pi-theme-item_floatright_box span.crafting, .pi-theme-item_inline_box span.crafting, span.crafting a { color: #66bbff; } .pi-theme-pitooltip span.socket, .pi-theme-item_floatright_box span.socket, .pi-theme-item_inline_box span.socket, span.socket a { color: #999; } .pi-theme-pitooltip span.glyph, .pi-theme-item_floatright_box span.glyph, .pi-theme-item_inline_box span.glyph, span.glyph a { color:#71d5ff; } .pi-theme-pitooltip span.req, .pi-theme-item_floatright_box span.req, .pi-theme-item_inline_box span.req, span.req a { color: #999; } .pi-theme-pitooltip span.locked, .pi-theme-item_floatright_box span.locked, .pi-theme-item_inline_box span.locked, span.locked a { color: #999; } .pi-theme-pitooltip span.bonus, .pi-theme-item_floatright_box span.bonus, .pi-theme-item_inline_box span.bonus, span.bonus a { color: #0f0; } .pi-theme-pitooltip span.flavor, .pi-theme-item_floatright_box span.flavor, .pi-theme-item_inline_box span.flavor, span.flavor a { color: #ffd517; } .pi-theme-pitooltip span.detail, .pi-theme-item_floatright_box span.detail, .pi-theme-item_inline_box span.detail, span.detail a { color: #66c; } .pi-theme-pitooltip span.set, .pi-theme-item_floatright_box span.set, .pi-theme-item_inline_box span.set, span.set a { color: #ffd100; } .pi-theme-pitooltip span.setbonus, .pi-theme-item_floatright_box span.setbonus, .pi-theme-item_inline_box span.setbonus, span.setbonus a { color: #999; }

/******************************************/ /***  Extension - WoW Map              ***/ /******************************************/

/* ==== tipsy (overrides Wikia default CSS) ==== */ .tipsy { z-index: 1000000002 !important; } .tipsy .tipsy-inner { background: none repeat scroll 0 0 #2D2D2D; color: #D5D4D4; opacity: 0.9; max-width: 400px; box-shadow: 4px 6px 8px 4px #442222; border: none; border-radius: 4px; font-size: 12px; padding: 1px 6px 2px; margin-bottom: 5px; } .tipsy .tipsy-arrow { z-index: 100001; top: 25px; box-shadow: 4px 6px 8px 4px #442222; }

/* ==== inline icons ==== */ .icon.map-Icon, .icon.map-POI { display: inline-block; margin: 0; position: relative; vertical-align: middle; cursor: default; } .icon.map-POI, .icon.map-Icon.map-Location, .icon.map-Icon.map-Skull, .icon.map-Icon.map-Vendor, .icon.map-Icon.map-ClassTrainer { bottom: 2px; } .icon.map-Icon { bottom: 1px; }

/* ==== Templates Coords, MLink + Map ==== */ .map.map-embed { cursor: pointer; } .map.map-embed.map-preload { cursor: default; background-color: #9D7243; background-image: url("https://images.wikia.nocookie.net/__cb1/skins/common/images/ajax.gif"); background-position: center center; background-repeat: no-repeat; } .map-tipsy .tipsy { opacity: 1.0; } .map-tipsy .tipsy .tipsy-inner { opacity: 1.0; background-color: #202020; border: 2px solid #565656; border-radius: 2px; box-shadow: 1px 1px 4px black; margin: auto; max-width: none; padding: 4px 3px 0; } .map-tipsy .tipsy .tipsy-arrow { display: none; } .map.map-textlink, .map.coords { color: #FFA932; cursor: pointer; } .map.map-textlink:hover, .map.coords:hover { color: #FFC33E; text-shadow: 2px 2px 6px #C56D09; }

/* ==== Map Lightbox === */ .map-Icon, .map-POI { position: absolute; z-index: 1000000000; cursor: help; } .map-Icon { background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/f/f3/Map-sprites.png"); } .map-POI { width:16px; height:16px; margin:-8px; background-image: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/e/e1/Poiicons.png"); } .map-blackout { position: absolute; left: 0; top: 0; background-color: black; z-index: 100000000; } .map-large, .map-header, .map-legend { position: fixed; z-index: 100000001; -moz-box-sizing: border-box; box-sizing: border-box; } .map-large { padding: 0; } .map-header { padding:4px 6px; overflow:hidden; } .map-legend { padding:10px 6px; overflow:visible; } .map-legend-wrapper { overflow-x:visible; overflow-y:auto; } .map-header, .map-legend { background: url("https://images.wikia.nocookie.net/__cb1/wowwiki/images/5/50/Map-legend-bg.jpg") repeat scroll 0 0 transparent; border-radius: 4px; -moz-box-shadow: inset 1px 1px 3px #422; -webkit-box-shadow: inset 1px 1px 3px #422; box-shadow: inset 1px 1px 3px #422; } .ZoneMap.map-preload, .map-large.map-preload, .map-header.map-preload, .map-legend.map-preload { background-color: #9d7243; } .ZoneMap.map-preload, .map-large.map-preload { background-image: url("https://images.wikia.nocookie.net/__cb1/skins/common/images/ajax.gif"); background-position: center center; background-repeat: no-repeat; } .map-header.map-preload, .map-legend.map-preload { background-image: none; } .map-header.map-resize, .map-large.map-resize, .map-legend.map-resize { border: 2px solid #888; background: transparent; border-radius: 4px; } .map-header.map-resize *, .map-large.map-resize * { display: none; } .map-legend.map-resize * { visibility: hidden; } .map-preload .map-Icon, .map-preload .map-POI { display: none; } .ZoneMap { cursor: pointer; } .ZoneMap.map-large, .ZoneMap.map-preload, .ZoneMap.map-disabled { cursor: default; } .map-title, .map-coords, .map-scale, .map-href, .map-close, .map-group-note, .map-subGroup-note, .map-group-name, .map-subGroup-name { border-radius: 4px; font-size: 12px; -moz-box-shadow: 1px 1px 3px #422; -webkit-box-shadow: 1px 1px 3px #422; box-shadow: 1px 1px 3px #422; } .map-title, .map-coords, .map-scale, .map-href, .map-close { line-height: 15px; margin: 4px; padding: 2px 6px; } .map-minimal .map-href { display: none; } .map-header a:hover { color: #16A92D; text-shadow: 0 0 10px #16A92D; text-decoration: none; } .map-title, .map-coords, .map-scale, .map-href, .map-close, .map-group-note, .map-subGroup-note { background: none repeat scroll 0 0 #2D2D2D; color: #D5D4D4; opacity: 0.9; } .map-group-name, .map-group-note, .map-subGroup-name, .map-subGroup-note { line-height: 14px; padding: 1px 6px; } .map-group-name { margin-top: 12px; margin-bottom: 6px; } .map-group-name:first-child { margin-top: 0; } .map-group-name, .map-group, .map-group .map-group-note { width: 228px; } .map-subGroup-name, .map-subGroup-note { display: inline-block; margin: 1px; } .map-subGroup-name { min-width: 85px; } .map-group-note, .map-subGroup { margin-top: 1px; } .map-subGroup-note { margin-left: 4px; } .map-subGroup + .map-group-note { margin-top: 4px; } .map-group-note, .map-subGroup-note { cursor: help; } .map-group-name, .map-subGroup-name { background: #ebd9af; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ebd9af 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebd9af)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ebd9af 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ebd9af 100%); /* W3C */ color: black; opacity: 0.65; } .map-info { float: left; } .map-buttons { float: right; }

/* ==== Map Lightbox + inline map-icons === */ .map-ActiveRRQuest { background-position: 0 0; } .map-ActiveQuest { background-position: 0 -66px; } .map-Alliance { background-position: 0 -132px; } .map-AvailableRRQuest { background-position: 0 -197px; } .map-Quest, .map-AvailableQuest { background-position: 0 -263px; } .map-Banker { background-position: 0 -329px; } .map-Binder { background-position: 0 -395px; } .map-Blip { background-position: 0 -461px; } .map-Gossip { background-position: 0 -522px; } .map-Healer { background-position: 0 -588px; } .map-Circle { background-position: 0 -654px; } .map-Cross { background-position: 0 -722px; } .map-Diamond { background-position: 0 -790px; } .map-Moon { background-position: 0 -858px; } .map-Skull { background-position: 0 -926px; } .map-Square { background-position: 0 -994px; } .map-Star { background-position: 0 -1062px; } .map-Triangle { background-position: 0 -1130px; } .map-Inn { background-position: 0 -1198px; } .map-Location { background-position: 0 -1264px;} .map-Auctioneer { background-position: 0 -1342px; } .map-Barber { background-position: 0 -1408px; } .map-BattleMaster { background-position: 0 -1474px; } .map-ClassTrainer { background-position: 0 -1540px; } .map-FlightMaster { background-position: 0 -1606px; } .map-FoodDrink { background-position: 0 -1672px; } .map-Mailbox { background-position: 0 -1738px; } .map-Reagent { background-position: 0 -1804px; } .map-Repair { background-position: 0 -1870px; } .map-StableMaster { background-position: 0 -1936px; } .map-Neutral { background-position: -78px 0; } .map-Petition { background-position: -78px -65px; } .map-Tabard { background-position: -78px -131px; } .map-Taxi { background-position: -78px -197px; } .map-Trainer { background-position: -78px -263px; } .map-Unlearn { background-position: -78px -329px; } .map-Vendor { background-position: -78px -395px; } .map-Horde { background-position: -78px -458px; } .map-Blue { background-position: -75px -520px; } .map-Green { background-position: -74px -585px; } .map-Purple { background-position: -74px -654px; } .map-Red { background-position: -74px -720px; } .map-White { background-position: -74px -788px; }

/* ==== Map Lightbox + inline map-icons, continued === */ .map-Quest, .map-ActiveRRQuest, .map-ActiveQuest, .map-AvailableRRQuest, .map-AvailableQuest, .map-Banker, .map-Binder, .map-Gossip, .map-Healer, .map-Inn, .map-Auctioneer, .map-Barber, .map-BattleMaster, .map-ClassTrainer, .map-FlightMaster, .map-FoodDrink, .map-Mailbox, .map-Reagent, .map-Repair, .map-StableMaster, .map-Petition, .map-Tabard, .map-Taxi, .map-Trainer, .map-Unlearn, .map-Vendor { width:16px; height:16px; margin:-8px; } .map-Alliance, .map-Neutral, .map-Horde { width:17px; height:17px; margin:-8.5px; } .map-Blip { width:11px; height:11px; margin:-5.5px; } .map-Circle, .map-Cross, .map-Diamond, .map-Moon, .map-Skull, .map-Square, .map-Star, .map-Triangle { width:18px; height:18px; margin:-9px; } .map-Location { width:28px; height:28px; margin:-14px; } .map-Blue, .map-Green, .map-Red, .map-Purple, .map-White { width:20px; height:20px; margin:-10px; }

/* ==== Map Lightbox + inline map-icons, continued === */ .map-POI0 { background-position: -1px -1px } .map-POI1 { background-position: -19px -1px } .map-POI2 { background-position: -37px -1px } .map-POI3 { background-position: -55px -1px } .map-POI4 { background-position: -73px -1px } .map-POI5 { background-position: -91px -1px } .map-POI6 { background-position: -109px -1px } .map-POI7 { background-position: -127px -1px } .map-POI8 { background-position: -145px -1px } .map-POI9 { background-position: -163px -1px } .map-POI10 { background-position: -181px -1px } .map-POI11 { background-position: -199px -1px } .map-POI12 { background-position: -217px -1px } .map-POI13 { background-position: -235px -1px } .map-POI14 { background-position: -1px -19px } .map-POI15 { background-position: -19px -19px } .map-POI16 { background-position: -37px -19px } .map-POI17 { background-position: -55px -19px } .map-POI18 { background-position: -73px -19px } .map-POI19 { background-position: -91px -19px } .map-POI20 { background-position: -109px -19px } .map-POI21 { background-position: -127px -19px } .map-POI22 { background-position: -145px -19px } .map-POI23 { background-position: -163px -19px } .map-POI24 { background-position: -181px -19px } .map-POI25 { background-position: -199px -19px } .map-POI26 { background-position: -217px -19px } .map-POI27 { background-position: -235px -19px } .map-POI28 { background-position: -1px -37px } .map-POI29 { background-position: -19px -37px } .map-POI30 { background-position: -37px -37px } .map-POI31 { background-position: -55px -37px } .map-POI32 { background-position: -73px -37px } .map-POI33 { background-position: -91px -37px } .map-POI34 { background-position: -109px -37px } .map-POI35 { background-position: -127px -37px } .map-POI36 { background-position: -145px -37px } .map-POI37 { background-position: -163px -37px } .map-POI38 { background-position: -181px -37px } .map-POI39 { background-position: -199px -37px } .map-POI40 { background-position: -217px -37px } .map-POI41 { background-position: -235px -37px } .map-POI42 { background-position: -1px -55px } .map-POI43 { background-position: -19px -55px } .map-POI44 { background-position: -37px -55px } .map-POI45 { background-position: -55px -55px } .map-POI46 { background-position: -73px -55px } .map-POI47 { background-position: -91px -55px } .map-POI48 { background-position: -109px -55px } .map-POI49 { background-position: -127px -55px } .map-POI50 { background-position: -145px -55px } .map-POI51 { background-position: -163px -55px } .map-POI52 { background-position: -181px -55px } .map-POI53 { background-position: -199px -55px } .map-POI54 { background-position: -217px -55px } .map-POI55 { background-position: -235px -55px } .map-POI56 { background-position: -1px -73px } .map-POI57 { background-position: -19px -73px } .map-POI58 { background-position: -37px -73px } .map-POI59 { background-position: -55px -73px } .map-POI60 { background-position: -73px -73px } .map-POI61 { background-position: -91px -73px } .map-POI62 { background-position: -109px -73px } .map-POI63 { background-position: -127px -73px } .map-POI64 { background-position: -145px -73px } .map-POI65 { background-position: -163px -73px } .map-POI66 { background-position: -181px -73px } .map-POI67 { background-position: -199px -73px } .map-POI68 { background-position: -217px -73px } .map-POI69 { background-position: -235px -73px } .map-POI70 { background-position: -1px -91px } .map-POI71 { background-position: -19px -91px } .map-POI72 { background-position: -37px -91px } .map-POI73 { background-position: -55px -91px } .map-POI74 { background-position: -73px -91px } .map-POI75 { background-position: -91px -91px } .map-POI76 { background-position: -109px -91px } .map-POI77 { background-position: -127px -91px } .map-POI78 { background-position: -145px -91px } .map-POI79 { background-position: -163px -91px } .map-POI80 { background-position: -181px -91px } .map-POI81 { background-position: -199px -91px } .map-POI82 { background-position: -217px -91px } .map-POI83 { background-position: -235px -91px } .map-POI84 { background-position: -1px -109px } .map-POI85 { background-position: -19px -109px } .map-POI86 { background-position: -37px -109px } .map-POI87 { background-position: -55px -109px } .map-POI88 { background-position: -73px -109px } .map-POI89 { background-position: -91px -109px } .map-POI90 { background-position: -109px -109px } .map-POI91 { background-position: -127px -109px } .map-POI92 { background-position: -145px -109px } .map-POI93 { background-position: -163px -109px } .map-POI94 { background-position: -181px -109px } .map-POI95 { background-position: -199px -109px } .map-POI96 { background-position: -217px -109px } .map-POI97 { background-position: -235px -109px } .map-POI98 { background-position: -1px -127px } .map-POI99 { background-position: -19px -127px } .map-POI100 { background-position: -37px -127px } .map-POI101 { background-position: -55px -127px } .map-POI102 { background-position: -73px -127px } .map-POI103 { background-position: -91px -127px } .map-POI104 { background-position: -109px -127px } .map-POI105 { background-position: -127px -127px } .map-POI106 { background-position: -145px -127px } .map-POI107 { background-position: -163px -127px } .map-POI108 { background-position: -181px -127px } .map-POI109 { background-position: -199px -127px } .map-POI110 { background-position: -217px -127px } .map-POI111 { background-position: -235px -127px } .map-POI112 { background-position: -1px -145px } .map-POI113 { background-position: -19px -145px } .map-POI114 { background-position: -37px -145px } .map-POI115 { background-position: -55px -145px } .map-POI116 { background-position: -73px -145px } .map-POI117 { background-position: -91px -145px } .map-POI118 { background-position: -109px -145px } .map-POI119 { background-position: -127px -145px } .map-POI120 { background-position: -145px -145px } .map-POI121 { background-position: -163px -145px } .map-POI122 { background-position: -181px -145px } .map-POI123 { background-position: -199px -145px } .map-POI124 { background-position: -217px -145px } .map-POI125 { background-position: -235px -145px } .map-POI126 { background-position: -1px -163px } .map-POI127 { background-position: -19px -163px } .map-POI128 { background-position: -37px -163px } .map-POI129 { background-position: -55px -163px } .map-POI130 { background-position: -73px -163px } .map-POI131 { background-position: -91px -163px } .map-POI132 { background-position: -109px -163px } .map-POI133 { background-position: -127px -163px } .map-POI134 { background-position: -145px -163px } .map-POI135 { background-position: -163px -163px } .map-POI136 { background-position: -181px -163px } .map-POI137 { background-position: -199px -163px } .map-POI138 { background-position: -217px -163px } .map-POI139 { background-position: -235px -163px } .map-POI140 { background-position: -1px -181px } .map-POI141 { background-position: -19px -181px } .map-POI142 { background-position: -37px -181px } .map-POI143 { background-position: -55px -181px } .map-POI144 { background-position: -73px -181px } .map-POI145 { background-position: -91px -181px } .map-POI146 { background-position: -109px -181px } .map-POI147 { background-position: -127px -181px } .map-POI148 { background-position: -145px -181px } .map-POI149 { background-position: -163px -181px } .map-POI150 { background-position: -181px -181px } .map-POI151 { background-position: -199px -181px } .map-POI152 { background-position: -217px -181px } .map-POI153 { background-position: -235px -181px } .map-POI154 { background-position: -1px -199px }

/* ==== Zone Map Note docs ==== */ ol.manual-legend .example:before, ol.manual-legend, ol.manual-legend ol { color: inherit; } ol.manual-legend, ol.manual-legend ol { list-style-position: inside; list-style-type: none; margin-left: 0; } ol.manual-legend > li { background: #443F4A; border-right: 8px solid #291C37; margin: 4px 0 6px; padding: 4px 0 2px 12px; } ol.manual-legend > li:first-child { border-top: 4px solid #291C37; } ol.manual-legend > li:last-child { border-bottom: 4px solid #291C37; } ol.manual-legend > li:nth-child(2n+1) { padding-right: 12px; } ol.manual-legend > li > ol > li { background: #3C2D2D; margin: 4px 0 4px 8px; padding: 1px 0 1px 12px; } ol.manual-legend .example, ol.manual-legend .example:before { background: #291C37; border: 1px solid #291C37; } ol.manual-legend .example li { padding: 1px 8px; } ol.manual-legend .example:before { background: #291C37; border-radius: 6px; content: "Examples:"; display: block; height: auto; left: 10px; margin-bottom: -20px; padding: 0 3px; position: relative; text-align: center; top: -15px; width: 80px; } ol.manual-legend li, ol.manual-legend .example { border-radius: 6px 0 0 6px; } ol.manual-legend .example { margin-top: 20px; } ol.manual-legend code { background: #E1D1DA; border-radius: 3px; color: #291C37; font-family: monospace; padding: 1px 4px; } ol.manual-legend * { box-shadow: none; }

/******************************************/ /***  Extension - Tabber               ***/ /******************************************/

/* From the default Tabber CSS. Check FIXES sectiob below before changing stuff here. *dont* edit these for now, override them just below in the *** FIXES *** section */

/* Tabber - creates div show/hide type tabs. See 'Hunter' page. */ .tabberlive .tabbertabhide { display:none; }/* hide the non-active tab content, but not in 'print' mode */ .tabber { }                                /* before the tabber interface is set up */ .tabberlive { margin-top: 1em; }           /* after the tabber interface is set up */

ul.tabbernav {                             /* tabbernav - the tab navigation list */ margin:0; padding:3px 0; border-bottom: 1px solid #778;           /* border across bottom whole nav bar and tabber tab */ /* font: bold 12px Verdana, sans-serif; *//* removed WoWWiki - use our site font and size */ font-weight:bold;                        /* added WoWWiki. let site font family flow through */ }

ul.tabbernav li { list-style: none; margin: 0; display: inline; line-height: normal; /* added by Wikia */ } ul.tabbernav li a { /*background: #dde; */ /* don't set background-color here for now */ padding:3px 0.5em; margin-left:3px; border:1px solid #778; border-bottom:none; text-decoration: none; } /* ul.tabbernav li a:link { color: #448; } */    /* removed WoWWiki. let our regular link colors pass through. */ /* ul.tabbernav li a:visited { color: #667; } */ /* removed WoWWiki. dont force link/visited difference. */ ul.tabbernav li a:hover { color:#000; /*background:#aae;*/ /* don't set background-color here for now */ /*border-color: #227;*/ }

ul.tabbernav li.tabberactive a {         /* tabberactive - the active tab */ /*background-color: #fff; */ /* don't set background-color here for now */ border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color:#000; /*background:white; */ /* don't set background-color here for now */ border-bottom: 1px solid white; }

.tabbertab {                 /* .tabbertab - the tab content. intial style consistent through the tabs life. */ } .tabberlive .tabbertab {     /*      (on loaded) the tab content. style added only after .tabberlive is added */ padding:5px; border:1px solid #aaa; border-top:0; } /*.tabberlive .tabbertab h2,     //removed WoWWiki. hide the heading since a heading is provided by the tab .tabberlive .tabbertab h3 { display:none; } */

/**** FIXES ****/

ul.tabbernav { font-size:13px;            /* 13 bold in our font, is like a 12 bold in the default font */ padding:0;                 /* not sure why there was padding here. the anchor is drawing the border */ }

ul.tabbernav li { background-color: rgba(40, 40, 40, .8) !important;          /* try to set background-color semi-transparent and darker */ }

ul.tabbernav li a { margin-left:0; margin-right:3px; border:1px solid transparent; border-bottom:none; -moz-border-radius-topright: 6px;                /* use rounded upper corners, in general */ -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; } ul.tabbernav li a:hover { color:black; /* background:#383838; */ /* no special hover background-color for now */ /* border-color:#222277; */ /*no hover border color*/ }

ul.tabbernav li.tabberactive a { /* background-color: #282828; */ /* no special active background-color for now */ border-color: #d5d4d4; border:1px solid #d5d4d4; border-bottom:none; } ul.tabbernav li.tabberactive a:link { color: #d5d4d4 }   /* normal 'current page' link color, same as body color */ ul.tabbernav li.tabberactive a:visited { color: #d5d4d4 } ul.tabbernav li.tabberactive a:hover { color:#d5d4d4; /* background:#555; */ /* no special hover background-color for now */ }

.tabbertab {                 /* 'unloaded' tab. show panels with padding for authors. enforce flow inside container. */ background-color: rgba(40, 40, 40, .8);   /* equiv to #282828 at 80% opacity */ border: 1px solid rgba(69, 69, 69, .8);  /* start with a complete border. use our own border color */ /*border: 1px solid rgba(60, 60, 60, .8);*/ /* start with a complete border. use our own border color */ padding: 5px 5px 0 5px;                  /* also use 'live' padding, if going to keep borders */ overflow: auto;                          /* keep tabs separate and encompassing. also eliminates need for 'clr' */ margin-bottom: .2em;                     /* mildest of margins, so border not right up against neighbors */ } .tabberlive .tabbertab {     /* 'loaded' tab */ border-color: rgba(69, 69, 69, .8);      /* keep border color after loaded */ /*border-color: rgba(60, 60, 60, .8);*/    /* keep border color after loaded */ -webkit-border-bottom-left-radius: 1em;  /* and now round the bottom corners. keep support for some of the old phones. */ -webkit-border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding: 5px 5px 0 5px;                  /* override with our version of padding with no bottom */ } .tabberlive .editsection { display: none; } /* hide the 'edit section' control */

/******************************************/ /***  Extension - FloatingToc          ***/ /******************************************/

/* Inner Pane */ .toc-dialog .ui-dialog-content { padding:0 !important;          /* importing real toc, sized to fit. cant have default dialog padding */ } .toc-dialog .toc { margin: 0;                     /* override oasis WikiaArticle .toc */ border: none; padding: 5px 5px 0 5px;        /* exclude bottom, or gets scrollbar unnecessarily */ }

/* Page ToC */ .WikiaArticle #toctitle { margin-right:16px;             /* nudge title little for icon for when gets toc really narrow */ }

/* Open Button on Page */ background-color: #333; /* make solid. can be over a line/pattern confuses icon. can now also straddle TOC border */ } border:1px solid #666666; /* consider #565656 */ margin:0; padding: 0;    /* ensure we get a square botton */ height:18px; width:18px; position:absolute; top:4px; right:4px; } background-image:url("https://images.wikia.nocookie.net/__cb1/resources/jquery.ui/themes/default/images/ui-icons_222222_256x240.png"); }
 * 1) open-toc-win.ui-state-default {
 * 1) open-toc-win.ui-state-hover { border:1px solid #666666; }
 * 2) open-toc-win {
 * 1) toc.tochidden #open-toc-win { display:none; }
 * 2) open-toc-win.ui-state-hover .ui-icon {

/* Popout Buttons */ float: right;            /* stops 'button' from affecting overflowed size of bar as well */ margin:0 2px; padding:0; border:0; height:18px; width:18px; } /* #toc-back, #toc-maximize { border:0; height:20px; position:absolute; top:2px; width:22px; }
 * 1) toc-back, #toc-maximize {
 * 1) toc-back { right:50px; }
 * 2) toc-maximize { right:25px; } */

body.mediawiki.scroll-lock { overflow: hidden !important; } body.mediawiki.adjust-scroll { margin-left: -16px !important; }

.toc-link { /* Section Header to top toc icon. using dark theme icon. */ display: inline-block; height:12px; margin-left:12px; opacity:.8; position:relative; vertical-align:baseline; width:12px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAIklEQVR42mJgRAIMjAwgBAYQDkKGHGUgAqISziHFNIAAAwAgIwBoFh42eAAAAABJRU5ErkJggg==") repeat scroll 0 0 transparent }

/* end section extensions */

/*************************************************************************************************

SECTION MediaWiki:Wikia.css   (AKA monaco testing area)



/******************************************/ /****  Gem socket table cell color    ****/ /******************************************/

td.socket-blue { background-color:#004; padding-left:0.6em; padding-right:0.6em; } td.socket-red { background-color:#400; padding-left:0.6em; padding-right:0.6em; } td.socket-yellow { background-color:#440; padding-left:0.6em; padding-right:0.6em; } td.socket-green { background-color:#040; padding-left:0.6em; padding-right:0.6em; } td.socket-orange { background-color:#530; padding-left:0.6em; padding-right:0.6em; } td.socket-purple { background-color:#405; padding-left:0.6em; padding-right:0.6em; } td.socket-cogwheel { background-color:#221; padding-left:0.6em; padding-right:0.6em; } td.socket-meta { background-color:#444; padding-left:0.6em; padding-right:0.6em; } td.socket-sha-touched { background-color:#343; padding-left:0.6em; padding-right:0.6em; }

/******************************************/ /****          Needs review           ****/ /******************************************/

/* Link Hovering - theme override link hovering. */ a, .color2 a { color: #70B8FF; }       /* UNVISITED */

a:hover, .color2 a:hover {             /* VISITED */ color: #16A92D; text-shadow: #16A92D 0 0 10px; text-decoration:none; } a:visited, .color2 a:visited { color: #70B8FF; text-decoration:none; } a:visited:hover, .color2 a:visited:hover { color: #16A92D; text-shadow: #16A92D 0 0 10px; text-decoration:none; }

a.new { color: #871611 !important; }   /* NEW */ a.new:hover, .color2 a.new:hover { color: #16A92D!important; text-shadow: #16A92D 0 0 5px !important; text-decoration:none; }

.redlinknormal a.new { color: #F79F9F !important; }   /* NEW */

/* reduce heading margin */ body h1.firstHeading { margin-top:-10px; }


 * 1) siteNotice { margin-top:-5px; }

/* userengagement override */ .userengagement,.editsimilar { background-color:#282828 !important; border:1px solid #000 !important; color:#fff; } div.editsimilar a { color:#70B8FF !important; }

/* editcount fix */
 * 1) editcount table table { color:#000; }

/* ProblemReports fix */ background-color:#292929 !important; border-left:solid 2px #303030 !important; } background-color:#202020 !important; border-bottom-width:0 !important; border-top-width:0 !important; }
 * 1) mailer #mailer-templates {
 * 1) mailer .actionBar {

/* Stub class fix */ a.stub { color:#f28500 !important; }

/* History page "updated since last visit" */ span.updatedmarker { background-color:transparent; color:#4f4; font-size:90%; font-weight:700; }

/* History page tweaks. ? See ? */ table.filehistory { border:2px solid #555; } table.filehistory th,table.filehistory td { border:1px solid #444; }

.mw-search-result-data { color:#77FF77; }

/* WoWWiki Tabs - very very simple. used by sub-portal menus, intended for general use. :)    states: 4 = normal|selected * hover|no-hover, usage: [link][link][link] that simple:) style: make another class and add like so: */ .ww-tabs { font-size:.93em; font-weight:bold; text-align:center; clear:left; margin:1em 0 0 0; line-height:1.94em;                      /* must match overall text + padding. IE rounding up, must 1.95em */ } .ww-tabs a, .ww-tabs strong { /*margin:0 .185em; padding:.385em .965em;*/  /* must match overall line-height */ margin:0 .12em; padding:.385em .80em;        /*TEMP FIX FOR 1030 MIN WIDTH. must match overall line-height */ color:#FFF; text-decoration:none;            /*   FF and IE must stay below .81em on LR padding */ -webkit-border-top-right-radius:.3em; -webkit-border-top-left-radius:.3em; border-top-right-radius:.3em; border-top-left-radius:.3em; } .ww-tabs a { background:#2C2C2C; }         /* old old background:#BBB; */ .ww-tabs strong { background:#191919; }    /* old old background:#DDD; */ .ww-tabs a:hover { background:#1E1E1E; color:#FFF; text-decoration:none !important; }

/* Portal:Main Nav - used by portal menu on main, intended for general use. each item is colored block like a button, but wihtout the hassle of a button. pressed into css as is high volume page. */ .ww-blocks { text-align:center; font-weight:bold; } .ww-blocks div,.ww-blocks span { display:inline-block; width:32%; } .ww-blocks div { padding:5px 0 4px 0; margin:0.4em 0 0.5em; }

/* Title - common arbitrary title bar. bars, table sub-sub-sections. see instance infobox */ .ww-title, .title { background-color:#2c2c2c; text-align:center; font-weight:700; padding:1px 2px; }

/* Nabox - common compact navbox. mw-collapsible, instance infobox */ .ww-navbox { margin:0; padding-top:2px; padding-bottom:2px; text-align:center; border-collapse:collapse; position:relative; } .ww-navbox .mw-collapsible-toggle { position:absolute; right:0; }

/** Games Section **/ /* Blue tinted */ .GamesBackground { background: rgba(20, 20, 20, 0.7); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); border:1px solid #1C7CDC; width:596px; height:70px; }

.GamesBackground-gold { background: rgba(20, 20, 20, 0.7); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); border:1px solid #dbac1d; width:596px; height:70px; } .GameBox { margin:3px; width:108px; display:inline-block; }

/* Blue tinted */ .GamesArrowLeft { background: #0b4e90; /* Old browsers */ background: -moz-linear-gradient(left, #0b4e90 0%, #2567a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b4e90), color-stop(100%,#2567a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* IE10+ */ background: linear-gradient(to right, #0b4e90 0%,#2567a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4e90', endColorstr='#2567a9',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; border-top-left-radius:5px; border-bottom-left-radius:5px; height:67px; width:38px; } /* Blue tinted */ .GamesArrowLeft:hover { background: #0f63b7; /* Old browsers */ background: -moz-linear-gradient(left, #0f63b7 0%, #258ef8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f63b7), color-stop(100%,#258ef8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* IE10+ */ background: linear-gradient(to right, #0f63b7 0%,#258ef8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f63b7', endColorstr='#258ef8',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; height:67px; width:38px; }

/* Blue tinted */ .GamesArrowLeft:active { background: #041c35; /* Old browsers */ background: -moz-linear-gradient(left, #041c35 0%, #123354 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#041c35), color-stop(100%,#123354)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #041c35 0%,#123354 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #041c35 0%,#123354 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #041c35 0%,#123354 100%); /* IE10+ */ background: linear-gradient(to right, #041c35 0%,#123354 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041c35', endColorstr='#123354',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; height:67px; width:38px; }

/* Blue tinted */ .GamesArrowRight { background: #0b4e90; /* Old browsers */ background: -moz-linear-gradient(left, #2567a9 0%, #0b4e90 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2567a9), color-stop(100%,#0b4e90)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* IE10+ */ background: linear-gradient(to right, #2567a9 0%,#0b4e90 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2567a9', endColorstr='#0b4e90',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; border-top-right-radius:5px; border-bottom-right-radius:5px; height:67px; width:38px; }

/* Blue tinted */ .GamesArrowRight:hover { background: #258ef8; /* Old browsers */ background: -moz-linear-gradient(left, #258ef8 0%, #0f63b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#258ef8), color-stop(100%,#0f63b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* IE10+ */ background: linear-gradient(to right, #258ef8 0%,#0f63b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258ef8', endColorstr='#0f63b7',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; height:67px; width:38px; } /* Blue tinted */ .GamesArrowRight:active { background: #123354; /* Old browsers */ background: -moz-linear-gradient(left, #123354 0%, #041c35 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#123354), color-stop(100%,#041c35)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #123354 0%,#041c35 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #123354 0%,#041c35 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #123354 0%,#041c35 100%); /* IE10+ */ background: linear-gradient(to right, #123354 0%,#041c35 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123354', endColorstr='#041c35',GradientType=1 ); /* IE6-9 */ border:1px solid #1C7CDC; height:67px; width:38px; }

/* Gold tinted */ .GamesArrowLeft-gold { background: #e5ac00; /* Old browsers */ background: -moz-linear-gradient(left, #b38a12 0%, #e5ac00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b38a12), color-stop(100%,#e5ac00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* IE10+ */ background: linear-gradient(to right, #b38a12 0%,#e5ac00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38a12', endColorstr='#e5ac00',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; border-top-left-radius:5px; border-bottom-left-radius:5px; height:67px; width:38px; } /* Gold tinted */ .GamesArrowLeft-gold:hover { background: #b88d0f; /* Old browsers */ background: -moz-linear-gradient(left, #b88d0f 0%, #f7c325 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b88d0f), color-stop(100%,#f7c325)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* IE10+ */ background: linear-gradient(to right, #b88d0f 0%,#f7c325 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88d0f', endColorstr='#f7c325',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; height:67px; width:38px; } /* Gold tinted */ .GamesArrowLeft-gold:active { background: #362904; /* Old browsers */ background: -moz-linear-gradient(left, #362904 0%, #544412 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#362904), color-stop(100%,#544412)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #362904 0%,#544412 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #362904 0%,#544412 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #362904 0%,#544412 100%); /* IE10+ */ background: linear-gradient(to right, #362904 0%,#544412 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362904', endColorstr='#544412',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; height:67px; width:38px; } /* Gold tinted */ .GamesArrowRight-gold { background: #e5ac00; /* Old browsers */ background: -moz-linear-gradient(left, #b38a12 0%, #e5ac00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2567a9), color-stop(100%,#0b4e90)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b38a12 0%,#e5ac00 100%); /* IE10+ */ background: linear-gradient(to right, #b38a12 0%,#e5ac00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38a12', endColorstr='#e5ac00',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; border-top-right-radius:5px; border-bottom-right-radius:5px; height:67px; width:38px; } /* Gold tinted */ .GamesArrowRight-gold:hover { background: #b88d0f; /* Old browsers */ background: -moz-linear-gradient(left, #b88d0f 0%, #f7c325 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b88d0f), color-stop(100%,#f7c325)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b88d0f 0%,#f7c325 100%); /* IE10+ */ background: linear-gradient(to right, #b88d0f 0%,#f7c325 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88d0f', endColorstr='#f7c325',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; height:67px; width:38px; } /* Gold tinted */ .GamesArrowRight-gold:active { background: #362904; /* Old browsers */ background: -moz-linear-gradient(left, #362904 0%, #544412 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#362904), color-stop(100%,#544412)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #362904 0%,#544412 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #362904 0%,#544412 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #362904 0%,#544412 100%); /* IE10+ */ background: linear-gradient(to right, #362904 0%,#544412 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362904', endColorstr='#544412',GradientType=1 ); /* IE6-9 */ border:1px solid #dbac1d; height:67px; width:38px; }