MediaWiki:Hydradark.css: Difference between revisions
MediaWiki interface page
More actions
fandomwiki>@DeletedUser41288049 No edit summary |
fandomwiki>@DeletedUser40302604 No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Hydra | /* CSS placed here will affect users of the Hydra skin */ | ||
/* For mobile view | /* For elements which only display in the mobile view */ | ||
.mobileonly { | .mobileonly { | ||
display: none; | display: none; | ||
| Line 10: | Line 10: | ||
} | } | ||
/* Framework */ | |||
body { | body { | ||
background: url("https://cobalt.gamepedia.com/media/cobalt.gamepedia.com/3/30/City.jpg") no-repeat | -webkit-background-size: cover; | ||
-moz-background-size: cover; | |||
-o-background-size: cover; | |||
background: url("https://cobalt.gamepedia.com/media/cobalt.gamepedia.com/3/30/City.jpg") no-repeat fixed bottom left / cover #211b40; | |||
font: "trebuchet ms", verdana, sans-serif; | font: "trebuchet ms", verdana, sans-serif; | ||
} | |||
#pageWrapper { | |||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background: transparent !important; | background: transparent !important; | ||
} | |||
/* Logo */ | |||
#p-logo { | |||
height: 30px; | |||
left: 0; | |||
margin-bottom: 1em; | |||
position: relative; | |||
top: -140px; | |||
width: 10em; | |||
} | |||
/*********************** | |||
/* Special edits * | |||
/***********************/ | |||
.editOptions { | |||
background-color: rgba(75, 75, 75, 1); | |||
border-right: 1px solid #C0C0C0; | |||
border-width: medium 1px 1px; | |||
border-style: none solid solid; | |||
border-color: -moz-use-text-color #C0C0C0 #C0C0C0; | |||
-moz-border-top-colors: none; | |||
-moz-border-right-colors: none; | |||
-moz-border-bottom-colors: none; | |||
-moz-border-left-colors: none; | |||
border-image: none; | |||
padding: 1em 1em 1.5em; | |||
margin-bottom: 2em; | |||
} | |||
div.editOptions { | |||
background-color: transparent; | |||
border: 1px solid rgba(6, 6, 6, .5); | |||
} | |||
#ca-watch.icon a { | |||
margin: 0px; | |||
padding: 30px 0px 0px; | |||
display: block; | |||
width: 26px; | |||
height: 0px; | |||
overflow: hidden; | |||
background-position: 5px 60%; | |||
} | |||
.skin-hydradark #preferences fieldset { | |||
border-right: medium none; | |||
border-width: 1px medium medium; | |||
border-style: solid none none; | |||
border-color: #CCC -moz-use-text-color -moz-use-text-color; | |||
-moz-border-top-colors: none; | |||
-moz-border-right-colors: none; | |||
-moz-border-bottom-colors: none; | |||
-moz-border-left-colors: none; | |||
border-image: none; | |||
color: #fff; | |||
} | } | ||
#mw-head-base { | #mw-head-base { | ||
background: | background: transparent; | ||
bottom: 0; | bottom: 0; | ||
height: | height: 60px; | ||
margin- | margin-right: 10px; | ||
} | } | ||
#left-navigation { | #left-navigation { | ||
top: 90px; | |||
margin-top: 1em; | |||
left: 160px; | |||
} | } | ||
#right-navigation { | #right-navigation { | ||
margin: 90px 10px 0 0; | |||
margin-top: 1em; | |||
padding: 0; | |||
} | } | ||
div.vectorTabs { | div.vectorTabs { | ||
background-image: none; | background-image: none; | ||
height: 33px; | |||
margin-top: 8px; | |||
} | } | ||
div.vectorTabs | div.vectorTabs li a { | ||
background-image: none; | background-image: none; | ||
margin-top: -16px; | |||
} | |||
div.vectorTabs li.new a, | |||
div.vectorTabs li.new a:visited { | |||
color: #BA0000; | |||
} | |||
div.vectorTabs li span { | |||
background: rgba(12, 12, 12, 0.8); | |||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3073', endColorstr='#435e8e',GradientType=0 ); /* IE6-9 */ | |||
border-image: none; | |||
border: 1px solid #0A78E3; | |||
border-radius: 0.5em; | |||
display: inline-block; | |||
padding: 2px 10px; | |||
margin: 0 3px 0 3px; | |||
height: 19px; | |||
text-align: center; | |||
} | } | ||
div. | div#mw-head div.vectorMenu h3 { | ||
background-image: none; | background: rgba(12, 12, 12, 0.8); | ||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3073', endColorstr='#435e8e',GradientType=0 ); /* IE6-9 */ | |||
border-image: none; | |||
border: 1px solid #0A78E3; | |||
border-radius: 0.5em; | |||
display: inline-block; | |||
padding: 2px 10px; | |||
margin: 0.5em 3px 0; | |||
height: 19px; | |||
text-align: center; | |||
} | |||
div.vectorMenu h3 span { | |||
padding-top: 0.1em; | |||
} | |||
div#p-sharing .menu { | |||
margin-left: 45px; | |||
min-width: 0px; | |||
width: 48px; | |||
} | |||
#p-sharing #socialIconImages img { | |||
width: 100%; | |||
} | |||
#p-sharing #socialIconImages a { | |||
width: 40px; | |||
} | |||
#ca-unwatch.icon a, | |||
#ca-watch.icon a { | |||
padding: 1.3em 0 0; | |||
} | } | ||
| Line 62: | Line 174: | ||
div.vectorTabs li.selected { | div.vectorTabs li.selected { | ||
background-color: | background-color: rgba(0, 0, 0, 0); | ||
background-image: none; | background-image: none; | ||
color: #ffffff; | |||
} | } | ||
div.vectorTabs ul | div.vectorTabs ul { | ||
background-image: none; | |||
background-image:none; | |||
} | } | ||
div.vectorTabs ul li { | |||
background-color: rgba(0, 0, 0, 0); | |||
background-image: none; | background-image: none; | ||
} | } | ||
div.vectorMenu | div.vectorTabs li a, | ||
div.vectorTabs li a span, | |||
div.vectorMenu h3 span { | |||
color: #ffffff; | |||
font-weight: bold; | |||
} | } | ||
div.vectorTabs li a, div.vectorTabs li a | div.vectorTabs li.selected a, | ||
color: # | div.vectorTabs li.selected a:visited { | ||
color: #ffffff; | |||
text-decoration: none; | |||
font-weight: bold; | |||
} | } | ||
div. | div.vectorMenu div.menu { | ||
background-color: #352722; | |||
border: 1px solid #aaaaaa; | |||
div. | |||
color: # | |||
} | } | ||
div. | div.vectorMenu ul { | ||
background- | background-color: rgba(0 ,0, 0, 0); | ||
border: none; | |||
} | } | ||
div.vectorMenu li a { | |||
color: #ffffff; | |||
color: # | |||
} | } | ||
. | div.vectorMenu h3 a { | ||
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png") !important; | |||
background-position: 0 50%; | |||
background-repeat: no-repeat; | |||
} | } | ||
div#mw-panel div.portal h5 { | |||
border: medium none; | |||
color: #ffffff; | |||
cursor: default; | |||
font-size: 1em; | |||
font-weight: bold; | |||
padding: 0 0 0 1.25em; | |||
text-transform: uppercase; | |||
} | } | ||
.skin-hydradark div#mw-panel | /* Sidebar */ | ||
.skin-hydradark div#mw-panel { | |||
margin-top: -15px; | |||
} | } | ||
.skin-hydradark div#mw-panel div.portal#p-socialProfiles | .skin-hydradark div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) { | ||
background: | background: rgba(12, 12, 12, 0.8); | ||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
margin: 5px; | |||
border: 1px solid #0A78E3; | |||
border-radius: 0.5em; | |||
} | } | ||
.skin-hydradark div#mw-panel { | .skin-hydradark div#mw-panel div.portal div.body, | ||
.skin-hydradark #mw-panel.collapsible-nav .portal { | |||
background-image: none; | background-image: none; | ||
} | } | ||
.skin-hydradark div#mw-panel div.portal | .skin-hydradark div#mw-panel div.portal div.body ul li a, | ||
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited { | |||
color: # | color: #FFFDFB; | ||
} | } | ||
.skin-hydradark | |||
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 { | |||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg=="); | |||
background-position: left center; | |||
background-repeat: no-repeat; | |||
} | } | ||
.skin-hydradark | .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 { | ||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg=="); | |||
background-position: left center; | |||
background-repeat: no-repeat; | |||
} | } | ||
.skin-hydradark div#mw-panel div.portal div. | .skin-hydradark div#mw-panel div.portal h3, | ||
color: # | .skin-hydradark div#mw-panel div.portal h3:visited, | ||
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a, | |||
.skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited, | |||
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a, | |||
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited, | |||
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, | |||
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited { | |||
color: #ffffff; | |||
font-weight: bold; | |||
text-shadow: 3px 3px 3px rgba(0,0,0,0.8); | |||
} | } | ||
.skin-hydradark #mw-panel div.portal | .skin-hydradark div#mw-panel div#p-socialProfiles.portal .body { | ||
margin: auto; | |||
} | } | ||
. | .socialSidebar { | ||
width: auto; | |||
max-width: 100%; | |||
} | } | ||
div#content { | div#content { | ||
background: | background: rgba(12, 12, 12, 0.8); | ||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
border: 1px solid #0A78E3; | border: 1px solid #0A78E3; | ||
border | border-radius: 0.5em; | ||
color: #ffffff; | |||
color: # | |||
} | } | ||
div#content a | /* link styles */ | ||
color: # | div#content a, | ||
div#content a:visited, a:visited { | |||
color: #ffffff; | |||
text-shadow: 0px 0px 7px #0a78e3; | |||
} | } | ||
a.stub { | |||
color: #0a78e3; | |||
} | } | ||
a.stub:visited { | |||
color: #0a78e3; | |||
} | } | ||
a.extiw, | |||
a.external, | |||
div#content a.extiw, | |||
div#content a.external, | |||
a.extiw:visited, | |||
a.external:visited, | |||
div#content a.extiw:visited { | |||
color: #0a78e3; | |||
text-shadow: 0px 0px 10px #7b7b7b; | |||
} | } | ||
a:hover { | |||
color: #c9c9c9; | |||
} | } | ||
h2 { | |||
h1, h2 { | |||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0); | |||
color: #a6cffd; | |||
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8); | |||
} | } | ||
h3, h4, h5, h6 { | h3, h4, h5, h6 { | ||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0); | |||
color: #a6cffd; | |||
} | } | ||
#catlinks, | |||
.skin-hydradark #toc, | |||
.skin-hydradark .toc, | |||
.mw-warning, | |||
ul#filetoc { | |||
background-color: rgba(0, 0, 0, 0.2); | |||
border-color: #39546f; | |||
} | } | ||
.skin-hydradark div#simpleSearch { | |||
color: | display: block; | ||
width: 20vw; | |||
min-width: 5em; | |||
max-width: 20em; | |||
padding-right: 1.5em; | |||
height: 1.55em; | |||
margin-top: 0.50em; | |||
position: relative; | |||
min-height: 1px; | |||
color: white; | |||
} | } | ||
.skin-hydradark div#simpleSearch { | |||
border: none; | |||
background: rgba(20, 78, 71, .8); | |||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
} | } | ||
.skin-hydradark div#simpleSearch #searchInput { | |||
color: # | color: #ffffff; | ||
} | } | ||
div.wikiEditor-ui { | |||
color: # | background-color: transparent; | ||
border: 1px solid #505050; | |||
} | } | ||
.skin-hydradark .mw-search-profile-tabs { | |||
color: | background-color: transparent; | ||
margin-top: 1em; | |||
border: 1px solid silver; | |||
} | } | ||
.CategoryTreeEmptyBullet { | |||
color: #c0c0c0; | |||
} | } | ||
.catlinks li { | |||
border-left: none; | |||
} | } | ||
.CategoryTreeToggle { | |||
color: #E0B87B; | |||
} | } | ||
code { | |||
background-color: rgba(0,0,0,0.8); | |||
} | } | ||
.skin-hydradark #preferences { | .skin-hydradark #preferences { | ||
background-color: | background-color: rgba(0, 0, 0, 0.4); | ||
background-image: none; | background-image: none; | ||
border: 1px solid # | border: 1px solid #181818; | ||
clear: both; | clear: both; | ||
float: left; | float: left; | ||
| Line 295: | Line 408: | ||
.skin-hydradark #preferences fieldset.prefsection fieldset { | .skin-hydradark #preferences fieldset.prefsection fieldset { | ||
background-color: | background-color: rgba(0, 0, 0, 0.4); | ||
} | } | ||
.skin-hydradark #preftoc li.selected a { | .skin-hydradark #preftoc li.selected a { | ||
background-image: none; | background-image: none; | ||
color: # | color: #FFFFFF; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 308: | Line 421: | ||
} | } | ||
.skin-hydradark #preftoc a, | .skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active { | ||
.skin-hydradark #preftoc a:active { | |||
background-image: none; | background-image: none; | ||
color: # | color: #32b1d2; | ||
} | } | ||
| Line 319: | Line 431: | ||
.skin-hydradark #preferences legend { | .skin-hydradark #preferences legend { | ||
color: # | color: #DDDDDD; | ||
} | } | ||
.skin-hydradark #preferences td.htmlform-tip { | .skin-hydradark #preferences td.htmlform-tip { | ||
color: # | color: #DDDDDD; | ||
} | } | ||
.catlinks { | .catlinks { | ||
background-color: # | background-color: #0f0f0f; | ||
border: 1px solid # | border: 1px solid #2c74ae; | ||
border- | } | ||
#toc, .toc, .mw-warning { | |||
background-color: #0f0f0f; | |||
border: 1px solid #dddad3; | |||
font-size: 95%; | |||
padding: 5px; | |||
} | } | ||
. | .wikitable th, .wikitable td { | ||
border: 1px solid #ffffff; | |||
} | } | ||
. | table.wikitable { | ||
border: none; | |||
background: transparent; | |||
margin: 0 0 10px 0; | |||
padding: 3px 6px; | |||
color: #ffffff; | |||
} | } | ||
table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th { | |||
border: 1px solid #ffffff; | |||
background: transparent; | |||
color: #ffffff; | |||
} | |||
table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td { | |||
background | border: 1px solid #ffffff; | ||
background: transparent; | |||
color: ffffff; | |||
} | } | ||
code { | |||
background-color: | background-color: #0f0f0f; | ||
} | } | ||
div.thumbinner { | div.thumbinner { | ||
background-color: # | background-color: #0f0f0f; | ||
border: 1px solid # | border: 1px solid #2c74ae; | ||
} | } | ||
li.gallerybox { | li.gallerybox { | ||
border: 1px solid rgba(20, 78, 71, .8); | |||
border: | display: inline-block; | ||
display: | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
li.gallerybox div.thumb { | li.gallerybox div.thumb { | ||
background-color: transparent; | |||
border- | border-color: rgba(249, 249, 249, .1); | ||
} | } | ||
ul#filetoc { | |||
background-color: | background-color: rgba(0, 0, 0, 0.4); | ||
border: 1px solid #2c74ae; | |||
} | } | ||
table. | table.mw_metadata td { | ||
background-color: | background-color: rgba(0, 0, 0, 0.4); | ||
} | |||
table.mw_metadata th { | |||
background-color: rgba(0, 0, 0, 0.4); | |||
} | |||
table.mw_metadata td, table.mw_metadata th { | |||
border: 1px solid #2c74ae; | |||
} | } | ||
/****************** | |||
/* Page history * | |||
/******************/ | |||
table.diff { | |||
background: transparent; | |||
} | } | ||
. | td.diff-context { | ||
background: none repeat scroll 0 0 | background: none repeat scroll 0 0 transparent; | ||
border-color: #737969; | |||
border- | |||
} | } | ||
. | td.diff-deletedline { | ||
background: | background-color: rgba(255, 228, 156, .5); | ||
border-color: #FFE49C; | |||
color: white; | |||
} | } | ||
. | td.diff-addedline { | ||
border: | background-color: #58434a; | ||
border-color: #73384b; | |||
color: white; | |||
} | } | ||
#pagehistory li { | |||
background-color: transparent; | background-color: transparent; | ||
border: none; | |||
padding: 3px; | |||
} | } | ||
. | #pagehistory li.selected { | ||
border: 1px | background-color: #01060c; | ||
padding: | background-image: none; | ||
border: 1px dashed rgba(20, 78, 71, .8); | |||
padding: 3px; | |||
} | } | ||
.skin-hydradark .TablePager { | |||
border: 1px solid #2c74ae; | |||
} | } | ||
.skin-hydradark # | .skin-hydradark .TablePager th { | ||
background-color: rgba(0, 0, 0, 0.4); | |||
border: 1px solid #2c74ae; | |||
} | |||
.skin-hydradark .TablePager tr, .skin-hydradark .TablePager td { | |||
background-color: transparent; | background-color: transparent; | ||
border: 1px | border: 1px solid #2c74ae; | ||
} | } | ||
.skin-hydradark | .skin-hydradark .TablePager tr:hover td { | ||
border: 1px solid # | background-color: rgba(0, 0, 0, 0.4); | ||
} | |||
.skin-hydradark .mw-datatable th { | |||
background-color: rgba(0, 0, 0, 0.4); | |||
} | |||
.skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th { | |||
border: 1px solid #2c74ae; | |||
} | } | ||
. | /* Footer */ | ||
div#footer { | |||
background: rgba(32, 89, 85, .6); | |||
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); | |||
box-shadow: 6px 9px 14px -7px rgba(0,0,0,0.75); | |||
margin-top: 10px; | |||
overflow-y: hidden; | |||
} | } | ||
div#footer ul li { | |||
color: #FFFFFF; | |||
} | } | ||
/***************** | |||
/* amboxes fixes * | |||
/*****************/ | |||
.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; | |||
border- | |||
} | } | ||
.ambox.ambox-tiny { | |||
font-size: 90%; | |||
margin: 2px 0; | |||
width: auto; | |||
} | } | ||
.ambox + .ambox { | |||
margin: | 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; | |||
} | } | ||
/* INFOBOXES: game or book depended color style */ | |||
border | .infoboxtable { | ||
background-color: rgba(0, 0, 0, 0); | |||
border: 1px solid #505050; | |||
color: #ffffff; | |||
float: right; | |||
font-size: 89%; | |||
margin-bottom: 0.5em; | |||
margin-left: 1em; | |||
padding: 0.2em; | |||
width: 300px; | |||
} | } | ||
.infoboxtable td { | |||
vertical-align: top; | |||
} | } | ||
div | .infoboxtable td > div { | ||
background-color: #181818; | |||
border: 2px solid inherit; | |||
border-radius: 5px; | |||
font-weight: bold; | |||
padding: 0.5px 7px; | |||
text-align: right; | |||
} | } | ||
. | .infoboxname { | ||
background-color: #181818; | |||
font-size: 110%; | |||
font-weight: bold; | |||
padding: 0.5em; | |||
} | } | ||
.infoboxdetails { | |||
padding: 0em; | |||
} | } | ||
/* Navbox template style */ | |||
table.navbox { | |||
border: 1px solid #67676; | |||
clear: both; | |||
font-size: 88%; | |||
margin: auto; | |||
padding: 1px; | |||
text-align: center; | |||
width: 100%; | |||
} | } | ||
/* Border between adjacent navboxes */ | |||
table.navbox + table.navbox { | |||
margin-top: -1px; | |||
} | } | ||
.navbox-title, | |||
.navbox-abovebelow, | |||
table.navbox th { | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
text-align: center; | |||
} | } | ||
.navbox-group { | |||
font-weight: bold; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
white-space: nowrap; | |||
} | } | ||
/* Base background */ | |||
background | .navbox, .navbox-subgroup { | ||
background: rgba(0, 0, 0, 0.1); | |||
} | } | ||
.navbox-list { | |||
border-color: rgba(0, 0, 0, 0.1); /* Must match background color */ | |||
} | } | ||
/* Level 1 color */ | |||
.navbox-title, | |||
color: # | table.navbox th { | ||
background: rgba(0, 0, 0, 0.2); | |||
color: #fff; | |||
} | } | ||
/* Level 2 styling */ | |||
background | .navbox-abovebelow, | ||
.navbox-group, | |||
color: # | .navbox-subgroup .navbox-title { | ||
background: rgba(0, 0, 0, 0.2); | |||
color: #fff; | |||
} | } | ||
/* Level 3 styling */ | |||
.navbox-subgroup .navbox-group, | |||
color: # | .navbox-subgroup .navbox-abovebelow { | ||
background: rgba(0, 0, 0, 0.1); | |||
color: #fff; | |||
} | } | ||
/* Even row striping */ | |||
background | .navbox-even { | ||
background: rgba(255, 255, 255, 0.1); | |||
color: #fff; | |||
} | } | ||
/* Odd row striping */ | |||
background | .navbox-odd { | ||
background: transparent; | |||
} | |||
.collapseButton { | |||
font-weight: normal; | |||
width: auto; | |||
} | } | ||
.navbox .collapseButton { | |||
width: 6em; | |||
} | |||
.navbar { | |||
font-size: 88%; | |||
font-weight: normal; | |||
} | } | ||
.navbox .navbar { | |||
font-size: 100%; | |||
} | } | ||
table.collapsed tr.collapsible { | |||
display: none; | display: none; | ||
} | } | ||
/* End of new Navbox styling */ | |||
/* Claim wiki button - this section can be removed if you remove the claim button from the main page */ | |||
.claimwikibutton { | |||
text-align: center; | |||
} | } | ||
. | .claimwikibutton a { | ||
color: | 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: rgba(0, 0, 0, 0); | |||
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: rgba(0, 0, 0, 0); | |||
} | } | ||
.skin-hydradark | /* copyright images tweak */ | ||
background-image: | .skin-hydradark .copyright-icon { | ||
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); | |||
background- | background-size: 100%; | ||
height: 32px; | |||
width: 32px; | |||
} | } | ||
. | /* Workaround for redirection arrow */ | ||
.mw-content-ltr .redirectText li:first-child { | |||
background: transparent none no-repeat scroll left bottom; | |||
} | } | ||
. | .redirectText { | ||
padding: 10px !important; | |||
padding: | |||
} | } | ||
/* | /********************* | ||
. | /* Front page styles * | ||
/*********************/ | |||
.fpmain { | |||
width: 100%; | |||
overflow: hidden; | |||
z-index: 1; | |||
} | } | ||
. | .fpbanner { | ||
border: 1px solid #9C9C9C; | |||
box-shadow: rgba(255, 255, 255, .7) 0 0.1em 0.5em | |||
background: rgba( 0, 0, 0, .2 ); | |||
color: #ffffff; | |||
margin: 0 5px 5px 5px; | |||
padding: 5px; | |||
min-height: 80px; | |||
} | } | ||
. | .fpbannertable { | ||
display: table; | |||
border: none; | |||
background: transparent; | |||
width: 100%; | |||
min-height: 75px; | |||
margin: 0; | |||
padding: 5px; | |||
} | } | ||
. | .fpbannercell { | ||
display: table-cell; | |||
text-align: center; | |||
vertical-align: middle; | |||
} | } | ||
. | .fpbannerblock { | ||
border: none; | |||
color: #ffffff; | |||
font-weight: bold; | |||
text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); | |||
font-size: 132%; | |||
width: 100%; | |||
margin: 0 0 10px 0; | |||
padding: 0 0 5px 0; | |||
} | } | ||
. | .fpmidsections { | ||
float: left; | |||
width: 100%; | |||
overflow: hidden; | |||
} | } | ||
. | .fpbox { | ||
border: 1px solid #5d6769; | |||
box-shadow: rgba(73, 62, 60, .7) 0 0.1em 0.5em; | |||
background: rgba(0, 0, 0, 0.5); | |||
color: #ffffff; | |||
margin: 5px 5px 5px 5px; | |||
padding: 5px 5px 5px 5px; | |||
overflow: auto; | |||
} | } | ||
.fpbox .mainheading { | |||
. | border: none; | ||
border-bottom: 1px solid #ffffff; | |||
color: #ffffff; | |||
font-size: 150%; | |||
font-weight: bold; | |||
margin: 0 0 10px 0; | |||
padding: 0 0 5px 0; | |||
overflow: auto; | |||
} | } | ||
. | .fpbox .heading { | ||
border: none; | |||
border-bottom: 1px solid #ffffff; | |||
color: #ffffff; | |||
font-size: 132%; | |||
margin: 0 0 10px 0; | |||
padding: 0 0 5px 0; | |||
overflow: auto; | |||
} | } | ||
. | .fpmain .columns .leftcol { | ||
width: 100%; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
. | .fpmain .columns .rightcol { | ||
width: 100%; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
. | .fpsection1, .fpsection2, .fpsection3, .fpsection4 { | ||
float: left; | |||
clear: both; | |||
width: 100%; | |||
} | } | ||
. | div.fp2columnonly, div.fp3columnonly { | ||
display: none; | |||
} | } | ||
. | @media (min-width: 790px) { | ||
.fpsection1 { | |||
float: left; | |||
clear: none; | |||
width: 50%; | |||
} | |||
.fpmidsections { | |||
clear: none; | |||
float: right; | |||
width: 50%; | |||
} | |||
.fpsection4 { | |||
float: left; | |||
clear: none; | |||
width: 50%; | |||
} | |||
div.fp2columnonly { | |||
display: block; | |||
} | |||
} | } | ||
@media (min-width: 990px) { | |||
. | .fpmain .columns .leftcol { | ||
float: left; | |||
width: 50%; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.fpmain .columns .rightcol { | |||
float: right; | |||
width: 50%; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
} | } | ||
@media (min-width: 1390px) { | |||
.fpmidsections { | |||
clear: none; | |||
float: right; | |||
width: 66.667%; | |||
} | |||
.fpsection1 { | |||
clear: none; | |||
width: 33.333%; | |||
} | |||
. | .fpsection2 { | ||
clear: none; | |||
width: 50%; | |||
} | |||
.fpsection3 { | |||
clear: none; | |||
width: 50%; | |||
} | |||
.fpsection4 { | |||
clear: left; | |||
width: 33.333%; | |||
} | |||
div.fp2columnonly { | |||
display: none; | |||
} | |||
div.fp3columnonly { | |||
display: block; | |||
} | |||
} | |||
.fpbox.plain { | |||
border: none; | |||
box-shadow: none; | |||
background: transparent; | |||
} | } | ||
. | .fpimagelist ul { | ||
list-style-type: none; | |||
list-style-image: none; | |||
} | } | ||
. | .fpvideos { | ||
margin: 0 auto; | |||
overflow: hidden; | |||
text-align: center; | |||
} | } | ||
.fpvideo { | |||
. | display: inline-block; | ||
margin: 0 5px; | |||
} | } | ||