Hello,
I make a specific CSS for printing the excellent documentation of WeeWX.
This can help to print the documentation in a PDF file or on classic sheets
of paper.
You just have to copy/past the code above at the end of this file :
*~/weewx/docs/css/weewx_docs.css*
Maybe the code need to be optimised.
Feel free to comment or make suggestions to improve this specific CSS
/*///////////////////////////////////////////////////////////////////////////*/
/* CSS PRINT */
@media print {
/* Impose portrait printing with forced margins */
@page {
size: landscape;
margin-top: 1.8cm;
margin-bottom: 1.8cm;
margin-left: 1cm;
margin-right: 1cm;
}
body {
font-family: sans-serif;
font-size: 12pt;
background: none; /* Remove background image */
}
div.sidebar {
display: none; /* Delete the left menu */
}
div.main {
margin: 0; /* Do not make any margin for the left menu, which is
deleted */
}
.header {
border: none; /* Removing Borders from Header */
}
.title {
text-align: center; /* Center the title on the page */
font-size: 250%;
}
.footer {
display: none; /* Do not display the footer on the printable
version */
}
.image {
max-width: 98%; /* To be responsive the size of the image must at
most be in width that of the article container */
height: auto; /* Keep the ratio when the image is resized */
}
.logoref {
display: none; /* Deletion of the weewx logo in the main title of
the document */
}
.warning {
border: 1px solid #aac0b0; /*Replaces the red border with a gray
border */
}
.tty {
font-size: 80%
}
table {
max-width: 98%; /* To be responsive the size of the image must at
most be in width that of the article container */
height: auto; /* Keep the ratio when the image is resized */
}
p, blockquote {
orphans: 3; /* No orphan line down */
widows: 3; /* No orphan line up */
}
blockquote, ul, ol, table, .tty {
page-break-inside: avoid; /* No cut in these elements */
}
p, ul, ol {
text-align: justify; /* Justify text for paragraphs */
}
h1 {
page-break-before: always; /* Each title begins on a new page */
}
h1, h2, h3, h4, caption {
page-break-after: avoid; /* No jump after these elements */
}
h2, h3, h4 {
color: gray;
}
a {
color: gray;
text-decoration: underline;
}
}
Tiouck.
--
You received this message because you are subscribed to the Google Groups
"weewx-user" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
