diff options
Diffstat (limited to 'themes/polaris/assets')
-rw-r--r-- | themes/polaris/assets/css/noto-serif.css | 179 | ||||
-rw-r--r-- | themes/polaris/assets/css/style.css | 80 |
2 files changed, 40 insertions, 219 deletions
diff --git a/themes/polaris/assets/css/noto-serif.css b/themes/polaris/assets/css/noto-serif.css deleted file mode 100644 index f902c5e..0000000 --- a/themes/polaris/assets/css/noto-serif.css +++ /dev/null @@ -1,179 +0,0 @@ -/* noto-serif-100 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 100; - src: url('../fonts/noto-serif-v30-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-100italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 100; - src: url('../fonts/noto-serif-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-200 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 200; - src: url('../fonts/noto-serif-v30-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-200italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 200; - src: url('../fonts/noto-serif-v30-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-300 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 300; - src: url('../fonts/noto-serif-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-300italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 300; - src: url('../fonts/noto-serif-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-regular - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 400; - src: url('../fonts/noto-serif-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 400; - src: url('../fonts/noto-serif-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-500 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 500; - src: url('../fonts/noto-serif-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-500italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 500; - src: url('../fonts/noto-serif-v30-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-600 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 600; - src: url('../fonts/noto-serif-v30-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-600italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 600; - src: url('../fonts/noto-serif-v30-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-700 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 700; - src: url('../fonts/noto-serif-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-700italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 700; - src: url('../fonts/noto-serif-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-800 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 800; - src: url('../fonts/noto-serif-v30-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-800italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 800; - src: url('../fonts/noto-serif-v30-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-900 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: normal; - font-weight: 900; - src: url('../fonts/noto-serif-v30-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} - -/* noto-serif-900italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Noto Serif'; - font-style: italic; - font-weight: 900; - src: url('../fonts/noto-serif-v30-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ - url('../fonts/noto-serif-v30-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ -} diff --git a/themes/polaris/assets/css/style.css b/themes/polaris/assets/css/style.css index 230e5b8..2ca94ef 100644 --- a/themes/polaris/assets/css/style.css +++ b/themes/polaris/assets/css/style.css @@ -7,8 +7,8 @@ --nav-active-background: #eeeeee; --nav-active-foreground: #1a1a1a; --hr-background: #8a8a8a; - --sans-serif-font: Noto Serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; - --serif-font: Noto Serif, Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --sans-serif-font: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; + --serif-font: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --mono-font: monospace; } @@ -19,8 +19,9 @@ body { font-family: var(--sans-serif-font); } -h1, h2, h3, h4, h5, h6 { - font-family: var(--serif-font); +.content h1, .content h2, .content h3 { + padding-bottom: 4px; + border-bottom: 1px #555555 solid; } a { @@ -32,99 +33,99 @@ a:hover { text-decoration: underline; } -.nav-over, main, footer { +.header, .content { max-width: 1000px; margin: 0 auto; } @media only screen and (max-width: 1100px) { - .nav-over, main, footer { + .header, .content { max-width: 800px; } } @media only screen and (max-width: 900px) { - .nav-over, main, footer { + .header, .content { max-width: 700px; } } @media only screen and (max-width: 750px) { - .nav-over, main, footer { + .header, .content { max-width: none; } - .nav-title, main, footer { + .header-top, .content { margin: 0 16px; } - .nav-title h2 { + .header-title { display: block; } } -.nav-under { - background-color: var(--nav-background); - padding: 4px 0; +.header-bottom { + height: 4px; + background: var(--nav-background); } -.nav-title h2 { +.header-title { display: inline-block; margin-top: 0; margin-bottom: 0; } -.nav-title { +.header-top { padding: 16px 0; } -.nav-subtext { +.header-subtext { margin-left: 16px; color: #999999; font-style: italic; } -.nav-over ul { +.header-items { list-style-type: none; margin: 0; padding-left: 0; overflow: hidden; } -.nav-link { +.header-item a { background-color: var(--nav-background); color: var(--nav-foreground); display: block; padding: 8px 12px; } -.link-active { +.header-item-active a { background-color: var(--nav-active-background); color: var(--nav-active-foreground); } -.link-left { +.header-item-left { float: left; } -.link-right { +.header-item-right { float: right; } @media only screen and (max-width: 400px) { - .link-left, .link-right { + .header-item-left, .header-item-right { float: none; } - .nav-under { + .header-bottom { display: none; } - .nav-title h2 { + .header-title { display: block; } - .nav-subtext { + .header-subtext { margin-left: 0; } } @@ -135,27 +136,26 @@ hr { border: none; } -footer { - text-align: center; -} - -.footer-break { - width: 120px; +pre { + padding: 8px; + white-space: pre-wrap; } -.build-date { - font-style: italic; +code { + font-size: 110%; } -.badge { - image-rendering: crisp-edges; +.toc { + background: #101010; + padding: 8px; } -pre { - padding: 8px; - white-space: pre-wrap; +.toc h2 { + margin-top: 0; + margin-bottom: 0; } -code { - font-size: 110%; +.toc > nav > ol { + margin-top: 8px; + margin-bottom: 0; } |