Difference between revisions of "Foreground.css"

From Sega Retro

m (slightly darker so it's not the same as the background)
Line 139: Line 139:
 
     font-size: 1em;
 
     font-size: 1em;
 
     color: #222222;
 
     color: #222222;
 +
}
 +
 +
/* Squirrel fixes */
 +
p {
 +
    margin-bottom: 1em;
 
}
 
}

Revision as of 06:32, 1 April 2018

blockquote {display:inline-block !important; border-left:none}
textarea, input#wpSummary {width:100%;}
.breakout{background-color:#F0F0F0;}
.breakout th{background-color:#DDD;color:#555;text-align:center;padding:.3em;}
.breakout td:nth-of-type(1){text-align:left;}
.bottomtemplate{background:#F0F0F0;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:"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 {
    display: inherit;
    margin: 0.5rem;
}
@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;
}
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f7f7f7;
}
table tr th, table tr td {
    padding: 0.5625em 0.625em;
    font-size: 1em;
    color: #222222;
}

/* Squirrel fixes */
p {
    margin-bottom: 1em;
}