MediaWiki:Common.css
From Bomberpedia
Jump to navigationJump to searchNote: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
body { color: #fff; }
.history-size { color: #fff; }
.mw-plusminus-pos { color:#0f0; }
.mw-plusminus-neg { color:#f00; }
.comment { color: #fff; }
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #000f; }
.bombertable
{
border: 1px solid #000000;text-align:center;
}
li.gallerybox div.thumb { background-color:#314f71; }
.bombertable hr
{
background-color:#1f4973;
}
div#content { min-width: 650px; }
div#globalWrapper { background-image:none; }
.tocnumber { color:#fff; }
.toctogglelabel { color:#e9eda6; }
.stagetable {
display: table;
width: 100%;
height: 100%; /* need to set height for this to work in Chrome */
}
.cell-stagetable {
display: table-cell;
vertical-align: top;
height: 100%;
padding-right: 2px;
float: left;
}
.sbr_stat
{
position:relative;
left:-4px; right:-4px;
margin-right:-8px;
display:inline-block;
}
.alttable {
border-collapse: collapse;
}
.alttable td, .alttable th {
border: 2px solid #6f7b87;
padding: 8px;
}
.alttable tr:nth-child(even){background-color: #0a2139;}
.alttable th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #1f4973;
}
.altmatrix {
border-collapse: collapse;
}
.altmatrix td, .altmatrix th {
border: 2px solid #6f7b87;
padding: 8px;
}
.altmatrix tr:nth-child(even) td:nth-child(odd),
.altmatrix tr:nth-child(odd) td:nth-child(even){background-color: #0a2139;}
{
background-color: #ccc;
}
.altmatrix th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #1f4973;
}
/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; color:#000; }
.hoverbox:hover .hoveritem.selected { display:none; color:#000; }
.game
{
display:inline-block;
position:relative;
font-size:0;
margin:2px;
text-align:center;
}
.game-text
{
position:absolute;
bottom:0px;
z-index:10;
font-size:14px;
font-weight:bold;
font-color:#fff;
background-image: url("http://images.shoutwiki.com/bomberpedia/e/e9/Console_backing.png");
height:32px; width:100%;
}
.game-text span
{
left:.5em;
bottom: 6px;
position: absolute;
font-color:#fff;
}
.gamebubble a
{
text-align:center;
font-weight:bold;
font-color:#fff;
}
.bomb
{
background-image: url("http://images.shoutwiki.com/bomberpedia/4/48/Menu_bomb.png");
float:left;
}
/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
.tabtoc {
margin: 0;
padding: 0;
width: 100%;
}
.tabtoc li {
border: 2px solid #3b587e;
background-color: #1f4973;
color: #d2d2d2;
}
.tabtoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
.tabtoc li.selected {
font-weight: bold;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
background-color: #296eb4;
}
.tabtoc > li.selected {
top: 2px;
}
.tabtoc a,
.tabtoc a:active {
display: block;
color: #d2d2d2;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
.tabtoc li.selected a {
cursor: default;
text-decoration: none;
}
.tabcontainer {
margin: 0;
clear: left;
}
.tabsection {
border: none;
padding: 0;
margin: 0;
}
.tabsection .tabbox {
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
.tabsection .tab {
font-weight: bold;
}
.tabsection table, .tabsection .tab {
}
.mainTab {
display: none;
}
/* EN/JP language toggle (checkbox) */
.langswitch {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
}
.langswitch input {display:none;}
.langslider {
background-color: #1f4973;
color: #d2d2d2;
margin: 2px 2px 2px 2px;
width: 25px;
height: 25px;
float: left;
text-align:center;
padding: 4px 3px 1px 3px;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom-color: #716f64;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
border-radius:30px;
font-weight:bold;
}
input:not(:checked) + .langslider:before {
content: "EN";
}
input:checked + .langslider:before {
content: "JP";
}