No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
+ | /* CSS placed here will affect users of the mobile site */ |
||
− | body { |
||
+ | |||
− | background: #202219; |
||
+ | /* Header and footer */ |
||
− | color: #FBFBF2; |
||
+ | .header-container.header-chrome, |
||
+ | #mw-mf-page-center { |
||
+ | background: #212121; |
||
} |
} |
||
+ | .header .branding-box h1 { |
||
− | #content_wrapper { |
||
− | + | border-bottom: none; |
|
− | color: #FBFBF2; |
||
− | border: 1px solid #36372e; |
||
− | clear: both; |
||
− | margin: 0 8px; |
||
} |
} |
||
+ | .nomobile { |
||
− | h2 { |
||
+ | display: none; |
||
− | border-bottom: 0px solid #AAAAAA; |
||
} |
} |
||
+ | a.watch-this-article { |
||
− | .thumb { |
||
+ | background-image: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */ |
||
− | background: none repeat scroll 0 0 #434539; |
||
− | border: 1px solid #36372e; |
||
− | margin-bottom: 10px; |
||
} |
} |
||
+ | /* search header */ |
||
− | /*************** |
||
+ | .pre-content #page-actions { |
||
− | /* Link styles * |
||
+ | background: rgba(0, 0, 0, 0.85) !important; |
||
− | /***************/ |
||
− | a { |
||
− | color: #ccd0b1; |
||
} |
} |
||
+ | .overlay { |
||
− | a:link { |
||
+ | background: rgba(0, 0, 0, 0.85); |
||
− | color: #ccd0b1; |
||
} |
} |
||
+ | .overlay .overlay-header-container { |
||
− | div#content a:visited, a:visited { |
||
+ | background: rgba(0, 0, 0, 0.85) !important; |
||
− | color: #ccd0b1; |
||
} |
} |
||
+ | .search-overlay .overlay-header, |
||
− | a:hover, div#content a:visited:hover, a:visited:hover { |
||
+ | .search-overlay .results { |
||
− | color: #ccd0b1; |
||
+ | background-color: rgba(0, 0, 0, 0.85) !important; |
||
+ | color: #c0c0c0; |
||
} |
} |
||
+ | .search-overlay { |
||
− | div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external { |
||
+ | background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; |
||
− | color: #ccd0b1; |
||
} |
} |
||
+ | ul.suggestions-results, |
||
− | div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited { |
||
+ | ul.suggestions-results li { |
||
− | color: #ccd0b1; |
||
+ | background: rgba(0, 0, 0, 0.85); |
||
+ | color: #c0c0c0; |
||
} |
} |
||
+ | ul.suggestions-results li.suggestions-result { |
||
− | div#content a.extiw:hover, div#footer a.extiw:hover, div#content a.external:hover, div#footer a.external:hover, div#content a.extiw:visited:hover, div#footer a.extiw:visited:hover, div#content a.external:visited:hover, div#footer a.external:visited:hover { |
||
− | color: # |
+ | color: #c0c0c0; |
} |
} |
||
+ | /* general header * |
||
− | a:active { |
||
+ | #mw-mf-header form, |
||
− | color: #ccd0b1; |
||
+ | #mw-mf-sq { |
||
+ | background: rgba(0, 0, 0, 0.85); |
||
} |
} |
||
+ | /* non-content area */ |
||
− | table[style] { |
||
+ | .overlay-enabled, #content { |
||
− | margin-left: 0 !important; |
||
+ | background: #202219 url("https://hydra-media.cursecdn.com/cabal.gamepedia.com/9/98/Bg.jpg") no-repeat fixed center 30px / 100% auto; |
||
− | margin: auto !important; |
||
+ | color: white; |
||
} |
} |
||
+ | |||
− | table { |
||
+ | footer { |
||
− | border: 0px solid #CCCCCC; |
||
− | border- |
+ | border-top: 1px solid #666668; |
− | + | color: #ffffff; |
|
− | + | text-shadow: 1px 1px #000000; |
|
+ | } |
||
− | margin-bottom: 15px; |
||
+ | |||
+ | footer a { |
||
+ | color: #fef1a4; |
||
+ | text-shadow: 1px 1px #000000; |
||
+ | } |
||
+ | |||
+ | footer h2 { |
||
+ | color: #fef1a4; |
||
+ | text-shadow: 1px 1px #000000; |
||
+ | } |
||
+ | |||
+ | /* content area */ |
||
+ | a, |
||
+ | a.external { |
||
+ | color: #BFC1B0; |
||
+ | } |
||
+ | |||
+ | .content table th { |
||
+ | background-color: rgba(0, 0, 0, 0); |
||
+ | } |
||
+ | |||
+ | .content table td, |
||
+ | .content table th { |
||
+ | border: medium none; |
||
padding: 3px; |
padding: 3px; |
||
− | width: 100%; |
||
} |
} |
||
+ | h1, |
||
− | table td, table th { |
||
+ | h2 { |
||
− | border: 0px solid #CCCCCC; |
||
+ | background: none repeat scroll 0 0 rgba(0, 0, 0, 0); |
||
+ | border-bottom: 1px solid white; |
||
+ | color: white; |
||
+ | } |
||
+ | |||
+ | h3, h4, h5, h6 { |
||
+ | background: none repeat scroll 0 0 rgba(0, 0, 0, 0); |
||
+ | color: white; |
||
+ | } |
||
+ | |||
+ | .thumb, |
||
+ | #content_wrapper .thumb { |
||
+ | background: transparent; |
||
+ | border: 2px solid rgba(0, 0, 0, 0.2); |
||
+ | } |
||
+ | |||
+ | table.wikitable { |
||
+ | border: none; |
||
+ | border-collapse: separate !important; |
||
+ | border-spacing: 2px !important; |
||
+ | margin: auto; |
||
+ | margin-bottom: 1em; |
||
+ | } |
||
+ | |||
+ | table.wikitable td { |
||
+ | border: none; |
||
padding: 3px; |
padding: 3px; |
||
+ | background: rgba(0, 0, 0, 0); |
||
} |
} |
||
table.wikitable th { |
table.wikitable th { |
||
− | background: |
+ | background: rgba(0, 0, 0, 0); |
− | + | border: none; |
|
+ | padding: 3px; |
||
} |
} |
||
+ | .mwm-notice, |
||
− | table.infobox { |
||
+ | #searchbox { |
||
− | background: none repeat scroll 0 0 #434539; |
||
− | + | background: rgba(0, 0, 0, 0); |
|
+ | border: 2px solid rgba(0, 0, 0, 0.2); |
||
+ | border-radius: 5px 5px 5px 5px; |
||
+ | } |
||
+ | |||
+ | .divclearable, |
||
+ | a.watch-this-article, |
||
+ | .jsEnabled #mw-mf-main-menu-button { |
||
+ | background-color: rgba(0, 0, 0, 0); |
||
+ | } |
||
+ | |||
+ | a.back_to_top, |
||
+ | a.back_to_top:visited { |
||
+ | margin-top: 7px; |
||
+ | } |
||
+ | |||
+ | a:visited { |
||
+ | color: #fef1a4; |
||
+ | } |
||
+ | |||
+ | /* Fix black on black section arrows */ |
||
+ | .mw-ui-icon-arrow::before { |
||
+ | filter: invert(100%); |
||
+ | } |
||
+ | |||
+ | .header { |
||
+ | background-color: #818371; |
||
+ | border: #818371 |
||
+ | box-shadow: none; |
||
+ | color: #FFFFFF; |
||
+ | font-size: 150%; |
||
+ | margin-bottom: 10px; |
||
+ | text-align: center; |
||
+ | } |
||
+ | |||
+ | img.percentage { |
||
+ | width: 95%; |
||
+ | height: auto; |
||
+ | padding-top:1%; |
||
+ | } |
||
+ | |||
+ | ul.gallery, li.gallerybox { |
||
+ | background-color: transparent; |
||
+ | border-color: transparent; |
||
+ | } |
||
+ | |||
+ | li.gallerybox div.thumb { |
||
+ | background-color: #181818; |
||
+ | border-color: #303030; |
||
+ | } |
||
+ | |||
+ | #action-table tr td .action-image { |
||
+ | position: relative; |
||
+ | padding: 5px; |
||
+ | background-color: #1f3850; |
||
+ | border: #46ffdd 1px solid; |
||
+ | border-radius: 3px; |
||
+ | } |
||
+ | |||
+ | #action-table tr td .animated { |
||
+ | position: absolute; |
||
+ | top: -1px; |
||
+ | left: -1px; |
||
+ | z-index: 1; |
||
+ | line-height: 1.1em; |
||
+ | padding:0 1px 0 1px; |
||
+ | color: #46ffdd; |
||
+ | border: #46ffdd 1px solid; |
||
+ | border-radius: 3px; |
||
+ | } |
||
+ | |||
+ | /* Tablet */ |
||
+ | @media screen and (min-width: 600px) { |
||
+ | #action-table tr td .animated { |
||
+ | font-size: 75%; |
||
+ | padding: 1px 1px 0 1px; |
||
+ | } |
||
+ | } |
||
+ | |||
+ | /* Table layout for phones */ |
||
+ | @media screen and (max-width: 600px) and (orientation:portrait) { |
||
+ | #action-table { |
||
+ | border: 0; |
||
+ | } |
||
+ | |||
+ | #action-table thead, #action-table th { |
||
+ | display: none; |
||
+ | } |
||
+ | |||
+ | #action-table tr { |
||
+ | margin-bottom: 15px; |
||
+ | display: block; |
||
+ | float: left; |
||
+ | } |
||
+ | |||
+ | #action-table td { |
||
+ | display: block; |
||
+ | text-align: left; |
||
+ | border: none; |
||
+ | float: left; |
||
+ | clear: right; |
||
+ | width: 70%; |
||
+ | padding: 0; |
||
+ | } |
||
+ | |||
+ | #action-table td:first-child { |
||
+ | display: inline-block; |
||
+ | border: none; |
||
+ | float: left; |
||
+ | clear: none; |
||
+ | width: 23%; |
||
+ | padding-right: 5px; |
||
+ | } |
||
+ | |||
+ | #action-table td:last-child { |
||
+ | min-height: 26px; |
||
+ | text-align: right; |
||
+ | float: left; |
||
+ | width: 98% |
||
+ | } |
||
+ | |||
+ | #action-table td:last-child:before { |
||
+ | content: attr(data-label); |
||
+ | float: left; |
||
+ | font-weight: bold; |
||
+ | } |
||
} |
} |
||
+ | .globalNotice { |
||
− | .mwm-notice { |
||
+ | color: white; |
||
− | background: #1B1C16; |
||
− | border: 1px solid #36372e; |
||
} |
} |
Revision as of 19:16, 9 August 2017
/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
background: #212121;
}
.header .branding-box h1 {
border-bottom: none;
}
.nomobile {
display: none;
}
a.watch-this-article {
background-image: url("http://hydra-media.cursecdn.com/commons.gamepedia.com/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}
/* search header */
.pre-content #page-actions {
background: rgba(0, 0, 0, 0.85) !important;
}
.overlay {
background: rgba(0, 0, 0, 0.85);
}
.overlay .overlay-header-container {
background: rgba(0, 0, 0, 0.85) !important;
}
.search-overlay .overlay-header,
.search-overlay .results {
background-color: rgba(0, 0, 0, 0.85) !important;
color: #c0c0c0;
}
.search-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
}
ul.suggestions-results,
ul.suggestions-results li {
background: rgba(0, 0, 0, 0.85);
color: #c0c0c0;
}
ul.suggestions-results li.suggestions-result {
color: #c0c0c0;
}
/* general header *
#mw-mf-header form,
#mw-mf-sq {
background: rgba(0, 0, 0, 0.85);
}
/* non-content area */
.overlay-enabled, #content {
background: #202219 url("https://hydra-media.cursecdn.com/cabal.gamepedia.com/9/98/Bg.jpg") no-repeat fixed center 30px / 100% auto;
color: white;
}
footer {
border-top: 1px solid #666668;
color: #ffffff;
text-shadow: 1px 1px #000000;
}
footer a {
color: #fef1a4;
text-shadow: 1px 1px #000000;
}
footer h2 {
color: #fef1a4;
text-shadow: 1px 1px #000000;
}
/* content area */
a,
a.external {
color: #BFC1B0;
}
.content table th {
background-color: rgba(0, 0, 0, 0);
}
.content table td,
.content table th {
border: medium none;
padding: 3px;
}
h1,
h2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid white;
color: white;
}
h3, h4, h5, h6 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: white;
}
.thumb,
#content_wrapper .thumb {
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.2);
}
table.wikitable {
border: none;
border-collapse: separate !important;
border-spacing: 2px !important;
margin: auto;
margin-bottom: 1em;
}
table.wikitable td {
border: none;
padding: 3px;
background: rgba(0, 0, 0, 0);
}
table.wikitable th {
background: rgba(0, 0, 0, 0);
border: none;
padding: 3px;
}
.mwm-notice,
#searchbox {
background: rgba(0, 0, 0, 0);
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 5px 5px 5px 5px;
}
.divclearable,
a.watch-this-article,
.jsEnabled #mw-mf-main-menu-button {
background-color: rgba(0, 0, 0, 0);
}
a.back_to_top,
a.back_to_top:visited {
margin-top: 7px;
}
a:visited {
color: #fef1a4;
}
/* Fix black on black section arrows */
.mw-ui-icon-arrow::before {
filter: invert(100%);
}
.header {
background-color: #818371;
border: #818371
box-shadow: none;
color: #FFFFFF;
font-size: 150%;
margin-bottom: 10px;
text-align: center;
}
img.percentage {
width: 95%;
height: auto;
padding-top:1%;
}
ul.gallery, li.gallerybox {
background-color: transparent;
border-color: transparent;
}
li.gallerybox div.thumb {
background-color: #181818;
border-color: #303030;
}
#action-table tr td .action-image {
position: relative;
padding: 5px;
background-color: #1f3850;
border: #46ffdd 1px solid;
border-radius: 3px;
}
#action-table tr td .animated {
position: absolute;
top: -1px;
left: -1px;
z-index: 1;
line-height: 1.1em;
padding:0 1px 0 1px;
color: #46ffdd;
border: #46ffdd 1px solid;
border-radius: 3px;
}
/* Tablet */
@media screen and (min-width: 600px) {
#action-table tr td .animated {
font-size: 75%;
padding: 1px 1px 0 1px;
}
}
/* Table layout for phones */
@media screen and (max-width: 600px) and (orientation:portrait) {
#action-table {
border: 0;
}
#action-table thead, #action-table th {
display: none;
}
#action-table tr {
margin-bottom: 15px;
display: block;
float: left;
}
#action-table td {
display: block;
text-align: left;
border: none;
float: left;
clear: right;
width: 70%;
padding: 0;
}
#action-table td:first-child {
display: inline-block;
border: none;
float: left;
clear: none;
width: 23%;
padding-right: 5px;
}
#action-table td:last-child {
min-height: 26px;
text-align: right;
float: left;
width: 98%
}
#action-table td:last-child:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
}
.globalNotice {
color: white;
}