diff --git a/src/static/css/2019.css b/src/static/css/2019.css index 69a62d88740..07359ba3295 100644 --- a/src/static/css/2019.css +++ b/src/static/css/2019.css @@ -355,7 +355,13 @@ body { box-sizing: border-box; } -h1, h2, h3, h4, h5, h6, .subtitle { +h1, +h2, +h3, +h4, +h5, +h6, +.subtitle { font-family: 'Poppins', sans-serif; line-height: 1.2em; } @@ -364,7 +370,8 @@ b { font-weight: bold; } -a:focus, a:hover { +a:focus, +a:hover { text-decoration: underline; } @@ -528,8 +535,10 @@ h2.header { letter-spacing: 2px; } -header.alt-bg a:hover, footer.alt-bg a:hover, -header.alt-bg a:focus, footer.alt-bg a:focus { +header.alt-bg a:hover, +footer.alt-bg a:hover, +header.alt-bg a:focus, +footer.alt-bg a:focus { color: #f7f779; } @@ -552,30 +561,35 @@ header.alt-bg a:focus, footer.alt-bg a:focus { color: #1a2b49; } -.top-header, footer { +.top-header, +footer { padding-top: 40px; padding-bottom: 40px; } -.top-header, footer .nav { +.top-header, +footer .nav { display: flex; justify-content: space-between; align-items: center; } -header nav ul, footer nav ul { +header nav ul, +footer nav ul { display: flex; align-items: center; margin: 0; padding-inline-start: 0; } -header nav li, footer nav li { +header nav li, +footer nav li { display: flex; line-height: 1.4em; } -header nav .menu li .year-switcher, header nav .menu li .language-switcher { +header nav .menu li .year-switcher, +header nav .menu li .language-switcher { margin-bottom: 4em; } @@ -696,7 +710,9 @@ header .cta { color: #0b1423; } -h2, h3, h4 { +h2, +h3, +h4 { margin-top: 2em; } @@ -706,7 +722,11 @@ h4 code { font-size: inherit; } -p, td, th, code, li { +p, +td, +th, +code, +li { font-size: 17px; font-size: 1.0625rem; line-height: 1.5em; @@ -842,7 +862,8 @@ p.copyright a { @media (max-width: 900px) and (min-width: 601px) { /* Header */ - .top-header, footer { + .top-header, + footer { position: relative; padding-top: 30px; padding-bottom: 30px; @@ -960,7 +981,12 @@ p.copyright a { /* Mobile View */ @media (max-width: 600px) { - body, p, td, th, code, li { + body, + p, + td, + th, + code, + li { font-size: 16px; font-size: 1rem; } @@ -976,7 +1002,8 @@ p.copyright a { } /* Header */ - .top-header, footer { + .top-header, + footer { position: relative; padding-top: 30px; padding-bottom: 30px; diff --git a/src/static/css/ebook.css b/src/static/css/ebook.css index 62957a86c54..4a2db677654 100644 --- a/src/static/css/ebook.css +++ b/src/static/css/ebook.css @@ -63,7 +63,8 @@ margin: 0; } -th, td { +th, +td { padding: 5px; } @@ -88,7 +89,8 @@ tbody tr:nth-child(even) { text-decoration: none; } -.content a, .content a:visited { +.content a, +.content a:visited { color: #0b1423; } @@ -264,7 +266,8 @@ section.chapter { } } -#toc, #foreword { +#toc, +#foreword { page: front-matter; } @@ -309,7 +312,9 @@ section.chapter { /* We have some big tables that can't be force to break * So we cheat and make them small enough to fit on a page */ - figure table td, figure table td li, figure table td p { + figure table td, + figure table td li, + figure table td p { font-size: 12px; font-size: 0.85rem; } @@ -379,13 +384,19 @@ section.chapter { page-break-inside: avoid; } - h1, h2, h3, h4, h5 { + h1, + h2, + h3, + h4, + h5 { font-weight: bold; page-break-after: avoid; page-break-inside: avoid; } - h1 + p, h2 + p, h3 + p { + h1 + p, + h2 + p, + h3 + p { page-break-before: avoid; } diff --git a/src/static/css/page.css b/src/static/css/page.css index ea546875e5a..c0107ace8c7 100644 --- a/src/static/css/page.css +++ b/src/static/css/page.css @@ -157,7 +157,8 @@ min-width: 20rem; } -.content > section, .content > article { +.content > section, +.content > article { margin-bottom: 32px; margin-bottom: 2rem; } @@ -189,7 +190,8 @@ font-style: italic; } -.byline.reviewers, .byline.translators { +.byline.reviewers, +.byline.translators { font-weight: normal; } @@ -343,7 +345,8 @@ right: -1.5rem; } -aside, .note { +aside, +.note { font-style: italic; } @@ -455,12 +458,14 @@ thead { border-bottom: 1px solid #eee; } -th, td { +th, +td { padding: 10px; padding: 0.625rem; } -th.numeric, td.numeric { +th.numeric, +td.numeric { text-align: right; } diff --git a/src/static/css/print.css b/src/static/css/print.css index a0493326276..6177a91cb50 100644 --- a/src/static/css/print.css +++ b/src/static/css/print.css @@ -1,4 +1,12 @@ -.top-header, .index, .discuss, #chapter-navigation, footer .navigation-logo, footer .nav-items, footer .language-switcher, footer .social-media, footer hr { +.top-header, +.index, +.discuss, +#chapter-navigation, +footer .navigation-logo, +footer .nav-items, +footer .language-switcher, +footer .social-media, +footer hr { display: none; } @@ -10,7 +18,12 @@ a.btn { display: none; } -h1, h2, h3, p, p.copyright, p.copyright a { +h1, +h2, +h3, +p, +p.copyright, +p.copyright a { color: black; }