T169823.css

T169823.css

/* pint css */

/* This css files can be applied to any wikipedia article. 
Note: remove any other css applied to page. this is the only css needed to print.
*/

/* 
- Have some padding and body typeface
- Turn color to pure black. good for printing pure black
*/

body {
    padding: 10px 10px;
    font-family: sans-serif;
    color: #000;
}

/* hide on print */
/* Elements to hide
- Interactive elemts
- Elements leading to other websites
- Elemeents which cannot have any action in print format
- Navboxes
- Categories
*/
.noprint, 
.mw-indicators, 
#jump-to-nav, 
.mw-redirectedfrom,
.hatnote, 
.toc.tochidden,
#mw-navigation, 
#footer-places, 
.mw-cite-backlink, 
.play-btn-large, 
.mbox-small, 
.navbox, 
.catlinks,
.mw-editsection,
#administrator,
#coordinates .image,
#siteSub,
.toctoggle{
    display: none;
}

/* 
-Normalize Blue links in the article 
*/

a {
    color: #000;
    text-decoration: none;
    border-bottom:1px solid #aaa;
}

/* 
- Basic infobox styling
- Remove background colors, they are hard to print
*/

.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    background-color: #fff;
    border-radius: 2px;
    color: black;
    margin: 0px 0px 10px 30px;
    float: right;
    clear: right;
    font-size: 13px;
    line-height: 1.5em;
}

.infobox a {
    border-bottom: none;
}

.infobox td, .infobox th {
    
    text-align: left;
    padding: 2px 5px !important;
    border-bottom: 1px solid #EAECF0;    
}
table.infobox tr:last-child th, table.infobox tr:last-child td {
    border: none;
}



/* 
- Main article textual content - sans serif
- 12pt is the most ideal typesize for print and reading
- 18pt line height - ideal for readbility 
*/

.mw-body-content p {
    font-family: serif;
    font-size: 10pt;
    line-height: 16pt;
    margin-top: 5px;
    
    text-align: justify;
}



blockquote {
    border-left: 2px solid #000;
    padding-left: 20px;
}

.toc {
    page-break-before: always;
    page-break-after: always;
    font-family: serif;
}
.toc ul {
    list-style: none;
}

.toc > ul > li {
    margin-bottom: 20px;
    font-weight: bold;
}
.toc a {
    border: none;
    font-weight: normal;
}
.toc li.toclevel-1 > a{
    font-weight: bold;
    font-size: 16px;
}

.tocnumber {
    margin-right: 30px;
    min-width: 30px;
    text-align: right;
    display: inline-block;
}

.toc ul ul li{
    padding-left: 30px;
}



/* article title separator - print element from classic editorial practices */

#siteSub:after {
    content: " ";
    display: block;
    width: 50px;
    background: #666;
    height: 1px;
    margin-top: 15px;
}

/* brand */

#siteSub {
    font-size: 13px;
    padding-bottom: 5px;
    color: #333;
    
}

/* header styling 
- Big part of typography
- headers should be closer to the next <p> than the <p> before

====TYPOGRAPHY=====

- H1 = 26pt
- H2 = 18pt
- H3 = 14pt
- H4, H5, H6 = 12pt
*/

/* article name */

.firstHeading {
    font-family: serif;
    font-size: 25pt;
    line-height: 28pt;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 2px solid black;
    
}



.mw-body-content h2 {
    page-break-before: avoid;
    font-family: serif;
    font-size: 18pt;
    line-height: 24pt;
    margin-bottom: 0.25em;
    padding: 0;
    overflow: hidden;
    display: block;
    
    border-bottom: 2px solid black;
}

.mw-body-content h3 {
    font-size: 13pt;
    page-break-before:avoid;
    font-family: sans-serif;
    line-height: 20pt;
    position: relative;
    padding: 0;
    display: block;
    margin: 30px 0px 0px 0px;
}

/* scanning indicator for H3s 
.mw-body-content h3:before {
    content: " ";
    height: 1px;
    width: 30px;
    position: absolute;
    left:-40px;
    top: 50%;
    display: block;
    background: #000;
}
*/


/* rest of the headers*/

.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6{
    page-break-before:avoid;
    font-family: sans-serif;
    font-size: 10pt;
    line-height: 15pt;
    position: relative;
    padding: 0;
    display: block;
    margin: 30px 0px 0px 0px;
}

/* reference brackets */

.reference a{
    font-size: 8pt;
    color: #000;
    border-bottom: none;
}

/* all kind of content types 
- Media
- Images
- Tables
- lists
- bullets
- layout classes, right left center
*/

.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}

.thumb a{
    border-bottom: none;
}
.center {
    width: 100%;
    text-align: center;
}

div.tright {
    margin: .5em 0 1.3em 1.4em;
}

div.tleft {
    margin: .5em 1.4em 1.3em 0;
}

div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}

div.tleft, div.floatleft, table.floatleft {
    clear: left;
    float: left;
}

div.floatright, table.floatright {
    margin: 0 0 .5em .5em;
    border: 0;
}

ul.gallery {
    margin: 2px;
    padding: 2px;
    display: block;
}
ul.gallery, li.gallerybox {
    zoom: 1;
}

div#content .gallerybox div.thumb {
    background-color: #FFF;
}
li.gallerybox div.thumb {
    text-align: center;
    border: 1px solid #ccc;
    background-color: #FFF;
    margin: 2px;
}
li.gallerybox {
    vertical-align: top;
    display: -moz-inline-box;
    display: inline-block;
}
li {
    margin-bottom: .1em;
}
div.gallerytext {
    overflow: hidden;
    font-size: 10pt;
    padding: 2px 4px;
    word-wrap: break-word;
}
/* Developer note: These are copy and pasted from existing rules. */
ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22…%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    list-style-image: url(/w/skins/Vector/images/bullet-icon.svg?90d59)!ie;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAIAAADuXjPfAAAABnRST…t9AAAAHklEQVR4AWP4jwrowWcI6oEgEBtIISNCfFT9mOYDACO/lbNIGC/yAAAAAElFTkSuQmCC) \9;
    list-style-image: url(/w/skins/Vector/images/bullet-icon.png?e31f8) \9!ie;
}
ul {
    list-style-type: square;
    margin: .3em 0 0 1.6em;
    padding: 0;
}

table.wikitable {
    margin: 1em 0;
    background-color: #FFF;
    border: 1px solid #aaa;
    border-collapse: collapse;
    color: #000;
    font-size: 10pt !important;
}

table.wikitable caption {
    padding: 5px;
    font-size: 13px;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #FFF;
    text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid rgba(0,0,0,0.3);
    padding: 0.4em 0.6em;
}

div.thumbinner {
    
    border-radius: 2px;
    padding: 5px;
    background-color: #FFF;
    font-size: 12px;
    color: #666;
    text-align: left;
    overflow: hidden;
}

.thumbinner {
    min-width: 100px;
}

*.center * {
    margin-left: auto;
    margin-right: auto;
}

ul {
    margin-top: 10px;
}
ul li {
    padding: 5px 0px;
    font-size: 10pt;
}
.refbegin ul li,
.references li{
    font-size: 10pt;
    color: #666;
    padding: 5px 0px;
    line-height: 14pt;
}



/* New footer
- the page URL
- Last updated as primary info
- tone down the license info
- add Wikimedia Foundation branding as Wikipedia is a Wikimedia Project
*/
.printfooter {
    padding-top: 10px;
    border-top: 3px solid #000;
    margin-top: 10px;
    font-size: 10pt;
}
#footer {
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 12px;
}

#footer-info {
    margin: 0;
    padding: 0;
}

#footer-info li:first-child {
    font-size: 12pt;
    font-weight: bold;
    color: #000;
}
#footer-info li {
    font-size: 10pt;
    display: block;
    list-style: none;
    padding-bottom: 10px;
    color: #999;
}
#footer-info li a{
    color: #999;
}