MediaWiki:Print.css: Difference between revisions

Revision as of 17:30, 30 January 2019

/* CSS placed here will affect the print output */
@page {
    margin: 2cm;
}

body {
    font: 12pt Georgia, "Times New Roman", Times, serif !important;
    /* line-height: 1.3; */
    font-size: 16pt;
color: red;
}

.printfooter, #footer, .thumb, table, ol, dl, ul, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
}

pre, .mw-code {
    font-size: 10pt;
    padding: 1em;
}

p,
ul li,
ol li {
/* I don't know WTF mediawiki are doing, but they nuked these */
/* This is to fix changes in vector styles and set the correct font size */
font-size: 16pt;
}

h1, h2, h3, h4, h5 {
    /* margin-bottom: -0.5em; */
}

/* RawPedia title
 * Bottom margin is handled by .timestamp */
h1#firstHeading {
    margin: 1em 0 0 0;
    text-align: center;
    font-size: 4em;
    text-shadow: 0.05em 0.05em 0.05em #CCCCCC;
    border: none;
    line-height: 1em;
}

/* H1 is reserved by MediaWiki for page titles,
 * but we have to include page titles manually,
 * and they use the .pageTitle class in a div
 * to avoid having multiple H1 tags. */
h1 {
}

/* Article sections */
h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

/* Section titles */
.sectionTitle {
    display: block;
    font-size: 3em;
    margin-bottom: 0;
    background-color: #464646;
    color:#EEEEEE;
    padding: 0.2em;
}

/* Subsection titles */
.subSectionTitle {
    display: block;
    font-size: 2.5em;
    background-color: #EEEEEE;
}

/* Page titles */
.pageTitle {
    display: block;
    font-weight: bold;
    font-size: 2.2em;
    border-bottom: solid 0.05em black;
}

div.page {
    page-break-after: always;
    clear: both;
}

p {
    line-height: 1.3;
}

.toc, #toc {
    display: none;
}

img {
    max-width: 100%;
}

p a[href^="http://"]:after, a[href^="https://"]:after {
    content: " (" attr(href) ")";
    font-size: 80%;
}

p a {
    word-wrap: break-word;
}

a {
    border-bottom: none;
}

.page-break {
    display: block;
    page-break-before: always;
    clear: both;
}

div.thumb {
    max-width: 100%;
}

.timestamp {
    text-align: center;
    margin-bottom: 4em;
}