Difference between revisions of "MediaWiki:Print.css"
From Publication Station
m |
m |
||
Line 77: | Line 77: | ||
/* Hiding unnecessary elements for the print */ | /* Hiding unnecessary elements for the print */ | ||
header, .footer, nav, aside.mashsb-container, float:right, | |||
.sidebar, .mashshare-top, .mashshare-bottom, | .sidebar, .mashshare-top, .mashshare-bottom, | ||
.content-ads, .make-comment, .author-bio, | .content-ads, .make-comment, .author-bio, |
Latest revision as of 18:41, 26 April 2022
/* 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: 10pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: #fff !important;
color: #000;
}
h1 {
font-size: 18pt;
}
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, .footer, nav, aside.mashsb-container, float:right,
.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;
}