MediaWiki:Print.css

From Publication Station
Revision as of 19:07, 26 April 2022 by Wilco (talk | contribs) (Created page with "→‎CSS placed here will affect the print output: →‎based on: https://www.jotform.com/blog/css-perfect-print-stylesheet-98272: →‎Setting content width, unsetting floats and margins: →‎Attention: the classes and IDs vary from theme to theme. Thus, set own classes here: #content,#page { width: 100%; margin: 0; float: none; } →‎* Setting margins: @page { margin: 2cm } →‎Or:: @page :left { margin: 1cm; } @page :right { margin: 1cm; } /* The first page...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 */
/* based on: https://www.jotform.com/blog/css-perfect-print-stylesheet-98272 */
/* Setting content width, unsetting floats and margins */
/* Attention: the classes and IDs vary from theme to theme. Thus, set own classes here */
#content,#page {
width: 100%; 
margin: 0; 
float: none;
}
/** Setting margins */       
@page { margin: 2cm }
/* Or: */
@page :left {
margin: 1cm;
}
@page :right {
margin: 1cm;
}
/* The first page of a print can be manipulated as well */
@page :first {
margin: 1cm 2cm;
}

/* Set font to 16px/13pt, set background to white and font to black.*/
/* This saves ink */
body {
font: 13pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}
h1 {
font-size: 24pt;
}
h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
}

/* Defining all page breaks */
a {
page-break-inside:avoid
}
blockquote {
page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
page-break-inside:avoid }
img { page-break-inside:avoid; 
page-break-after:avoid; }
table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }

/* Displaying link color and link behaviour */
a:link, a:visited, a {
background: transparent;
color: #520;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
a {
page-break-inside:avoid
}
a[href^=http]:after {
content:" < " attr(href) "> ";
}
$a:after > img {
content: "";
}
article a[href^="#"]:after {
content: "";
}
a:not(:local-link):after {
content:" < " attr(href) "> ";
}

/* Hiding unnecessary elements for the print */
#header-widgets, nav, aside.mashsb-container, 
.sidebar, .mashshare-top, .mashshare-bottom, 
.content-ads, .make-comment, .author-bio, 
.heading, .related-posts, #decomments-form-add-comment, 
#breadcrumbs, #footer, .post-byline, .meta-single, 
.site-title img, .post-tags, .readability 
{
display: none;
}

/* Adding custom messages before and after the content */
.entry:after {
content: "\ Welcome to the Publication Station";
color: #999 !important;
font-size: 1em;
padding-top: 30px;
}
#header:before {
content: "\ Thank you for printing our article. We hope that some of our other articles can catch your eye as well.";
color: #777 !important;
font-size: 1em;
padding-top: 30px;
text-align: center !important;    
}