Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/** GAMEPEDIA FIXES **/
/* It's also a pixel too far down on high-density displays */
#left-navigation, #right-navigation { margin-top: 2.49em }
/* JS shifts navigation below content when a tab in a small window is opened in the background. */
@media screen and (min-width: 721px) {
#mw-panel { position: absolute !important; }
}
/* Special:SpecialPages text getting cut off */
.mw-specialpages-table {margin:0px !important }
.atflb, .btflb, .footer-ad-medRect {overflow: hidden}
/* Logo clips content area when left navigation is squeezed */
@media screen and (max-width: 981px) {
#global-wrapper #p-logo {left: -0.1em}
}
/* Gamepedia netbar is too close to wiki logo */
#global-wrapper #p-logo {top: -150px}
/* Netbar: pad right-most elements to avoid awkward scroll bar interaction */
#netbar .netbar-box.user {padding: 0 1.5em}
.netbar-box.user > .dropdown > li {padding-right: 1.5em; padding-left: 0.75em}
/* visual centering of alerts/notices buttons in netbar */
#netbar .netbar-box.echo {padding-right: 0.8em}
/* Notification positioning is awkward in combination with the top bar */
#mw-notification-area {top: 1.5em; right: 1px}
.mw-notification {font-size: 0.90em}
/* Header flicker as collapsible navigation is slow to load */
#mw-panel #p-portals #p-Navigation_Portals > div.body {background-image: none; padding-top: 0}
#mw-panel.collapsible-nav div.portal:not(.first) {margin-left: 0}
/* Logo size constraints */
#p-logo a { background-size: contain; }
/* to remove the external link icon from sortable tables */
#bodyContent a.sortheader { background: none; padding-right: 0; }
/* Social icons inlined */
.socialSidebar {
overflow: hidden;
text-align: center;
width: 150px;
}
.socialSidebar .socialLink, .socialSidebar .socialLink a, .socialSidebar .socialLink a img {
width: 32px;
}
.socialSidebar .socialLink {
display: inline-block;
margin: 2px;
}
/* Twitter/Facebook navigation bar links */
#n-Twitter, #n-Facebook {display: inline; position: relative; top: -1px}
#n-Facebook::before {content: " / "; color: #666}
/** ACTUAL SITE CSS **/
/* Main page - WoW Classic logo */
.skin-hydradark .mp-lightimg { display: none; }
/* Special: Pages */
.newpage, .mw-plusminus-pos {color: #16BF0A}
.mw-plusminus-neg {color: #BF550A}
/* Portal: Pages */
.bg-darkred {background:#1A1616}
.bg-darkgreen {background:#161A16}
.bg-darkblue {background:#16181D}
.bg-darkgray {background:#181818}
.bg-darkred, .bg-darkgreen, .bg-darkblue, .bg-darkgray {border-style: none}
.mpcontentbox > h3 {border-color: #303030}
#ptabs a .inactivetab, #ptabs strong .inactivetab {background: #282828; color: #E0E0E0}
#ptabs a .inactivetab:hover, #ptabs strong .inactivetab:hover {background: #383838; color: #E0E0E0}
#ptabs .activetab {background: #181818; color: #F0F0F0}
.mpheaderlink {color: #E0E0E0}
/* Versions tabs (versions, faction disambiguation) */
#versions-header-tabs a {background: #282828; color: #E0E0E0}
#versions-header-tabs a.inactivetab:hover {background: #303030; color: #808080}
#versions-header-tabs .activetab {background: #181818; color: #F0F0F0}
#versions-header-tabs .activetab.hordetab {color: #A62121}
#versions-header-tabs.item-versions a.inactivetab {border: 1px solid #404040; color: #a0a0a0}
#versions-header-tabs.item-versions a.activetab {border: 1px solid #997708}
/* Content templates */
.greybar {background-color: #202020; border-color: #383838; color: #e0e0e0}
.speciallink {color: #F0F0F0}
.qc-common, .qc-common a {color: white}
.qc-uncommon, .qc-uncommon a {color: #1EFF00}
.qc-enchant, .qc-enchant a {color: #FFD100}
.qc-artifact, .qc-artifact a {color: #E6CC80}
.qc-heirloom, .qc-heirloom a, .qc-token, .qc-token a { color: #00CCFF; }
.darktable, .darkbox, div.forumheader {background-color: #181818; border-color: #383838}
table.stylish td:not(:first-child) { border-color:#383838; }
.navbox, .navbox-subgroup {background-color: #181818; border-color: #383838}
table.navbox {border-color: #383838}
.navbox-even, .alt, .darktable .alt, .rowtitle, .darktable .rowtitle, .darkbox .alt {background-color: #202020}
.navbox-list {border-color: #181818}
table.zebra.darktable > tbody > tr:nth-child(2n+1), table.zebra.darkbox > tbody > tr:nth-child(2n+1) {background-color: #202020}
table.zebra> tbody > tr:nth-child(2n+1), table.zebra.darkbox > tbody > tr:nth-child(2n+1) {background-color: #282828}
table.darktable th, table.darkbox th, .navbox-title, table.navbox th, table.stylish td:first-child {background-color: #062540}
table.darktable td.title, .darkbox td.title {background-color: #303030}
table.darktable tr:not(:first-child) th, table.darkbox tr:not(:first-child) th, .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #072C4D}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {background-color: #282828}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {background-color: #282828}
div#content .title {background-color: #202020}
.ambox {background-color: #282828; border-top-color: #383838; border-bottom-color: #383838; border-right-color: #383838}
.ambox-gray {border-left-color: #383838}
table.wwusrbox {background-color: #282828; border-color: #383838}
table.wwusrbox td.main {font-size: 0.85em}
table.wwusrbox td.left, table.wwusrbox td.right {background-color: #303030}
div.book { border-color: #383838; background-color: #282828}
div.NavFrame div.NavHead {background-color: #062540}
.wowboxbg {background-color: #303030}
.blizztext, .text-blizz {color: #00C0FF}
.blizztext a, .text-blizz a {color: #E0E0E0}
.text-say {color: #E6E68E}
.infobox .mid-header {background-color: #303030;}
/* Template:reputation */
.rep-hated {color: #cc2222}
.rep-hostile {color: red}
.rep-unfriendly {color: #ee6622}
.rep-neutral {color: yellow}
.rep-friendly {color: lime}
.rep-honored {color: #00ff88}
.rep-revered {color: #00ffcc}
.rep-exalted, .rep-paragon {color: cyan}
.factiontable {background-color: #282828; border: 2px solid #282828}
.factiontable tr {background-color: #181818}
.factiontable.alliance th, .factiontable.alliance td.factionbg {background-color: #143A66}
.factiontable.horde th, .factiontable.horde td.factionbg {background-color: #661111}
.abilitylink {color: #7ad5ff}
.repspanbar {background: #002040; border-width: 1px; border-style: solid; border-color: #204080 #001030 #001030 #204080}
/* Extensions */
ol.references > li:target, body sup.reference:target {background-color: #183018}
.CategoryTreeEmptyBullet {color: #404040}
.CategoryTreeToggle {color: #f0a000}
.forumlist td.forum_title a.forum_new:before {color: #FFD919;}
.forumlist td.forum_title a.forum_new:visited:before {color: #484848;}
/* Abuse filter */
td.mw-abusefilter-diff-context, td.diff-context div { background-color: #202020; }
.mw-abuselog-details { background: #303030 !important; }
.mw-abuselog-details th, .mw-abusefilter-history-changed { background: transparent !important; }
/* Template:Coords error highlighting */
.broken.coords-link sup {background-color: #600000; padding: 1px}
/* "Temporary" fixes for skin and extension issues */
body.skin-hydradark div.login-intro h3 {color: #e0e0e0}
body.skin-hydradark #mw-panel {padding-top: 1em}
body.skin-hydradark #userloginForm, body.skin-hydradark #userlogin {background-color: transparent}
body.mw-special-Editcount #editcount table table {background: #202020 !important; border-color: #303030 !important}
body.mw-special-Editcount #editcount table table th {background: #303030}
body.skin-hydradark div.vectorTabs > ul > li:not(.selected) {background-color: #181818}
/** STAGING: should be in site skin .css **/
body.skin-hydradark .mw-notification {background: #202020; border-color: #404040; color: #e0e0e0}
body.skin-hydradark img.thumbborder {border-color: #404040;}
.skin-hydradark #mw-panel.collapsible-nav .portal h3, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a {color: #D99B00}
/* Search form */
.skin-hydradark fieldset#mw-searchoptions, .skin-hydradark .mw-search-profile-tabs {background-color: rgba(0, 0, 0, 0); border: 1px solid #404040;}
fieldset#mw-searchoptions {border-color: #404040 !important;}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {color: #e0e0e0;}
/* Sharing menu */
#p-sharing {
display: none;
}
/* Buttons */
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #634702;
color: black;
border: 1px solid #8a6302;
}
#wpPreview, #wpDiff {
background: #D99B00;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
border-color: #8a6302;
}
.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background: #FF9900;
color: white;
border: 1px solid #FF9900;
}
/* Remove sidebar lines */
div#mw-panel div.portal,
div#mw-panel div.portal div.body,
.skin-hydradark #mw-panel.collapsible-nav .portal {
background-image: none;
}
/* Visual Editor */
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background-color: rgba(255,255,255,0.2);
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
background-color: rgba(255,255,255,0.2);
}
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
filter: invert(100%);
}
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
filter: invert(100%);
}
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
background-color: #282828 ;
}
.oo-ui-indicator-down {
background-image: linear-gradient(transparent,transparent),url(https://static.wikia.nocookie.net/commons_hydra/images/0/00/Light_down_arrow.svg);
filter:none;
}
.oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {vertical-align: middle; display: inline-block;}
.oo-ui-popupWidget .oo-ui-popupWidget-popup {background: #181818}
/* Thumbnails */
html .thumbimage { background-color: transparent; }
#netbar a { color: #d8d8d8; }
.cargoTable {
color: #E0E0E0;
background: #181818;
border: 1px solid #383838;
padding: 5px;
margin: 0.5em 0em 1em 0.5em;
}
.cargoTable th {
background-color: #062540;
}
table.cargoTable tr:nth-child(even), table.cargoTable td.even {
background: rgba(0, 0, 0, 0);
}
.cargoTable > tbody > tr:nth-child(2n+1), table.cargoTable td.odd {
background-color: #202020;
}
table.cargoTable td {
border: 0;
}
.mw-json tr {
background-color: #212020;
}
.mw-json th {
background-color: #101010;
}
.mw-json .value, .mw-json-single-value {
background-color: #424242;
}
.feature {
/*background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.5);*/
border-radius: 5px;
padding: 10px;
}
.mw-apisandbox-fullscreen #mw-apisandbox-ui {
background: #202020;
color: #fff;
z-index: 1002;
}
.mwe-popups { background: #202020; }
.mwe-popups .mwe-popups-container, .mwe-popups .mwe-popups-extract { color: #fff; }
.mwe-popups .mwe-popups-extract[dir='ltr']:after { background-image: linear-gradient(to right,rgba(32, 32, 32, 0),#202020 50%); }
.mwe-popups.flipped_y:before { border-top: 8px solid #202020; }
.mwe-popups.flipped_y:after { border-top: 11px solid #202020; }
.mwe-popups.flipped_x_y:before { border-top: 9px solid #202020; }
.mwe-popups.flipped_x_y:after { border-top: 12px solid #202020; }
.mwe-popups.mwe-popups-image-tri:before { border-bottom: 9px solid #202020; }
.mwe-popups.mwe-popups-no-image-tri:before { border-bottom: 8px solid #202020; }
.mwe-popups.mwe-popups-no-image-tri:after { border-bottom: 11px solid #202020; }
.mwe-popups.mwe-popups-image-tri:after { border-bottom: 12px solid #202020; }
.mwe-popups.mwe-popups-image-tri.flipped_x:before { border-bottom: 9px solid #202020; }
.mwe-popups.mwe-popups-image-tri.flipped_x:after { border-bottom: 12px solid #202020; }
.mwe-popups.flipped_x.mwe-popups-is-tall:before { border-bottom: 9px solid #202020; }
.mwe-popups.flipped_x_y.mwe-popups-is-tall:before { border-top: 9px solid #202020; }
.mwe-popups.flipped_x_y.mwe-popups-is-tall:after { border-top: 12px solid #202020; }
#searchlog th { background: #36c; }
.mw-mmv-post-image, .mw-mmv-image-metadata {
background-color:#202020;
color:#E0E0E0;
}
.mw-mmv-image-metadata { border-top:1px solid #FF9900; }
.mw-mmv-image-links li { color:#E0E0E0; }
.mw-ui-button {
background-color: #333;
color: #E0E0E0;
border: 1px solid #FF9900;
}
.mw-ui-button:hover {
background-color: #444;
color: #fff;
border-color: #ffb74c;
}
.mw-ui-button:visited {
color: #fff;
}
.mw-changeslist-user-experienced .unpatrolled { color: #ff9900; }
.mw-mmv-dialog {
background-color: #202020;
box-shadow: none;
}
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link { color: #fff; }
.mw-mmv-download-pane .mw-mmv-download-attribution {
color:#fff;
background-color:#202020;
}
.mw-mmv-download-pane .mw-mmv-download-attribution:hover {
background-color: #333;
color: #fff;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: #202020;
box-shadow: none;
}
/* Tabber styling */
.tabberlive .tabbertab,
.tabber .tabbertab {
/* border-color: #505050; */ /* If you keep all borders the same */
/* border-style: solid; */ /* If you keep all borders the same */
/* border-width: 1px; */ /* If you keep all borders the same */
-moz-border-bottom-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-left-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-right-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-top-colors: transparent; /* This should match your general choice of border color */
border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-top-color: transparent; /* This should match your general choice of border color */
border-image: none;
border-style: solid none none;
border-width: 1px medium medium;
}
ul.tabbernav {
border-bottom: none;
padding: 0;
}
ul.tabbernav li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #000000; /* This should match your general choice of background color */
border: 1px solid #505050; /* This should match your general choice of border color */
border-image: none;
border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
ul.tabbernav li {
display: inline;
list-style: none outside none;
margin: 0 0 0 7px;
}
ul.tabbernav li a:link {
color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}
ul.tabbernav li a:hover {
background: none repeat scroll 0 0 #000000;
border-color: #505050; /* This should match your general choice of border color */
color: #FFFFFF;
}
ul.tabbernav li.tabberactive a {
background-color: #000000;
color: #FFFFFF;
}
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
background-color: #000000;
border-bottom: 1px none;
padding: 2px 0.5em 4px;
color: #fff;
}
ul.tabbernav {
text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
.mw-highlight .nc { color: #7777ff; }
.mw-highlight .nn { color: #bdbdbd; }
table.stylish td:first-child { box-shadow: 1px 1px 1px #000; }
table.stylish td:first-child a, table.stylish td:first-child a:visited { color:#fff; }
.fpbox .heading,
.fpbox .mainheading {
border: 0;
border-bottom: 1px solid #505050;
}
.fpbox {
background: rgba(0, 0, 0, 0.05);
border: 1px solid #505050;
box-shadow: 0 2px 5px #505050;
}
.ClassLink a, .ProfLink a, div.RaceLink a { /* Template:Class, Template:Profession, Template:Race */
color: #fff;
}
a.mw-collapsible-text { color: #fff; }
.mw-rcfilters-ui-filterMenuOptionWidget { background-color: #202020; }
#ca-purge { display:none; }
.skin-hydradark .mw-indicator .amdiv { height: 50px; top: -17px; width: 40px; }
.skin-hydradark .mw-indicator .amdiv .amdiv-text { font-size: 90%; margin: 5px 10px; }