MediaWiki:Print.css

From RawPedia
Revision as of 01:43, 3 February 2018 by DrSlony (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect the print output */
@page {
    margin: 2cm;
}

body {
    font: 14pt Georgia, "Times New Roman", Times, serif;
    /* line-height: 1.3; */
}

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;
}

/* 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;
}

/* 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;
}

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

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

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