MediaWiki:Common.css

From Bomberpedia
Jump to navigationJump to search

Note: 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";
}