Foreground.css

From Sega Retro

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.
blockquote {display:inline-block !important; border-left:none}
textarea, input#wpSummary {width:100%;}
.breakout{background-color:#F1F1F1;}
.breakout th{background-color:#DDD;color:#555;text-align:center;padding:.3em;}
.breakout td:nth-of-type(1){text-align:left;}
.bottomtemplate{background:#F1F1F1;padding:5px;}
.bottomtemphead{background:#DDD;color:#555;text-align:center;}
.bottomtempalt{background-color:#CCC;font-size:.8em;padding:0.5rem;}
.bottomtemptext, .bottomtemptext p{font-size:.8em !important;}
#f-message {float:left; font-size:0.8em;}
#f-list {float:right; font-size:0.8em;}
#privacy, #about, #disclaimer, #f-designby {display: inline !important;}
#f-viewcount {display:block;}
#wpTextbox1 {width:100%;}
.tright {padding: 0 0 1rem 1rem;}
.button span {font-family:"Open Sans","Open Sans Regular","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; !important;}
.bits-bar, .bits-bar .has-form, .bits-bar .top-bar-section ul li.active > a , .bits-bar .top-bar-section .dropdown li a{background:#0165A9 !important;}
.bits-bar input  {border: 1px solid #4b92bf;}
.bits-bar button {background: #4b92bf !important; box-shadow: none !important;}
.bits-bar .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]{border-color: #015188 !important;}
.bits-bar .top-bar-section .dropdown li a:hover {background-color: #015188 !important;}
ul#preftoc {list-style:none;}
ul#preftoc li.selected {
    background: #2ba6cb;
    color: #FFF;
    padding: 0.5em;
}
ul#preftoc li.selected a {color:#FFF; font-weight:bold;}
ul#preftoc li {
    display: inline;
    background: #EEE;
    padding: 0.5em;
    border-right: 1px solid #DDD;
    border-top: 1px solid #DDD;
}
.top-bar, .top-bar-section .has-form {
    background: #0E0E0E !important;
}
.mw-input input[type="submit"] {
    padding: 5px 5px 6px 5px;
    border: 0 none;
}
div.tleft, div.floatleft, table.floatleft {
    margin: 0 1.5rem 1.5rem 0;
}
#mw-content-text ul {
    margin: .5em 2em;
}
@media only screen and (min-width: 550px) {
.ulin ul {
    display: inline-block;
}}
@media only screen and (max-width: 480px){
.bobscreen, .bobscreen img {
    max-width: 100% !important;
    width: 100% !important;
}
.breakout {
    width: inherit !important;
    max-width: 100% !important;
    padding: 0px;
    float: none !important;
    margin: 0 auto;
    display: inline-block !important;
    position: relative;
    margin-left: 0 !important;
}
.breakout .breakout {
    float: left;
    display:table;
    width: 100% !important;
    max-width: initial !important;
}
}