diff --git a/static/css/format-print.css b/static/css/format-print.css index 6cebb66d8a..277dc24b11 100644 --- a/static/css/format-print.css +++ b/static/css/format-print.css @@ -54,7 +54,7 @@ pre { display: none; } -#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 { +#body h1, #body h2, #body h3, #body .article-subheading, #body h4, #body h5, #body h6 { /* better contrast for colored elements */ color: black; } diff --git a/static/css/theme.css b/static/css/theme.css index b8ef51281c..64d6a5c480 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -20,16 +20,16 @@ body { width: 100%; } -body #body-inner.narrow h1 { +body:not(.print) #body-inner.narrow h1 { font-size: 3.5rem; } @media only screen and (min-width: 48em) and (max-width: 59.938em) { - body #body-inner.narrow h1 { + body:not(.print) #body-inner.narrow h1 { font-size: 2.8rem; } } @media only screen and (max-width: 47.938em) { - body #body-inner.narrow h1 { + body:not(.print) #body-inner.narrow h1 { font-size: 2.5rem; } } @@ -353,23 +353,23 @@ th { width: calc( 1300px - 300px - 2 * 3.25rem ); max-width: calc( 1300px - 300px - 2 * 3.25rem ); } - #body .narrow .flex-block-wrapper { + body:not(.print) #body .narrow .flex-block-wrapper { min-width: calc( 1300px - 300px - 2 * 9.75rem ); width: calc( 1300px - 300px - 2 * 9.75rem ); max-width: calc( 1300px - 300px - 2 * 9.75rem ); } } -#body-inner.narrow { +body:not(.print) #body-inner.narrow { padding: 2rem 9.75rem; } @media screen and (max-width: 59.938em) { - #body-inner.narrow { + body:not(.print) #body-inner.narrow { padding: 15px 6.5rem; } } @media screen and (max-width: 47.938em) { - #body-inner.narrow { + body:not(.print) #body-inner.narrow { padding: 5px 3.25rem; } } @@ -381,12 +381,11 @@ th { text-align: center; } -#body-inner.narrow h1 { +body:not(.print) #body-inner.narrow h1 { border-bottom: 4px solid rgba( 134, 134, 134, .125 ); - font-size: 5rem; } -#body-inner.narrow p { +body:not(.print) #body-inner.narrow p { font-size: 1.2rem; text-align: justify; }