Actions

MediaWiki

Difference between revisions of "Common.css"

From Unofficial Stationeers Wiki

Line 54: Line 54:
 
}
 
}
  
โˆ’
@media only screen and (max-width: 50em) {
+
@media only screen and (max-width: 40em) {
 
   .infobox {
 
   .infobox {
 
     margin: 0;
 
     margin: 0;
Line 67: Line 67:
 
     float: right;
 
     float: right;
 
     clear: right;
 
     clear: right;
 +
    width: 33em;
 
}
 
}
 
}
 
}

Revision as of 20:19, 16 December 2017

.main-banner {
    background-color: #183d62;
    padding: 80px 20px;
}

.main-banner img {
    max-width: 100%;
    height: auto;
}

/* sub-headers */
.subheader {
    background: #183d62;
    color: #fff;
    text-align: center;
    padding: .5em;
}

.subheader .fa{
    padding-right: 10px;
}

/* Infobox CSS */

/* The main box */
.infobox {
    border: 1px solid #183d62;
    border-spacing: 3px;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    clear: right;
    line-height: 1.5em;
}
.infobox>caption {
    background: #183d62;
    color: #fff;
    padding: .5em;
    font-size: 1.4em;
}
.infobox th {
    font-weight: bold;
}
/* The little template links */
.hlist dd, .hlist dt, .hlist li {
    margin: 0;
    display: inline;
}
.hlist dd::after, .hlist li::after {
    content: " ยท ";
    font-weight: bold;
}
.hlist dd:last-child::after, .hlist dt:last-child::after, .hlist li:last-child::after {
    content: none;
}

@media only screen and (max-width: 40em) {
  .infobox {
    margin: 0;
    width: 100% !important;
  }
}

/* Infobox large screen */
@media only screen and (min-width: 40.0625em) {

.infobox {
    float: right;
    clear: right;
    width: 33em;
}
}