MediaWiki:Hydradark.css: Difference between revisions
MediaWiki interface page
More actions
fandomwiki>@DeletedUser40302604 Created page with "Hydradark" |
fandomwiki>@DeletedUser40302604 No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Hydra Dark skin */ | |||
/* For mobile view only */ | |||
.mobileonly { | |||
display: none; | |||
} | |||
/* Hide main page heading */ | |||
body.page-Cobalt_Wiki h1.firstHeading { | |||
display:none; | |||
} | |||
body { | |||
background: url("https://hydra-media.cursecdn.com/cobalt.gamepedia.com/3/30/City.jpg") no-repeat scroll #0E1232; | |||
background-position: left bottom; | |||
background-attachment: fixed; | |||
font: "trebuchet ms", verdana, sans-serif; | |||
margin-right: 10px; | |||
} | |||
#mw-page-base { | |||
background: transparent !important; | |||
} | |||
#mw-head-base { | |||
background: url("https://hydra-media.cursecdn.com/cobalt.gamepedia.com/7/71/Black.png") repeat scroll 0 0 transparent; | |||
border-left: 1px solid #0A78E3; | |||
border-right: 1px solid #0A78E3; | |||
border-top: 1px solid #0A78E3; | |||
border-top-left-radius: 0.5em; | |||
border-top-right-radius: 0.5em; | |||
bottom: 0; | |||
height: 48px; | |||
margin-top: -35px; | |||
} | |||
#left-navigation { | |||
left: 0px; | |||
position: relative; | |||
} | |||
#right-navigation { | |||
float: right; | |||
margin-right: 16px; | |||
position: relative; | |||
} | |||
div.vectorTabs { | |||
background-image: none; | |||
} | |||
div.vectorTabs ul { | |||
background-image: none; | |||
} | |||
div.vectorTabs li a { | |||
background-image: none; | |||
} | |||
div.vectorTabs span { | |||
background-image: none; | |||
} | |||
div.vectorTabs li.selected { | |||
background-color: transparent; | |||
background-image: none; | |||
} | |||
div.vectorTabs ul li { | |||
background-color:transparent; | |||
background-image:none; | |||
} | |||
#mw-head div.vectorMenu h5 { | |||
background-image: none; | |||
} | |||
div.vectorMenu h5 a { | |||
background-image: none; | |||
} | |||
div.vectorTabs li a, div.vectorTabs li a span { | |||
color: #057EAF; | |||
} | |||
div.vectorTabs li.selected a, | |||
div.vectorTabs li.selected a span, | |||
div.vectorTabs li.selected a:visited, | |||
div.vectorTabs li.selected a:visited span { | |||
color: #A6CFFD; | |||
font-weight: bold; | |||
} | |||
div.vectorTabs li.new a, | |||
div.vectorTabs li.new a span, | |||
div.vectorTabs li.new a:visited, | |||
div.vectorTabs li.new a:visited span { | |||
color: #057EAF; | |||
} | |||
div.vectorTabs li a { | |||
background-image: none; | |||
} | |||
#searchInput { | |||
background: #FFFFFF; | |||
border: 1px solid #0A78E3; | |||
border-radius: 0.5em 0.5em 0.5em 0.5em; | |||
color: #000000; | |||
font-size: 92%; | |||
margin: 0; | |||
width: 10.9em; | |||
} | |||
.skin-hydradark div#mw-panel { | |||
width: 150px; | |||
margin-left: -2px; | |||
} | |||
.skin-hydradark div#mw-panel div.portal#p-socialProfiles { | |||
background: none; | |||
margin-left: -8px; | |||
border: none; | |||
} | |||
.skin-hydradark div#mw-panel div.portal#p-socialProfiles h5 { | |||
display: none; | |||
} | |||
.skin-hydradark div#mw-panel div.portal#p-socialProfiles div.body { | |||
background: none; | |||
padding: 0; | |||
} | |||
.skin-hydradark div#mw-panel { | |||
background-image: none; | |||
background-repeat: no-repeat; | |||
} | |||
.skin-hydradark div#mw-panel div.portal h5 { | |||
font-weight: bold; | |||
color: #A6CFFD; | |||
} | |||
.skin-hydradark div#mw-panel div.portal { | |||
background: url("https://hydra-media.cursecdn.com/cobalt.gamepedia.com/7/71/Black.png") repeat scroll 0 0 transparent; | |||
border: 1px solid #0A78E3; | |||
line-height: 1em; | |||
width: 150px; | |||
border-radius: 5px; | |||
-moz-border-radius: 5px; | |||
-webkit-border-radius: 5px; | |||
padding-top: 5px; | |||
} | |||
.skin-hydradark div#mw-panel div.portal div.body { | |||
background-image: none; | |||
} | |||
.skin-hydradark div#mw-panel div.portal div.body ul li a { | |||
color: #A6CFFD; | |||
} | |||
.skin-hydradark #mw-panel div.portal div.body ul li a:hover { | |||
color: #0066EE; | |||
} | |||
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited { | |||
color: #A6CFFD; | |||
} | |||
div#content { | |||
background: url("https://hydra-media.cursecdn.com/cobalt.gamepedia.com/5/5c/Blackx2.png") repeat scroll transparent; | |||
border: 1px solid #0A78E3; | |||
border-top: 0px solid #0A78E3; | |||
border-bottom-left-radius: 0.5em; | |||
border-bottom-right-radius: 0.5em; | |||
color: #A6CFFD; | |||
margin-bottom: 1em; | |||
margin-top: -5px; | |||
padding: 0.3em 1em 1em; | |||
} | |||
div#content a.external { | |||
color: #0A78E3; | |||
} | |||
div#content a.external:visited { | |||
color: #3366BB; | |||
} | |||
h1, h2 { | |||
background: none repeat scroll 0 0 transparent; | |||
border-bottom: 1px solid #A6CFFD; | |||
color: #A6CFFD; | |||
font-weight: normal; | |||
margin: 0; | |||
padding-bottom: 0.17em; | |||
padding-top: 0.5em; | |||
width: auto; | |||
} | |||
h1 { | |||
font-size: 188%; | |||
} | |||
h1 .editsection { | |||
font-size: 53%; | |||
} | |||
h2 { | |||
font-size: 150%; | |||
} | |||
h2 .editsection { | |||
font-size: 67%; | |||
} | |||
h3, h4, h5, h6 { | |||
color: #66C1E6; | |||
border-bottom: medium none; | |||
font-weight: bold; | |||
} | |||
h3 { | |||
font-size: 132%; | |||
} | |||
h3 .editsection { | |||
font-size: 76%; | |||
font-weight: normal; | |||
} | |||
h4 { | |||
font-size: 116%; | |||
} | |||
h4 .editsection { | |||
font-size: 86%; | |||
font-weight: normal; | |||
} | |||
h5 { | |||
font-size: 100%; | |||
} | |||
h5 .editsection { | |||
font-weight: normal; | |||
} | |||
h6 { | |||
font-size: 80%; | |||
} | |||
h6 .editsection { | |||
font-size: 125%; | |||
font-weight: normal; | |||
} | |||
a { | |||
color: #66C1E6; | |||
} | |||
a:visited { | |||
color: #3366BB; | |||
} | |||
a:active { | |||
color: #0066EE; | |||
} | |||
a:hover { | |||
color: #0066EE; | |||
} | |||
table { | |||
color: #A6CFFD; | |||
} | |||
div#footer { | |||
background-image: none; | |||
} | |||
div#footer ul li { | |||
color: #A6CFFD; | |||
} | |||
h4.mw-specialpagesgroup { | |||
background-color: #000000; | |||
border-left: 1px solid #0A78E3; | |||
border-right: 1px solid #0A78E3; | |||
border-top: 1px solid #0A78E3; | |||
margin: 0.3em 0 0; | |||
padding: 2px; | |||
} | |||
.mw-specialpages-table { | |||
margin-bottom: 0; | |||
margin-top: 0; | |||
} | |||
.skin-hydradark #preferences { | |||
background-color: #000000; | |||
background-image: none; | |||
border: 1px solid #0A78E3; | |||
clear: both; | |||
float: left; | |||
margin: -2px 0 0; | |||
width: 100%; | |||
} | |||
.skin-hydradark #preferences fieldset.prefsection fieldset { | |||
background-color: #000000; | |||
} | |||
.skin-hydradark #preftoc li.selected a { | |||
background-image: none; | |||
color: #0A78E3; | |||
text-decoration: none; | |||
} | |||
.skin-hydradark #preftoc { | |||
background-image: none; | |||
} | |||
.skin-hydradark #preftoc a, | |||
.skin-hydradark #preftoc a:active { | |||
background-image: none; | |||
color: #0A78E3; | |||
} | |||
.skin-hydradark #preftoc li { | |||
background-image: none; | |||
} | |||
.skin-hydradark #preferences legend { | |||
color: #057EAF; | |||
} | |||
.skin-hydradark #preferences td.htmlform-tip { | |||
color: #057EAF; | |||
} | |||
.catlinks { | |||
background-color: #000000; | |||
border: 1px solid #551A8B; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
} | |||
.mw-warning { | |||
background-color: #000000; | |||
margin-left: 50px; | |||
margin-right: 50px; | |||
text-align: center; | |||
} | |||
.skin-hydradark #toc, | |||
.skin-hydradark .toc, | |||
.skin-hydradark .mw-warning { | |||
background-color: #000000; | |||
border: 1px solid #551A8B; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
font-size: 95%; | |||
padding: 5px; | |||
} | |||
ul#filetoc { | |||
background-color: #000000; | |||
border: 1px solid #551A8B; | |||
} | |||
div.thumb { | |||
background-color: transparent; | |||
border-color: transparent; | |||
} | |||
div.thumbinner { | |||
background-color: #000000; | |||
border: 1px solid #551A8B; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
} | |||
li.gallerybox { | |||
background-color: transparent; | |||
border: 2px solid #551A8B; | |||
display: -moz-inline-box; | |||
vertical-align: top; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
} | |||
li.gallerybox div.thumb { | |||
border: 1px solid #551A8B; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
} | |||
table.gallery { | |||
background-color: transparent; | |||
border: 1px solid #0A78E3; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
margin: 2px; | |||
padding: 2px; | |||
} | |||
table.gallery td { | |||
background-color: transparent; | |||
border: 0px solid #0A78E3; | |||
vertical-align: top; | |||
} | |||
div.gallerybox div.thumb { | |||
border: 1px solid #551A8B; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
margin: 2px; | |||
text-align: center; | |||
} | |||
#userlogin, #userloginForm { | |||
border: 1px solid #551A8B; | |||
} | |||
.skin-hydradark table.wikitable { | |||
background: none repeat scroll 0 0 #000000; | |||
border: 1px solid #551A8B; | |||
border-collapse: collapse; | |||
margin: 1em 1em 1em 0; | |||
color: #A6CFFD; | |||
} | |||
.skin-hydradark .wikitable th { | |||
background: none repeat scroll 0 0 #000000; | |||
text-align: center; | |||
} | |||
.skin-hydradark .wikitable th, .wikitable td { | |||
border: 1px solid #551A8B; | |||
padding: 0.2em; | |||
} | |||
.TablePager th, .TablePager td { | |||
background-color: transparent; | |||
} | |||
.TablePager, .TablePager td, .TablePager th { | |||
border: 1px solid #551A8B; | |||
padding: 0 0.15em; | |||
} | |||
code { | |||
background-color: transparent; | |||
} | |||
.skin-hydradark #pagehistory li.selected { | |||
background-color: transparent; | |||
border: 1px dashed #551A8B; | |||
} | |||
.skin-hydradark #pagehistory li { | |||
border: 1px solid #551A8B; | |||
} | |||
.skin-hydradark table.diff, td.diff-otitle, td.diff-ntitle { | |||
background-color: transparent; | |||
} | |||
td.diff-context { | |||
background: none repeat scroll 0 0 #000000; | |||
font-size: smaller; | |||
} | |||
pre { | |||
overflow: auto; | |||
} | |||
div#mw-js-message { | |||
margin: 1em 5%; | |||
padding: 0.5em 2.5%; | |||
border: solid 1px #0A78E3; | |||
border-radius: 0.3em 0.3em 0.3em 0.3em; | |||
background-color: transparent; | |||
border-image: initial; | |||
} | |||
fieldset#mw-searchoptions { | |||
margin: 0; | |||
padding: 0.5em 0.75em 0.75em 0.75em !important; | |||
border: none; | |||
background-color: transparent; | |||
border: 1px solid silver !important; | |||
border-top-width: 0 !important; | |||
} | |||
table.mw-abuselog-details { | |||
margin: 1em 1em 1em 0; | |||
background: transparent; | |||
border: 1px #551A8B solid; | |||
border-collapse: collapse; | |||
width: 80%; | |||
} | |||
table.mw-abuselog-details th { | |||
background: transparent; | |||
} | |||
/* Wiki editor fixes */ | |||
.wikiEditor-ui { | |||
background: rgba(0, 0, 0, 0); | |||
border: medium none; | |||
} | |||
div.wikiEditor-ui-buttons { | |||
background-color: rgba(0, 0, 0, 0); | |||
border-top: medium none; | |||
margin-right: 5px; | |||
} | |||
div.wikiEditor-ui-controls { | |||
background-color: rgba(0, 0, 0, 0); | |||
border-bottom: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-tabs { | |||
background: #484848; | |||
border-left: 1px solid #323232; | |||
border-top: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-tabs div { | |||
background: #484848; | |||
border-right: 1px solid #323232; | |||
border-bottom: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-tabs div a { | |||
background: #484848; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #484848 0%, #000000 60%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(60%,#000000)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #484848 0%,#000000 60%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #484848 0%,#000000 60%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #484848 0%,#000000 60%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #484848 0%,#000000 60%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ | |||
color: #CCCCCC; | |||
} | |||
.wikiEditor-ui-tabs div.current { | |||
background: #484848; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #484848 0%, #000000 60%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(60%,#000000)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #484848 0%,#000000 60%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #484848 0%,#000000 60%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #484848 0%,#000000 60%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #484848 0%,#000000 60%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ | |||
border-bottom: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-tabs div.current a { | |||
color: #ffffff; | |||
} | |||
.wikiEditor-ui .wikiEditor-ui-top { | |||
border-bottom: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-toolbar { | |||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0); | |||
} | |||
.wikiEditor-ui-toolbar .group { | |||
border-right: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-toolbar .group-search { | |||
border-left: 1px solid #323232; | |||
border-right: none; | |||
} | |||
.wikiEditor-ui-toolbar .group .label { | |||
color: #E0E0E0; | |||
} | |||
.tab { | |||
border-color: transparent; | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a, | |||
.wikiEditor-ui-toolbar .tabs span.tab a:visited { | |||
color: #E0E0E0; | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | |||
color: #ffffff; | |||
} | |||
.wikiEditor-ui-toolbar .group .tool-select .label { | |||
color: #e0e0e0; | |||
} | |||
.wikiEditor-ui-toolbar .sections .section { | |||
background-color: rgba(0, 0, 0, 0.2); | |||
border-top: 1px solid #323232; | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index div { | |||
color: #7AB1CC; | |||
} | |||
.wikiEditor-ui-toolbar .booklet .index .current { | |||
background-color: #0A0B0C; | |||
color: #e0e0e0; | |||
} | |||
.wikiEditor-ui-toolbar .booklet .pages { | |||
background-color: #0a0b0c; | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span { | |||
border: 1px solid #323232; | |||
color: #e0e0e0; | |||
} | |||
.wikiEditor-ui-toolbar .page-characters div span:hover { | |||
background-color: rgba(255, 255, 255, 0.1); | |||
border-color: #323232; | |||
color: #7AB1CC; | |||
} | |||
.wikiEditor-ui-toolbar .page-table td { | |||
border-top: 1px solid #323232; | |||
color: #E0E0E0; | |||
} | |||
.wikiEditor-preview-loading { | |||
background-color: transparent; | |||
} | |||
.wikiEditor-preview-contents { | |||
background-color: transparent; | |||
border-color: -moz-use-text-color #323232 #323232; | |||
border-image: none; | |||
border-style: none solid solid; | |||
border-width: medium 1px 1px; | |||
} | |||
/* update fix */ | |||
div#mw-head div.vectorMenu h3 { | |||
background: transparent url("https://hydra-media.cursecdn.com/commons.cursetech.com/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important; | |||
width: 25px; | |||
height: 40px; | |||
} | |||
div#mw-head div.vectorMenu:hover h3 { | |||
background: transparent url("https://hydra-media.cursecdn.com/commons.cursetech.com/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important; | |||
width: 25px; | |||
height: 40px; | |||
} | |||
div#mw-head div.vectorMenu h3 span { | |||
display: none; | |||
} | |||
div#mw-head div.vectorMenu h3 a { | |||
border: none; | |||
background: transparent; | |||
} | |||
#mw-panel.collapsible-nav .portal.collapsed h3 a { | |||
color: #B3FFFF; | |||
font-size: 120%; | |||
font-weight: bold; | |||
} | |||
#mw-panel.collapsible-nav .portal h3 a { | |||
color: #B3FFFF; | |||
font-size: 120%; | |||
font-weight: bold; | |||
} | |||
.editOptions { | |||
-moz-border-bottom-colors: none; | |||
-moz-border-left-colors: none; | |||
-moz-border-right-colors: none; | |||
-moz-border-top-colors: none; | |||
background-color: transparent; | |||
border-color: -moz-use-text-color silver silver; | |||
border-image: none; | |||
border-right: 1px solid silver; | |||
border-style: none solid solid; | |||
border-width: medium 1px 1px; | |||
margin-bottom: 2em; | |||
padding: 1em 1em 1.5em; | |||
} | |||
#mw-panel.collapsible-nav .portal { | |||
background-image: none; | |||
background-position: left top; | |||
background-repeat: no-repeat; | |||
margin: -11px 9px 10px 11px; | |||
padding: 0.25em 0 !important; | |||
} | |||
/* Ambox */ | |||
.ambox { | |||
background-color: #282828; | |||
border-bottom-color: #383838; | |||
border-right-color: #383838; | |||
border-top-color: #383838; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
margin: 0 auto 2px auto; | |||
width: 80%; | |||
} | |||
.ambox-gray { | |||
border-left-color: #383838; | |||
} | |||
.ambox.ambox-tiny { | |||
font-size: 90%; | |||
margin: 2px 0; | |||
width: auto; | |||
} | |||
.ambox + .ambox { | |||
margin-top: -2px; | |||
} | |||
.ambox-text { | |||
padding: 0.25em 0.5em; | |||
} | |||
.ambox-image { | |||
padding: 2px 0px 2px 0.5em; | |||
text-align: center; | |||
width: 60px; | |||
} | |||
.ambox-tiny .ambox-image { | |||
padding: 2px 0.5em; | |||
text-align: left; | |||
width: auto; | |||
} | |||
/* Ambox colors */ | |||
.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-green { | |||
border-left: 10px solid #228b22; | |||
} | |||
/* Ambox small text */ | |||
.amsmalltext { | |||
font-size: smaller; | |||
margin-left:0.8em; | |||
margin-top:0.5em; | |||
} | |||
/**********************/ | |||
/* Claim wiki button */ | |||
/**********************/ | |||
.claimwikibutton { | |||
text-align: center; | |||
} | |||
.claimwikibutton a { | |||
background: url("http://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0); | |||
color: transparent; | |||
display: block; | |||
height: 57px; | |||
margin: 0 auto; | |||
max-width: 100%; | |||
width: 200px; | |||
} | |||
.claimwikibutton a:hover { | |||
background: url("http://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0); | |||
color: transparent; | |||
} | |||
/* copyright images tweak */ | |||
.skin-hydradark .copyright-icon { | |||
background-image: url("https://hydra-media.cursecdn.com/commons.cursetech.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); | |||
background-size: 100%; | |||
height: 32px; | |||
width: 32px; | |||
} | |||