Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the mobile site */
.nomobile {
display: none;
}
a.watch-this-article {
background-image: url("http://hydra-media.cursecdn.com/commons.cursetech.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-color: rgba(0, 0, 0, 0.85) !important;
}
.overlay {
background-color: rgba(0, 0, 0, 0.85);
}
.overlay .overlay-header-container {
background-color: rgba(0, 0, 0, 0.85) !important;
}
.search-overlay .overlay-header,
.search-overlay .results {
background-color: rgba(0, 0, 0, 0.85) !important;
color: #D5D4D4;
}
.search-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) !important;
}
ul.suggestions-results,
ul.suggestions-results li {
background-color: rgba(0, 0, 0, 0.85);
color: #D5D4D4;
}
ul.suggestions-results li.suggestions-result {
color: #D5D4D4;
}
.client-js .toc-mobile {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #404040 !important;
}
.mw-ui-button,
.last-modified-bar #mw-mf-last-modified {
background-color: rgba(0, 0, 0, 0);
color: #D5D4D4;
}
/* general header */
#mw-mf-header form,
#mw-mf-sq {
background-color: rgba(0, 0, 0, 0.85);
}
/* non-content area */
body {
background: #000000 url("http://hydra-media.cursecdn.com/overwatch.gamepedia.com/a/af/Skin-Mobile-Background.jpg") no-repeat fixed center top / 100% auto;
color: #D5D4D4;
}
#footer {
border-top: 1px solid #394147;
color: #D5D4D4;
}
#footer a {
color: #7AB1CC;
}
#footer h2 {
color: #7AB1CC;
}
/* content area */
div#content_wrapper {
background-color: unset;
border: 1px solid #394147;
color: #D5D4D4;
}
body.mediawiki #mw-mf-page-center {
background: rgba(0, 0, 0, 0.85);
}
a,
a:visited,
a.external {
color: #7AB1CC;
}
h1,
h2 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-bottom: 1px solid #404040;
color: #D5D4D4;
}
h3, h4, h5, h6 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #D5D4D4;
}
.thumb,
#content_wrapper .thumb,
li.gallerybox div.thumb {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #394147;
}
.content table th {
background-color: rgba(0, 0, 0, 0);
}
.content table td,
.content table th {
border: 1px solid #404040;
padding: 3px;
}
.content table.wikitable {
background-color: rgba(0, 0, 0, 0);
margin: auto;
margin-bottom: 1em;
}
.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
border: 1px solid #404040;
}
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
background-color: rgba(0, 0, 0, 1);
padding: 3px;
}
.mwm-notice,
#searchbox {
background-color: rgba(0, 0, 0, 0);
border: 2px solid #394147;
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;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background: #000000;
background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C));
background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%);
background-image: linear-gradient(to bottom, #1A1D20 60%, #0A0B0C 100%);
border: 1px solid #404040;
color: #ffffff;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px !important;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td > div {
background-color: rgb(41, 43, 46);
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxtable td > .tabber.tabberlive {
background-color: rgba(0, 0, 0, 0);
}
div.infoboxtable td * ul.tabbernav {
text-align: center;
}
.infoboxtable td > .tabber .tabbertab {
padding: 0;
}
.infoboxname1,
.infoboxname2,
.infoboxname3,
.infoboxnamebook,
.infoboxnamenv {
font-size: 110%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdetails1,
.infoboxdetails2,
.infoboxdetails3,
.infoboxdescription1,
.infoboxdescription2,
.infoboxdescription3,
.infoboxdetailsbook,
.infoboxdetailsnv {
padding: 0em;
}
.infoboxname1,
.infoboxdetails1,
.infoboxdescription1 {
background: #C0C0C0;
background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050));
background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%);
background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%);
background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%);
background-image: linear-gradient(to bottom, #C0C0C0 0%, #505050 100%);
color: #000000;
}
.infoboxname2,
.infoboxdetails2,
.infoboxdescription2 {
background: #d2801e;
background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03));
background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%);
background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%);
background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%);
background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%);
color: #000000;
}
.infoboxname3,
.infoboxdetails3,
.infoboxdescription3 {
background: #AB0000;
background-image: -moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A));
background-image: -webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%);
background-image: -o-linear-gradient(top, #AB0000 0%, #4A040A 100%);
background-image: -ms-linear-gradient(top, #AB0000 0%, #4A040A 100%);
background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%);
color: #d5d4d4;
}
.infoboxnamebook,
.infoboxdetailsbook,
.infoboxdescriptionbook {
background: #060200;
background-image: -moz-linear-gradient(center top, #9F7B64 0%, #060200 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#9F7B64), color-stop(100%,#060200));
background-image: -webkit-linear-gradient(top, #9F7B64 0%, #060200 100%);
background-image: -o-linear-gradient(top, #9F7B64 0%, #060200 100%);
background-image: -ms-linear-gradient(top, #9F7B64 0%, #060200 100%);
background-image: linear-gradient(to bottom, #9F7B64 0%, #060200 100%);
color: #FFFFFF;
}
.infoboxnamenv,
.infoboxdetailsnv {
background: #55B784;
background-image: -moz-linear-gradient(center top, #55B7840%, #001E0E 100%);
background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#55B784), color-stop(100%,#001E0E));
background-image: -webkit-linear-gradient(top, #55B784 0%, #001E0E 100%);
background-image: -o-linear-gradient(top, #55B784 0%, #001E0E 100%);
background-image: -ms-linear-gradient(top, #55B784 0%, #001E0E 100%);
background-image: linear-gradient(to bottom, #55B784 0%, #001E0E 100%);
color: #FFFFFF;
}