MediaWiki:Wikia.css

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

SECTION  Namespace:File.css

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

There are several main sections to the CSS: 1) SECTION Recent Changes - new simple general additions, that can later be inspected and placed 2) SECTION Wikia Fixups - fixes for MediaWiki engine changes, temporary hacks, core extension fixes. 3) SECTION MediaWiki:Common.css - code for all themes. code here instead of MediaWiki:Common.css 4) SECTION MediaWiki:Monaco.css - dwindling code for the *old* theme MediaWiki:Monaco.css 5) SECTION Extensions - inline code for styling AddOns and Extension, when can't be done otherwise. 6) SECTION MediaWiki:Wikia.css - code for current theme, or for thematicWiki 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.



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

SECTION Recent Changes

.test-wikia-div { color: white; } /* test if common is turned on currently on wiki */

.wrap { white-space: pre-wrap; }

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

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 */ /* DISABLE: Sprite image URL is bogus. This one works, but CSS may now be incompatible (based on looking at git code on 14-May-2018): https://vignette.wikia.nocookie.net/monstergirlencyclopedia/images/1/1e/Sprite-Chat.png/revision/latest?cb=20160222110816 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; }

/* Selflink (link to a page on itself) outline in black */ /*  and dotted bottom/top borders                      */ strong.selflink span { border-bottom: 1px dotted gray; border-top: 1px dotted gray; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

/* 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.19.24? - Fixes */ h2.mw-specialpagesgroup { /* fix cramped special pages header */ margin-bottom:0.5em; }

/* 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. See ? */ .pseudo-link { color:#70B8FF; cursor:pointer; } .pseudo-link:hover { color:#ff0000; text-shadow:#ff0000 0 0 10px; }

/*                         Previous both : #16A92D */

/* 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. */ 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:Wikia.css (Oasis specific) See also Common.css - Portals area



/********** Portal:Main CSS **********/ /* Top WELCOME table */ table.main-welcome-table { font-size:.93em; margin:.8em 0 1.8em 0; text-align:center; position:center; width:100%; } span.main-welcome-greeting { font-size:1.40em; font-weight:800; }

/* Site stats table */ table.main-site-stats-table { color:#fff; text-align:center; text-shadow:0 2px 7px #eebb22; margin-top:1em; width:100%; }

/* REGISTER and HELP out rect area */ div.main-register-help-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; padding-left:0.4em; padding-right:0.4em; padding-top:0.3em; margin:10px 0; text-align:center; width:100%; }

/* TEMPORARY INFO rounded rect area */ div.main-temp-info-box { background-color: #090909; border-bottom:1px ridge #c9c979; border-radius: 7px; padding-left:0.4em; padding-right:0.4em; padding-top:0.4em; margin:10px 0; text-align:center; width:100%; }

/* Generic pre-Wiki portal info rect area */ div.main-pre-portal-info-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; padding-left:0.4em; padding-right:0.4em; padding-top:0.3em; margin:10px 0; text-align:center; width:100%; }

div.main-portal-general-info-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; margin:10px 0; padding:0.4em; text-align:left; width:100%; }

div.main-generic-centered-info { margin:auto; padding:0.5em; text-align:center; }

div.main-portal-wowwiki-area-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; margin:10px 0; padding:0.4em; text-align:left; width:100%; }

div.main-portal-wow-classes-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; margin:10px 0; padding:0.4em; text-align:left; width:100%; }

table.main-portal-wow-classes-table { margin:auto; } table.main-portal-wow-classes-table, th, td { border-spacing: 1px; padding: 2px; }

div.main-portal-wow-races-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; horizontal-align:center; margin:10px 0; padding:0.4em; text-align:center; width:100%; } div.main-portal-wow-races-subbox { background-color:black; margin:auto; vertical-align:bottom; }

table.main-portal-wow-races-table { background-color:black; display:inline-block; margin:auto; text-align:center; } table.main-portal-wow-races-table, th, td { border-spacing: 1px; padding: 2px; } table.mp-alliance1 { height:128px; } table.mp-alliance2 { height:128px; width:280px; } table.mp-horde1 { height:140px; } table.mp-horde2 { height:140px; width:280px; }

div.main-portal-wow-profs-box { background-color: #191919; border-bottom:1px ridge #a9a9a9; border-radius: 7px; margin:10px auto 0 auto; padding:0.4em; text-align:left; width:100%; }

div.main-portal-wow-profs-subbox { margin:auto; text-align:center; vertical-align:bottom; }

table.main-portal-wow-profs-table { display:inline-block; margin:auto; text-align:center; } table.main-portal-wow-profs-table, th, td { border-spacing: 1px; padding: 2px; } table.main-portal-wow-profs-table2 { margin:auto; text-align:center; } table.main-portal-wow-profs-table2, th, td { border-spacing: 1px; padding: 2px; }

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

SECTION MediaWiki:Common.css



/* Frame boxes */ /* Book */ .framebook { background-image: url("https://images.wikia.nocookie.net/raylantest/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/raylantest/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; }

/* Silver */ .framesilver { background-image: url("https://images.wikia.nocookie.net/raylantest/images/2/29/FrameSilver.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; }

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

/* Stone */ .framestone { background-image: url("https://images.wikia.nocookie.net/raylantest/images/c/c9/FrameStone.png"); border: 1px solid #000000; color: white; 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; }

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

/* Marble */ .framemarble { background-image: url("https://images.wikia.nocookie.net/raylantest/images/5/51/FrameMarble.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; }

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

/* V-day */ .frameval { background-image: url("https://images.wikia.nocookie.net/raylantest/images/2/26/FrameValentines.png"); border: 1px solid #524D39; color: #A52829; 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; }

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

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

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

/* Make strikethrough links gray */ s.graylink a { color:gray; }

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

/**** WIKI 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://vignette.wikia.nocookie.net/wowwiki/images/4/4e/Forum_new.gif") center left no-repeat; /* update image loc; old loc: //images1.wikia.nocookie.net/__cb1/wowwiki/images/4/4e/Forum_new.gif */ } .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://vignette.wikia.nocookie.net/wowwiki/images/b/b5/Icon-mmo4ever-22x22.png'); } /* updated image loc; old loc: //images1.wikia.nocookie.net/__cb1/wowwiki/images/b/b5/Icon-mmo4ever-22x22.png */ ul.elinks li.sigrie { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/b/ba/Icon-mmochampion-22x22.png'); } /* updated image loc; old loc: //images2.wikia.nocookie.net/__cb1/wowwiki/images/b/ba/Icon-mmochampion-22x22.png */ ul.elinks li.wowdb { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/d/da/Icon-wowdb-22x22.png'); } /* updated image loc; old loc: //images4.wikia.nocookie.net/__cb1/wowwiki/images/d/da/Icon-wowdb-22x22.png */ ul.elinks li.wowhead { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/6/6e/Icon-wowhead-22x22.png'); } /* updated image loc; old loc: //images1.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://vignette.wikia.nocookie.net/wowwiki/images/f/ff/Icon-thottbot-22x22.png'); } /* updated image loc; old loc: //images3.wikia.nocookie.net/__cb1/wowwiki/images/f/ff/Icon-thottbot-22x22.png */ ul.elinks li.tcgbrowser { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/3/3c/Icon-wowtcgbrowser-22x22.png'); } ul.elinks li.wowus { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/9/9c/Icon-wowus-22x22.png'); } /* updated image loc; old loc: //images4.wikia.nocookie.net/__cb1/wowwiki/images/9/9c/Icon-wowus-22x22.png */ ul.elinks li.woweu { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/1/17/Icon-woweu-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://vignette.wikia.nocookie.net/wowwiki/images/2/21/Alliance_15.png'); } span.horde-link { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/c/c4/Horde_15.png'); } span.neutral-link { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/c/cb/Neutral_15.png'); } span.both-link { background-image: url('https://vignette.wikia.nocookie.net/wowwiki/images/9/97/Both_15.png'); } span.combat-link { background-image: url('https://vignette.wikia.nocookie.net/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; }

/* 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://vignette.wikia.nocookie.net/wowwiki/images/a/a4/HallowedBackground.jpg) top center fixed; } /* update image loc; old loc: //images3.wikia.nocookie.net/__cb1/wowwiki/images/a/a4/HallowedBackground.jpg */ 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://vignette.wikia.nocookie.net/wowwiki/images/4/4d/WinterVBackground.jpg) top center fixed; } /* update image loc; old loc: //images2.wikia.nocookie.net/__cb1/wowwiki/images/4/4d/WinterVBackground.jpg */ 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://vignette.wikia.nocookie.net/wowwiki/images/1/15/BlizzConBackground.jpg') top center fixed; } /* update image loc; old loc: //images2.wikia.nocookie.net/__cb1/wowwiki/images/1/15/BlizzConBackground.jpg */

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("") no-repeat right center !important;*/ /*url("") no-repeat right center !important;*/ /*url("") no-repeat right top !important;*/ /*url("") no-repeat right top !important;*/ /*url("") no-repeat right top !important;*/ url("") no-repeat right center !important; /*url("") no-repeat right center !important;*/ /*url("") no-repeat right center !important;*/ /*url("") no-repeat right top !important;*/ /*url("") no-repeat right top !important;*/ }

/* 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:#ff0000; } /* Previous #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:not(.wordmark) { 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; } table.darktable tr:first-child th.alttitle { background-color:#214a6e; }

/*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; } .zebra > td, table.darktable > tbody > tr:nth-child(2n+1) { background-color:#2c2c2c; } .zebra > th, .darktable tr:nth-child(2n+1) th { background-color:#19324c !important; } /* use lighter headings for darktable */ 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 - originally from 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, .qc-artifact a.new { color: #e6cc80 !important; } .qc-heirloom, .qc-heirloom a, .qc-heirloom a:visited, .qc-heirloom a.new { color: #00ccff !important; } /* Aqua Cyan */ .qc-oldheirloom, .qc-oldheirloom a, .qc-oldheirloom a:visited, .qc-oldheirloom a.new { color: #e6cc80 !important; } /* Pre-Legion (Light Gold): */ .qc-legendary, .qc-legendary a, .qc-legendary a:visited, .qc-legendary a.new { color: #ff8000 !important; } .qc-epic, .qc-epic a, .qc-epic a:visited, .qc-epic a.new { color: #a335ee !important; } .qc-rare, .qc-rare a, .qc-rare a:visited, .qc-rare a.new { color: #0070ff !important; } .qc-uncommon, .qc-uncommon a, .qc-uncommon a:visited, .qc-uncommon a.new { color: #1eff00 !important; } .qc-common, .qc-common a, .qc-common a:visited, .qc-common a.new { color:#FFF !important; }      /* common quality changed to white */ .qc-poor, .qc-poor a, .qc-poor a:visited, .qc-poor a.new { color: #9d9d9d !important; }

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

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

.speciallink { color:#eee; }

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

/* Other Item */ .item-type { color:#0f0; font-size:80%; vertical-align:super; }

/* 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-demonhunter, .cc-demonhunter a, .cc-demonhunter a:visited { color: #A330C9; } /* Subject to change */ .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; }

/* Patch release status links */ .patch-release-status-alpha > a:link, .patch-release-status-alpha > a:visited { color:aquamarine; } .patch-release-status-beta > a:link, .patch-release-status-beta > a:visited { color:cyan; } .patch-release-status-beta-ptr > a:link, .patch-release-status-beta-ptr > a:visited { color:violet; } .patch-release-status-nyi > a:link, .patch-release-status-nyi > a:visited { color:teal; } .patch-release-status-nyr > a:link, .patch-release-status-nyr > a:visited { color:purple } .patch-release-status-ptr > a:link, .patch-release-status-ptr > a:visited { color:mediumvioletred; }

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

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; }
 * 1) WikiaPage a:hover, .color2 a:hover {             /* VISITED */

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

/******************************************/ /***  Extension - Portable Infoboxes   ***/ /******************************************/ /* OVERALL PORTABLE INFOBOX */ .portable-infobox { /* width: 320px; */ border-width: 1px; border-style: solid; }

/* background */ .portable-infobox.pi-background { background: #202020; }

/* border */ .portable-infobox, .portable-infobox .pi-border-color { border-color: #606060; }

/* TITLE - FONT SIZE, FONT COLOR, BACKGROUND */ .portable-infobox .pi-title { background: #113A5E; margin: 0.3em; font-weight: bolder; text-align: center; font-size: medium; }

/* Secondary, equivalent titles */ .portable-infobox .pi-title ~ .pi-title { background: inherit; text-align: center; font-size: smaller; margin: 0.1em; padding: 0; font-weight: normal; color: #606060; } .portable-infobox .pi-title + .pi-header { margin: 0.3em; padding: 0; }

/* Navigation areas */ .portable-infobox .pi-navigation { background: #202020; text-align: center; }

.portable-infobox .pi-navigation:last-child { background: #112A44; margin: 0.3em; padding: 0; }

/* Changes margin of images */ .portable-infobox .pi-image { margin: 0 0.3em; }

/* Dynamically width of images */ .portable-infobox .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox .pi-caption { text-align: center; font-variant: normal; }

/* HEADER ONLY */ /* background */ .portable-infobox .pi-header { background: #112A44; text-align: center; }

/* Left column width and align */ .portable-infobox .pi-data-label { flex-basis: 165px; text-align: left; }

/* Right column align */ .portable-infobox .pi-data-value { text-align: right; }

.portable-infobox .pi-horizontal-group-item.pi-data-label, .portable-infobox .pi-horizontal-group-item.pi-data-value { text-align: center; }

/* PORTABLE INFOBOX THEMES */ /* must come after overall PI code, otherwise they will be overridden. */ .portable-infobox.pi-theme-town .pi-smart-group .pi-data-label.pi-smart-data-label { display: none; } .portable-infobox.pi-theme-town .pi-smart-group .pi-data-value.pi-smart-data-value { text-align: center; border: none; } .portable-infobox.pi-theme-patch .pi-title ~ .pi-title { background: #112A44; color: inherit; text-align: center; font-size: larger; font-weight: bolder; } .portable-infobox.pi-theme-patch .pi-smart-data-label.pi-data-label { background: #112A44; text-align: center; } .portable-infobox.pi-theme-patch .pi-smart-data-value.pi-data-value { text-align: left; } /* 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%; }

/* This block violates ToU (altering Mercury) and should be removed ASAP */ .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; }