Foreground.css

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: 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.
/* WikiEditor */
.wikiEditor-toolbar-spritedButton {
        display: inline-block;
        background-image: none;
        height: inherit;
        width: 2em;
        padding: 0;
        font: normal normal normal 14px/1 FontAwesome;
    	font-size: inherit;
    	text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
    	color: rgba(255,255,255,0.8);
        overflow:hidden;
        white-space: nowrap;
}

.wikiEditor-toolbar-spritedButton:hover, .wikiEditor-ui-toolbar .tabs span.tab a:hover, #wikiEditor-section-advanced .group-heading a:hover {color: rgba(255,255,255,1);}
a.wikiEditor-toolbar-spritedButton:before {float: left; text-indent: 0; min-width: 1.5em; text-align: center; line-height: 1.5em;}
.wikiEditor-ui-toolbar span.tab-advanced a:before, .wikiEditor-ui-toolbar span.tab-characters a:before, .wikiEditor-ui-toolbar span.tab-help a:before, .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, .wikiEditor-ui-toolbar .group .tool-select:before,  #wikiEditor-section-advanced a:before, #wikiEditor-section-advanced .group-heading a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 32px;
    text-align: right;
    margin-right: .25em;
    line-height: 1.5em;
}
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading a:after {margin-right: 0; margin-left: .5em;}
.group-format > a[title="Bold"]:before {content: "\f032";}
.group-format > a[title="Italic"]:before {content: "\f033";}
#wikiEditor-section-advanced .group-heading > div > a:before {content: "\f1dc";}
#wikiEditor-section-advanced a[title="Bulleted list"]:before {content: "\f0ca";}
#wikiEditor-section-advanced a[title="Numbered list"]:before {content: "\f0cb";}
#wikiEditor-section-advanced a[title="No wiki formatting"]:before {content: "\f121";}
#wikiEditor-section-advanced a[title="New line"]:before {content: "\f1dd";}
#wikiEditor-section-advanced a[title="Big"]:before {content: "\f207";}
#wikiEditor-section-advanced a[title="Small"]:before {content: "\f206";}
#wikiEditor-section-advanced a[title="Superscript"]:before {content: "\f12b";}
#wikiEditor-section-advanced a[title="Subscript"]:before {content: "\f12c";}
#wikiEditor-section-advanced a[title="Picture gallery"]:before {content: "\f00a";}
#wikiEditor-section-advanced a[title="Redirect"]:before {content: "\f064";}
#wikiEditor-section-advanced a[title="Table"]:before {content: "\f0ce";}
#wikiEditor-section-advanced a[title="Search and replace"]:before {content: "\f0ea";}
.group-insert > a[title="Signature and timestamp"]:before {content: "\f1fc";}
.group-insert > a[title="Link"]:before {content: "\f0c1";}
.group-insert > a[title="Embedded file"]:before {content: "\f03e";}
.group-insert > a[title="Reference"]:before {content: "\f022";}
.wikiEditor-ui-toolbar .group-search {float: left;}
#wikiEditor-section-advanced .group-heading a {background-image: none; color: rgba(255,255,255,0.8);}
.wikiEditor-ui-toolbar .group .tool-select {border: 0; background: none; height: inherit; margin: 0;}
.wikiEditor-ui-toolbar .group .tool-select .menu .options {background: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); margin-top: 1.5em;}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {background: rgba(255,255,255,.1);}

.toolbar.section-advanced .group > span:first-child {display: none;}
.toolbar > .group {border: 0px; margin-right: 1.5em;}
.toolbar > .group:last-child {margin-right: 0em;}
.wikiEditor-ui-toolbar span.tab-advanced a:before{content: "\f15c";}
.wikiEditor-ui-toolbar span.tab-characters a:before{content: "\f1ab";}
.wikiEditor-ui-toolbar span.tab-help a:before{content: "\f02d";}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {background-image: none;}
.wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading > div > a:after {content: "\f0d7";}
.wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div {background-color: transparent;}
.wikiEditor-ui,  .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div, .wikiEditor-ui-tabs div.current, .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui-controls, .wikiEditor-ui-toolbar .sections .section {border: 0;}
.wikiEditor-ui textarea#wpTextbox1 {padding: 1em;}
.wikiEditor-preview-contents {background-color: #222;}
.wikiEditor-preview-contents > *:first-child:before {border: 0;}
.wikiEditor-ui-tabs {margin-left: 0px;}
.wikiEditor-ui-tabs div {margin-right: 1em;}
.wikiEditor-ui-tabs div:last-child {margin-right: 0em;}
.wikiEditor-ui-tabs div.current, .wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar .sections .section {background-color: #333; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);}
.wikiEditor-ui-toolbar {background-image: none; }
.wikiEditor-ui-tabs div a {color: rgba(255,255,255,0.8)}
.wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index div {color: rgba(255,255,255,1)}
.wikiEditor-ui-tabs div.current a {color: #fff;}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {color: rgba(255,255,255,0.8);}
.wikiEditor-ui-toolbar .group .label {color: #999;}
/*.wikiEditor-ui-toolbar .sections, .wikiEditor-ui-toolbar .booklet .index, .wikiEditor-ui-toolbar .booklet .pages {height: 250px;}*/
.wikiEditor-ui-toolbar .booklet .index div:hover {background: rgba(255,255,255,0.1);}
.wikiEditor-ui-toolbar .booklet .index div.current:hover {background: #fafafa; color: #333;}
.wikiEditor-ui-toolbar .booklet .index {direction: rtl;}
.wikiEditor-ui-toolbar .page-table table {box-shadow: none;}
.wikiEditor-ui-toolbar .page-characters div span {height: inherit;}
div#content td.cell.cell-result h1, div#content td.cell.cell-result h2, div#content td.cell.cell-result h3, div#content td.cell.cell-result h4, div#content td.cell.cell-result h5, div#content td.cell.cell-result h6 {color: #333; margin: 0;}
div#content td.cell.cell-result h2 {margin-top: -1em;}
.wikiEditor-preview-loading {background-color: none;}
.wikiEditor-preview-loading span {color: #999;}
#wikiEditor-0-preview-dialog .wikiEditor-ui-loading {background-color: none;}
.wikiEditor-publish-dialog-summary label {color: #333;}

/* Scrollbars in Chrome */   
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.3);
}
::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 6px;
    margin: 1px;
    /*border: 2px solid #000;*/ 
    min-height: 50px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8); /* was #cbcbcb;*/
}
::-webkit-scrollbar-track {
    background: #000;
}
::-webkit-scrollbar-track {
    background: transparent;
}
textarea::-webkit-scrollbar-thumb {
   background-color: #333;
}

/* Foreground Skin */
html {background-color: #222;}
body.skin-foreground {
  background-color: #222;
  background-image: none;
  color: #999;
}
h1, h2, h3, h4, h5, h6 {
  color: #fff;
}
h3, h4, h5, h6 {
  font-family: CronosPro;
}
button {background-color: #e9e9e9; padding: .25em .5em; color: #000; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); border-radius: 3px; font-weight: 100;}
div#content {
  color: #999;
}
a, a:visited, a:hover, a:focus, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw:visited, .mbTV, .mbYT, .mbYTplaylist, .mbGfycat, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, span.label, .mbhoveron:hover > span.label {
  color: #6aa7f7;
}
a.new {color: #E84F4F;} /* was F57373 */
.top-bar .name h1 {
  font-family: EasonPro;
}
.top-bar .name h1 a {
    background: url('http://metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left;
    padding-left: 2.25em;
    margin-left: 15px;
    color: rgba(255,255,255,0.95);
}
.top-bar .name h1 a:hover {
    background-image: url('http://metabattle.com/wiki/skins/common/images/logo32px-glow100.png');
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    color: #fff;
    transition: color 0.1s ease-in-out;
}
.top-bar .name h1 a, .top-bar-section .dropdown li a, .f-dropdown li a, a.button.secondary {
  color: #fff;
}
.top-bar {
  background: #333;
  margin-bottom: 0;
}
.top-bar-section ul li.active > a {
  background: none;
}
.top-bar-section ul {
  background: none;
}
.top-bar-section .has-form {
  background: none;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
  display: none;
}
.top-bar-section .has-dropdown:hover, .top-bar-section .dropdown {
  background: #333;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}
#p-donate:hover {
  box-shadow: none;
}
#p-donate a {
  display: inline;
  padding-right: 15px !important;
}
#p-donate a:after {display: none;}
.top-bar-section .dropdown li a {
  background: #333;
}
.top-bar-section .dropdown li a:hover {
  background-color: rgba(255, 255, 255, 0.1)
}

.top-bar input {
  background-color: rgba(0, 0, 0, 0.2);
}
.top-bar .button.search {
    background: #292929;
    border: 0;
    border-radius: 0;
    color: white;
    font-weight: 100;
    box-shadow: none;
    font-size: 0.875em;
}

button.radius, .button.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
button:hover, button:focus, .button:hover, .button:focus {background: #fff; color: #000;}

.button.secondary {
  background-color: #333;
  border: none;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
}
.dropdown.button.secondary:before {
  rgba(255,255,255,0.5) transparent transparent transparent;
}
.f-dropdown {
  background: #333;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  border: 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
.f-dropdown:before {
  display: none;
}

.row.sitenotice {
  max-width: none;
  background: #000;
  margin-bottom: 1.875em;
  display: inline-block;
}
.row .columns {
  padding: 0;
}

div#content h2#firstHeading:before {display: none;}
div#content h2 {font-weight: 100;}
div#content h3 {margin-top: 1em;}
div#content h4 {color: #e2e2e2;}

code {
    font-weight: normal;
    /*color: inherit;*/
    color: #ccc;
    font-size: .9em;
    font-family: Roboto Mono;
}

/* Legacy */
fieldset legend {display: none;}
fieldset {padding: 0; margin: 0;}
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border: 0; 
}
input[type="submit"] {
  border: 0;
  padding: 0.25em 0.5em;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  color: black;
  background-color: #e9e9e9;
}
label {color: #fff}
textarea#wpTextbox1 {
  width: 100%; 
  background-color: #fff; 
  color: rgba(0,0,0,.87);
  padding: 1em;
}
.editOptions {
  background-color: #333;
  color: #aaa;
  border: 0;
}
.editButtons input {margin-left: 1em;}
dl dt {line-height: 1.3em; margin-bottom: 0;}
dl dd {margin-bottom: 0;}

.mw-datatable th, .mw-datatable td {background: #333; border: 0;}
.mw-datatable tr:hover td {background-color: rgba(255,255,255,.1);}
table.wikitable {
  background: #333; 
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 3px rgb(89, 89, 89) solid;
}

div.mw-dismissable-notice .mw-dismissable-notice-body {margin: 0;}

/* Tables & Forms */
table {
  background: #333; 
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
  border: 0;
}
table tr th, table tr td {color: #999;}
table tr.even, table tr.alt, table tr:nth-of-type(even) {background: inherit;}

fieldset, .mw-changeslist-legend {border: 0;}

/* Recent Changes */
.mw-special-Recentchanges .mw-specialpage-summary, .rcoptions legend, .mw-changeslist-legend.mw-collapsible > b, .rcoptions hr {display: none;}
.rcoptions {
  padding: 0;
}
.mw-changeslist-legend dd {
    margin-left: 3em;
}
.mw-recentchanges-table {
  background: none;
  box-shadow: none;
  margin: 0;
}
.mw-recentchanges-table tr {
  background: none;
  display: block;
}
.mw-recentchanges-table tr td {
  width: inherit;
  background: none;
}
#mw-content-text .mw-changeslist ul {
    margin: 0;
    list-style-type: none;
}
.mw-changeslist li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: .25em 0;
}

.mw-plusminus-pos, .recentratingspage .upvotegreen {color: #66DC65;}
 .recentratingspage .upvotegreen b {color: #55BB54}
.mw-plusminus-neg {color: #f7746a;}

/* Recent Ratings */
.recentratingspage h4 {
  margin-top: 1em;
}
.recentratingspage h4:first-child {
  margin-top: 0;
}
#mw-content-text .recentratingspage ul {
  margin: 0.5em 0;
  list-style: none;
}
.recentratingspage ul li {
  padding: 0.25em 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.recentratingspage ul li:last-child {
  border: 0;
}

/* Revision History */
#mw-history-search {
  padding: 0;
  margin: 0;
}
#mw-history-search legend {display: none;}
#mw-history-search input[name="year"] {width: 5em;}
#mw-history-search input[name="month"] {width: 6em;}
#mw-history-compare {
  margin-top: 1em;
}
#mw-content-text #pagehistory ul {
  list-style: none;
  margin: .5em 0;
}
#pagehistory li {
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: .25em .5em;
}
#pagehistory li.selected {
  background-color: #333;
  border: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}
#pagehistory li:last-child {
  border: 0;
}

/* Upload File */


/* ToC */
div#toc {
    background: rgb(51, 51, 51);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}

/* Main Page */
body.page-MetaBattle_Wiki #firstHeading {display: none;}

body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {border-left-color: rgba(255,255,255,0.1);}

body.ns-talk .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: rgba(255,255,255,.01)}
body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: rgba(255,255,255,.01)}
a.foregroundlabel {color: #fff}
.foregroundlabel {background-color: rgba(106, 167, 247, 0.5); padding: 0.25em 0.5em;}
a.foregroundlabel.new {background-color: #333;}

div#content h2:before {
  border-top-color: rgba(255,255,255,0.1);
}

.builds-intro-first {border-top: 0;}
.page-MetaBattle_Wiki #actionsbar, .main-page-title {display: none;}
.builds-intro.builds-intro-first {margin-top: 0; padding-top: 0;}

.nsfl-Build {
    background-color: #fff; 
    color: #333;
}
.nsfl-Team {
    background-color: #E6BA5A;
    color: #333;}
Premium Membership

Upgrade to premium membership and take advantage of all the premium benefits, including complete ad removal across the entire website, for only $8.99 per year! Click here for more info.