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;}
.expanded {max-width: none !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;
}
div[itemtype="http://schema.org/Book"] .breakout a[href$='.pdf']::before {
    content: "PDF";
    color: #FFF;
    font-weight: bold;
    background: red;
    position: absolute;
    width: 32px;
    bottom: 0;
    right: 0;
}
a[href$='.pdf'][class='image']::before {
    content: "PDF";
    color: #FFF;
    font-weight: bold;
    background: red;
    position: absolute;
    width: 32px;
    bottom: 0;
    right: 0;
}
 .scanbox a[href$='.pdf'] {
    display: inline-block;
    position: relative;
}
a.image {
    position: relative;
    display: inline-block;
}
.scanbox a[href$='.pdf']::before {
    content: "PDF";
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    background: red;
    color: white;
    font-weight: bold;
    height: 8px;
    width: 18px;
    font-size: 7px;
    display: inline-block;
    position: absolute;
    z-index: 99;
    line-height: 8px;
    bottom: 0;
    right: 0;
}
.top-bar, .top-bar-section .has-form {
    background: #0E0E0E !important;
}
.mw-input input[type="submit"] {
    padding: 5px 10px 6px;
    border: 0 none;
}
td.mw-label {
    width: 10%;
}
td.mw-input {
    width: auto;
}
input[type="file"], input[type="checkbox"], input[type="radio"], select {
    padding: 5px;
    margin: 0 5px;
}
input#tagfilter {
    margin-left: 5px;
}
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;
}
}