HydraGPEBot (talk | contribs) (GPE Bot Edit (2b2baf873ca229c83827f7ca243e4b9ebe8064ae,af904811f165196dc59f3b0a4922cbda0987d1d1)) |
No edit summary |
||
Line 16: | Line 16: | ||
a.watch-this-article { |
a.watch-this-article { |
||
− | background-image: url(" |
+ | background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */ |
} |
} |
||
Revision as of 14:39, 26 February 2019
/* 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("https://commons.gamepedia.com/media/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: #04050f url("https://yakuza.gamepedia.com/media/yakuza.gamepedia.com/1/1f/Background.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: #b9b9b9;
text-shadow: 1px 1px #000000;
}
footer h2 {
color: #b9b9b9;
text-shadow: 1px 1px #000000;
}
/* content area */
a,
a.external {
color: #b9b9b9;
}
.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: #b9b9b9;
}
/* Fix black on black section arrows */
.mw-ui-icon-arrow::before {
filter: invert(100%);
}
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;
}
/*********************
/* Front page styles *
/*********************/
.fpmain {
width: 100%;
overflow: hidden;
z-index: 1;
}
.fpbanner {
border: 1px solid black;
box-shadow: 0 2px 5px black;
background: rgba(0, 0, 0, 0.25);
color: #9ccad2;
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;
}
.fpbanner1 .fpbannertable {
background: url("https://soma.gamepedia.com/media/soma.gamepedia.com/f/f2/Fpbox_left_1.png") left center no-repeat,
#ffffff url("https://soma.gamepedia.com/media/soma.gamepedia.com/5/5c/Fpbox_right_1.png") right center no-repeat;
}
.fpmidsections {
float: left;
width: 100%;
overflow: hidden;
}
.fpbox {
border: 1px solid black;
background: rgba(0, 0, 0, 0.25);
color: white;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
overflow: auto;
}
.fpbox .mainheading {
border: none;
border-bottom: 1px solid black;
color: black;
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 black;
color: black;
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;
}
/* INFOBOXES: game or book depended color style */
.infoboxtable {
background-color: transparent;
border: 1px solid #505050;
color: white;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td > div {
background-color: transparent;
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: left;
}
.infoboxname {
background-color: black;
border: 2px solid inherit;
color: white;
font-size: 100%;
font-weight: bold;
padding: 0.5em;
}
.infoboxdetails {
background: black;
color: white;
}
/* Header styling */
.header {
background-color: black;
border: rgba(59,89,115,.5);
box-shadow: none;
color: #FFFFFF;
font-size: 100%;
margin-bottom: 10px;
text-align: center;
}
img.percentage {
width: 95%;
height: auto;
padding-top:1%;
}