MediaWiki:Hydradark.css

/** GAMEPEDIA FIXES **/ /* It's also a pixel too far down on high-density displays */
 * 1) 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 */
 * 1) global-wrapper #p-logo {top: -150px}

/* Netbar: pad right-most elements to avoid awkward scroll bar interaction */ .netbar-box.user > .dropdown > li {padding-right: 1.5em; padding-left: 0.75em}
 * 1) netbar .netbar-box.user {padding: 0 1.5em}

/* visual centering of alerts/notices buttons in netbar */
 * 1) netbar .netbar-box.echo {padding-right: 0.8em}

/* Notification positioning is awkward in combination with the top bar */ .mw-notification {font-size: 0.90em}
 * 1) mw-notification-area {top: 1.5em; right: 1px}

/* Header flicker as collapsible navigation is slow to load */
 * 1) mw-panel #p-portals #p-Navigation_Portals > div.body {background-image: none; padding-top: 0}
 * 2) mw-panel.collapsible-nav div.portal:not(.first) {margin-left: 0}

/* Logo size constraints */
 * 1) p-logo a { background-size: contain; }

/* to remove the external link icon from sortable tables */
 * 1) 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 */
 * 1) n-Twitter, #n-Facebook {display: inline; position: relative; top: -1px}
 * 2) 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} .mpheaderlink {color: #E0E0E0}
 * 1) ptabs a .inactivetab, #ptabs strong .inactivetab {background: #282828; color: #E0E0E0}
 * 2) ptabs a .inactivetab:hover, #ptabs strong .inactivetab:hover {background: #383838; color: #E0E0E0}
 * 3) ptabs .activetab {background: #181818; color: #F0F0F0}

/* Versions tabs (versions, faction disambiguation) */
 * 1) versions-header-tabs a {background: #282828; color: #E0E0E0}
 * 2) versions-header-tabs a.inactivetab:hover {background: #303030; color: #808080}
 * 3) versions-header-tabs .activetab {background: #181818; color: #F0F0F0}
 * 4) versions-header-tabs .activetab.hordetab {color: #A62121}
 * 5) versions-header-tabs.item-versions a.inactivetab {border: 1px solid #404040; color: #a0a0a0}
 * 6) 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} .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} .cc-rogue, .cc-rogue a {color: #FFF569} .cc-priest, .cc-priest a {color: #F0F0F0} .cc-monk, .cc-monk a {color: #00FF96} .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 */ display: none; }
 * 1) p-sharing {

/* Buttons */ .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: #634702; color: black; border: 1px solid #8a6302; }	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; }
 * 1) wpPreview, #wpDiff {

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


 * 1) 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; }


 * 1) 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; }


 * 1) ca-purge { display:none; }