Last active
February 6, 2022 16:43
-
-
Save vgrovestine/8ae0a99ef23174878adc7b7c3acf0901 to your computer and use it in GitHub Desktop.
Printer-friendly stylesheet to override the default @print styling of https://www.e-education.psu.edu/meteo*/print/*, thus providing an improved, cleaner and more legible hard-copy experience..
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400;1,700&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap'); | |
body { | |
background-color: #fff; | |
color: #000; | |
} | |
body, | |
body * { | |
font-family: Tinos, "Liberation Serif", serif; | |
font-size: 11pt; | |
line-height: 1.375em; | |
} | |
a { | |
color: #003; | |
} | |
h1, h2, h3, h4, h5, h6 { | |
font-family: Arimo, "Liberation Sans", sans; | |
padding: 0; | |
margin: 1em 0; | |
} | |
h1 { | |
color: #900; | |
font-size: 2rem; | |
padding-bottom: 0.25em; | |
border-bottom: 0.0625em solid; | |
margin-top: 1.5em; | |
/* | |
break-before: always; | |
page-break-before: always; | |
*/ | |
} | |
h2 { | |
font-size: 1.675rem; | |
} | |
h3 { | |
font-size: 1.375rem; | |
} | |
h4, h5, h6 { | |
font-size: 1.125rem; | |
} | |
body > div { | |
width: 98%; | |
padding: 0; | |
margin: 0 auto; | |
} | |
img { | |
max-width: 100%; | |
height: auto; | |
} | |
div.image-caption, | |
div.image-credit { | |
background-color: #ddd; | |
font-size: 0.75rem; | |
box-sizing: border-box; | |
border: 1px solid #999; | |
padding: 0.25em; | |
page-break-before: avoid; | |
break-before: avoid; | |
} | |
div.image-caption { | |
border-bottom: none; | |
} | |
div.image-credit { | |
border-top: none; | |
} | |
div.image-credit { | |
font-style: italic; | |
} | |
div.print-site_name, | |
div.print-site_name * | |
div.print-breadcrumb, | |
div.print-breadcrumb * { | |
font-size: 0.75rem; | |
} | |
hr.print-hr { | |
margin: 2rem 0; | |
/* | |
page-break-after: avoid; | |
break-after: avoid; | |
*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment