MediaWiki:Hydradark.css

/* CSS placed here will affect users of the Vector skin */ /* For elements which are only displayed in the mobile view */ .mobileonly { display: none; }

/* Custom fonts */ @font-face { font-family: "Fontawesome-webfont"; src: local("Fontawesome-webfont"), local("Fontawesome-webfont"), url("/media/hydra/fonts/fontawesome-webfont.ttf") format("truetype"); }

@font-face { font-family: "Ufonts.com_agency-fb-bold"; src: local("Ufonts.com_agency-fb-bold"), local("Ufonts.com_agency-fb-bold"), url("/media/hydra/fonts/ufonts.com_agency-fb-bold.ttf") format("truetype"); }

/* Framework */ body { background: url("https://static.wikia.nocookie.net/7daystodie_gamepedia/images/2/20/7dtd_background.jpg/revision/latest") no-repeat fixed top center #050505; background-size: cover; }

body #pageWrapper { margin-right: 10px; }

/* Head */ div#mw-page-base { background-color: rgba(0, 0, 0, 0); background-image: none; }

background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom: 0px; }
 * 1) mw-head-base {

/* Tabs */ margin-right: 0.5em; margin-top: 3em; }
 * 1) left-navigation {

margin-right: 0.5em; margin-top: 3em; }
 * 1) right-navigation {

padding-top: 19px; }
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {

div#simpleSearch { margin-top: -0.25em; }

div.vectorTabs { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs span { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs li.selected { background-color: rgba(0, 0, 0, 0); background-image: none; color: #5fa397; }

div.vectorTabs ul { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs ul li { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs li a, div.vectorTabs li a span { color: #000000; font-weight: bold; }

div.vectorMenu h3 span { color: #000000; font-weight: bold; padding-left: 0.7em; padding-top: 0.2em; }

div.vectorMenu h3 span:after { top: 0.4em; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #ffffff; text-decoration: none; font-weight: bold; }

div.vectorTabs li a { background-image: none; margin-top: -16px; }

div.vectorTabs li span { background: none repeat scroll 0 0 rgba(110, 108, 111, 0.8); display: inline-block; border: 4px solid #000000; border-radius: 8px 8px 8px 8px; font-weight: bold; padding: 2px 10px; margin: 0 3px 0 3px; height: 19px; text-align: center; }

div#mw-head div.vectorMenu h3 { background: none repeat scroll 0 0 rgba(110, 108, 111, 0.8); display: inline-block; border: 4px solid #000000; border-radius: 8px 8px 8px 8px; color: #000000; font-weight: bold; height: 23px; margin-bottom: 0.5em; }

div.vectorMenu div.menu { background-color: #5E5E5E; background-position: relative; border: 1px solid #000000; border-radius: 4px; top: 2.25em; }

div.vectorMenu ul { background-color: rgba(0, 0, 0, 0); border: none; }

div.vectorMenu li a { color: #e0e0e0; }

div#mw-head div.vectorMenu h4 { color: #d0d0d0; }

/* Sidebar */ div#mw-panel div.portal h3, div#mw-panel div.portal h3:visited, color: #FFFFFF; font-weight: bold; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link { color: #ffffff; }

div#mw-panel div.portal div.body, div#mw-panel div.portal { background-image: none; }
 * 1) mw-panel.collapsible-nav .portal,

/* social media add-on fix */ div#mw-panel div.portal#p-socialProfiles { background: none; border: none; padding: 0; margin: 10px 0; }

.promoSidebar { margin-left: 10px; }

div#mw-panel div.portal#p-socialProfiles h5, div#mw-panel div.portal#p-sitePromos h5 { display: none; }

div#mw-panel div.portal#p-socialProfiles div.body, div#mw-panel div.portal#p-sitePromos div.body { background: none; padding: 0; margin-left: 0 !important; text-align: center; }

.socialSidebar { width: auto; max-width: 100%; }

/* Content */ div#content { background: none repeat scroll 0 0 rgba(80, 80, 80, 0.95); border: 4px solid #000000; border-radius: 11px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); box-sizing: border-box; color: #dedede; }

font-size: 0.9em; }
 * 1) bodyContent {

color: #050505; }
 * 1) contentSub, #contentSub2 {

.autocomment { color: black; }

div.floatright, table.floatright { clear: left; }

h1, h2, h3, h4, h5, h6 { color: #d2d2d2; }

a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, label.toctogglelabel { color: #cfc59e; }

a.new, color: #fc0000; }
 * 1) p-personal a.new {

ul { list-style-image: url("https://static.wikia.nocookie.net/7daystodie_gamepedia/images/7/7a/Bullet.png/revision/latest"); }

code { background-color: #aaa9a8; color: #000000; }

pre { background: none repeat scroll 0 0 #222222; border: 1px dashed rgba(0, 0, 0, 0.2); color: #b4b4b4; }

code a, pre a { color: #ffffff !important; }

/* Footer */ div#footer { background-image: none; }

div#footer a { color: #c2c2c2; }

div#footer ul li { color: #ffffff; }

.catlinks, ul#filetoc, .mw-search-profile-tabs, fieldset#mw-searchoptions, .toc, .mw-warning, .toccolours { -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 rgba(255, 255, 255, 0.1); border-bottom: medium none !important; border-image: none; border-left: 2px solid rgba(0, 0, 0, 0.2); border-radius: 11px 11px 11px 11px; border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); padding: 10px; }
 * toc,

/* Allow parts of toc to be hidden for the Version history page */ /* Section levels and Numbers */ body.page-Version_history .toclevel-3 ul li, body.page-Version_history .tocnumber { display: none; }

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

fieldset { border: 1px solid #d01b14; }

.htmlform-tip { color: #154D43; }

/* tables */ table.wikitable, background: none repeat scroll 0 0 transparent; }
 * 1) claimlist {

color: #000000; }
 * 1) claimlist .approved a {

color: #545454; }
 * 1) claimlist .approved td {

right: 24px; top: -24px; }
 * 1) claimlist .controls_container > .dropdown {

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #000000; text-align: center; }

.wikitable th, #claimlist th, background-color: #000000; border: 1px solid #050505; color: #ffffff; padding: 0.2em; }
 * 1) claimlist .sortable th.unsortable {

background-color: #3b3b3b; }
 * 1) claimlist .sortable th:hover {

.wikitable td, border: 1px solid #050505; color: #d0d0d0; padding: 0.2em; }
 * 1) claimlist td {

.wikitable tr:nth-child(2n/**/+1) { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); }

.wikitable tr:nth-child(2n) { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.TablePager, .mw-datatable { color: #d0d0d0; border: 1px solid #050505; padding: 0 0.15em; }

table.mw_metadata td { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border: 1px solid #050505; }

.TablePager th, .mw-datatable th, table.mw_metadata th { background-color: #000000; color: #ffffff; border: 1px solid #050505; padding: 0 0.15em; }

.TablePager tr:hover td, .mw-datatable tr:hover td { background-color: #000000 !important; color: #ffffff; }

.TablePager tr:hover td a, .mw-datatable tr:hover td a { background-color: rgba(0, 0, 0, 0.2) !important; color: #d0d0d0; }

.TablePager th a, .mw-datatable th a { background-color: #000000; color: #FFFFFF !important; } .TablePager td, .mw-datatable td { background-color: rgba(0, 0, 0, 0); border: 1px solid #050505; color: #d0d0d0; }

.skin-hydradark table.cargoTable { border:0; }

.skin-hydradark table.cargoTable td	{ background-color: #4d4d4d; text-align: center; vertical-align: middle; height:35px; border-style: solid; border-width: 1px; border-color: black; font-size: 15px; }

.skin-hydradark table.cargoTable tbody tr	{ border-width: 2px; border-style: solid; border-color: black; }

.skin-hydradark table.cargoTable th	{ background-color: #6d2c2c; padding:5px 26px 5px 10px; border-width: 3px 2px 3px 3px; border-style: solid; border-color: black; }

/* Preferences */ .client-js #preftoc { background-color: rgba(0, 0, 0, 0); border: 0px; margin: 0 0 4px !important; }

.client-js #preftoc, .client-js #preftoc li, .client-js #preferences, .client-js #preftoc li a { background-color: rgba(0, 0, 0, 0); background-image: none; color: #c0c0c0; }

.client-js #preftoc li.selected a { background-color: rgba(0, 0, 0, 0.2); background-image: none; border-color: #050505; border-style: solid solid none; border-width: 1px 1px medium; color: #FFFFFF; }

.client-js #preferences { background-color: rgba(0, 0, 0, 0); border: 1px solid #050505; }

.client-js #preferences fieldset { border-color: #050505; }

.client-js #preferences legend { color: #e0e0e0; }

.client-js #preferences td.htmlform-tip { color: #c0c0c0; }

/* Page history */ table.diff, td.diff-ntitle, td.diff-otitle { background-color: rgba(0, 0, 0, 0); border: 1px solid #aaaaaa; }

td.diff-context { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-color: #E6E6E6; color: #dedede; }

background-color: rgba(0, 0, 0, 0); border: 1px solid #050505; padding: 3px; }
 * 1) pagehistory li {

background-color: rgba(0, 0, 0, 0.2); background-image: none; border: 1px dashed #050505; color: #e0e0e0; padding: 3px; }
 * 1) pagehistory li.selected {

.mw-plusminus-pos { color: #00ff00; }

.mw-plusminus-neg { color: #ff0000; }

td.diff-deletedline { background-color: #FFE49C; border-color: #FFE49C; color: #000000; }

td.diff-addedline { background-color: #A3D3FF; border-color: #A3D3FF; color: #000000; }

td.diff-addedline .diffchange { color: #000000; }

.updatedmarker { color: #000000; }

span.comment { color: #e0e0e0; }

/* Thumbnail galleries */ div.thumbinner { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border: 1px solid #050505; }

li.gallerybox div.thumb { background: rgba(0, 0, 0, 0); border: none; }

li.gallerybox { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border: 1px solid #050505; }

/* custom headers and sections */ .heading { background-color: #383838 !important; background-image: -moz-linear-gradient(left, #383838 0%, #919191 100%); background-image: -webkit-gradient(linear, left, left bottom, color-stop(0%,#383838), color-stop(100%,#919191)); background-image: -webkit-linear-gradient(left, #383838 0%, #919191 100%); background-image: -o-linear-gradient(left, #383838 0%, #919191 100%); background-image: -ms-linear-gradient(left, #383838 0%, #919191 100%); background-image: linear-gradient(to right, #383838 0%, #919191 100%) repeat scroll 0 0 transparent; color: #ffffff; font-family: "Ufonts.com_agency-fb-bold"; font-size: 150%; font-weight: bold; letter-spacing: 1px; margin: 0 0 10px; padding: 0.2em 0.4em; text-shadow: 1px 1px 1px #000000; width: auto; }

.feature { -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 rgba(255, 255, 255, 0.1); border-bottom: medium none !important; border-image: none; border-left: 2px solid rgba(0, 0, 0, 0.2); border-radius: 11px 11px 11px 11px; border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); color: #dedede; padding: 10px; margin-bottom: .5em; }

/* multi-upload screen font colour fix */ margin-left: 10px; }
 * 1) upload-list .file .file-title {

.check-span { color: #1D1D1D; float: right; }

/* Move asirra challenge pop-up image down when content overflow is hidden */

margin-top: 100px; margin-left: 350px; }
 * 1) asirra_EnlargedDiv {

/* Echo notification colour tweak */ .mw-echo-content a { color: #154D43; text-decoration: underline; }

.mw-echo-overlay { background-color: #000000; border: 1px solid #1d1d1d; color: #FFFFFF; } .mw-echo-overlay-pokey { background-image: url("https://static.wikia.nocookie.net/7daystodie_gamepedia/images/9/9e/Pokey.png/revision/latest"); } .mw-echo-overlay-title, .mw-echo-overlay li.mw-echo-notification, border: 1px solid #1D1D1D; }   border-left: 1px solid #1D1D1D; } .mw-echo-overlay .mw-echo-grey-link a { color: #FFFFFF; } .mw-echo-overlay .mw-echo-grey-link:hover a { color: #154D43 !important; } .mw-echo-notifications { border: 1px solid #1d1d1d; }
 * 1) mw-echo-overlay-footer {
 * 1) mw-echo-overlay-pref-link {

.mw-echo-overlay li.mw-echo-notification, .mw-echo-overlay li.mw-echo-notification.mw-echo-unread { background-color: #000000; }

background-color: rgba(255, 255, 255, 0.1); } .mw-echo-overlay li.mw-echo-notification:hover, .mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover { background-color: #121212; }
 * 1) mw-echo-special-container .mw-echo-notification,
 * 2) mw-echo-special-container .mw-echo-notification.mw-echo-unread {

background-color: rgba(255, 255, 255, 0.2); } .mw-echo-notification { background-color: #000000; color: #FFFFFF; } .mw-echo-timestamp { color: #000000; } .mw-echo-date-section { border-bottom: 8px solid #154D43; color: #154D43; } .mw-echo-dismiss { background-color: #eeeeee; }
 * 1) mw-echo-special-container .mw-echo-notification:hover,
 * 2) mw-echo-special-container .mw-echo-notification.mw-echo-unread:hover {

.mw-echo-icon-chat { background-image: url("https://static.wikia.nocookie.net/7daystodie_gamepedia/images/c/c2/Chat_icon.png/revision/latest"); } .autocomment { color: #EFEFEF; }

/* wiki editor styling */ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: medium none; }

.wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; }

.wikiEditor-ui-tabs { border-left: 1px solid #000000; border-top: 1px solid #000000; }

.wikiEditor-ui-tabs div { background-color: #777777; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }

.wikiEditor-ui-tabs div.current { background-color: #777777; border-bottom: 1px solid #000000; }

.wikiEditor-ui-tabs div.current a { color: #FFFFFF; }

.wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); border-color: #000000; border-image: none; border-style: solid; border-width: 1px 0 1px 1px; color: #000000; }

.wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #000000; }

.editOptions { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgba(110, 108, 111, 1); border-color: -moz-use-text-color silver silver; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; margin-bottom: 2em; padding: 1em 1em 1.5em; }

input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; }

/* login screen */ .mw-ui-vform label { color: #000000 }

box-shadow: 4px 4px 4px 4px #rgba(0, 0, 0, 0.2); }
 * 1) mw-createaccount-join {

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary { background: none repeat scroll 0 0 #000000; border-color: #000000 -moz-use-text-color; }

/* Abuse filter pages tweaks */ .mw-abusefilter-history-changed { background: rgba(255, 224, 224, 0.3) none repeat scroll 0 0; font-weight: bold; }

/* Achievements page fixes */ background: none repeat scroll 0 0 rgba(255,255,255,0.2); }
 * 1) p-achievement-list {

.achievement_category { background: none repeat scroll 0 0 transparent; }

.achievement_category_select { background: none repeat scroll 0 0 rgba(255,255,255,0.1); }

.achievement_category_select[data-selected="true"] { background: none repeat scroll 0 0 rgba(255,255,255,0.3); }

.p-achievement-row { background: none repeat scroll 0 0 rgba(255,255,255,0.1); color: #000000; }

/* Notifications */ .mw-notification { background-color: #000000; }

.autocomment { color: #EFEFEF; }

/* this CSS governs the responsive 2 column main page layout */

.fpcontent { width: 100%; overflow: hidden; z-index: 1; }

.fpmaybecols { overflow: hidden; margin: -5px 0 -5px 0; }

.fpmaybecols + .fpmaybecols { margin: 0 0 -5px 0; }

.fpbox { -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 rgba(255, 255, 255, 0.1); border-bottom: medium none !important; border-image: none; border-left: 2px solid rgba(0, 0, 0, 0.2); border-radius: 11px 11px 11px 11px; border-right: 2px solid rgba(0, 0, 0, 0.2); border-top: 2px solid rgba(0, 0, 0, 0.2); color: #dedede; padding: 10px; margin-bottom: .5em; }

.fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; }

.fpbox .welcome { border-bottom: 2px solid rgba(0,0,0,0.2); color: #dedede; letter-spacing: 1px; margin: 0 0 10px; padding: 0.2em 0.4em; }

.fpbox .heading { text-align: left; }

.fpbox .heading .smalllink { font-size: 75%; text-align: left; }

.fpbox hr { border: none; border-bottom: 2px solid rgba(0,0,0,0.2); }

@media (min-width: 990px) { .fpcontent { padding-right: 520px; width: auto; }

#fptopsection { float: left; width: 100%; }

#fpflexsection { float: right; width: 520px; margin-right: -520px }

#fpbottomsection { float: left; width: 100%; margin-top: -5px; } }

@media (min-width: 1540px) { #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; }

.fpmaybelcol { float: left; width: 70.886%; }

.fpmaybercol { float: right; width: 29.113%; } }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }

/* Edit saved pop-up */ div.postedit-content { color: #FFFFFF; }

div.mw-rcfilters-ui-changesListWrapperWidget div.mw-changeslist-legend, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-hydradark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; }

.mw-widget-dateInputWidget-handle, .skin-hydradark .mw-widget-dateInputWidget-handle label, .oo-ui-radioInputWidget [type="radio"] + span, .ui-autocomplete-input, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-dropdownWidget, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: rgba(0, 0, 0, 0.5) }

.skin-hydradark .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { background-color: transparent; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span { background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5); }

.oo-ui-checkboxInputWidget [type='checkbox'] + span:hover, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span { border-color: rgba(0, 0, 0, 0.5); }

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span { border-color: rgba(255, 255, 255, 0.5); }

.skin-hydradark #preferences fieldset { border: none; }