site

text for beau's website
Log | Files | Refs

commit 25cf3567c23dce3ac9b1fae92116121ca45eeb2f
parent a2c19247b5a4a3f6f258bc6a3fc77dbe9e16b3da
Author: C. Beau Hilton <cbeauhilton@gmail.com>
Date:   Sun, 28 Jun 2020 07:42:05 -0500

style

Diffstat:
Astyle.css | 176+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 176 insertions(+), 0 deletions(-)

diff --git a/style.css b/style.css @@ -0,0 +1,176 @@ +/* ibm-plex-mono-regular - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Mono'), local('IBMPlexMono'), + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-mono-italic - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Mono'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'), + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-mono-600 - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Mono'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'), + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +/* ibm-plex-sans-regular - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Sans'), local('IBMPlexSans'), + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* ibm-plex-sans-italic - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'), + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* ibm-plex-sans-600 - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Sans'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* ibm-plex-serif-regular - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Serif'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Serif'), local('IBMPlexSerif'), + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* ibm-plex-serif-italic - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Serif'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'), + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* ibm-plex-serif-600 - latin-ext_latin */ +@font-face { + font-family: 'IBM Plex Serif'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'), + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} + +body { + max-width:40em; + margin: auto; + padding: 5px; + color: #474747; + background-color: #ffffff; + font-family: IBM Plex Serif; +} + +a{ + color:#0064e4; +} + +a:hover{ + color:#1d9700; + font-weight: 600; +} + +a:visited{ + color:#7f51d6 +} + +section{ + margin-bottom:4em +} + +table td { + padding: 0 0.4em; +} + +td.num { + text-align: right; +} + +section#masthead{ + margin-bottom:1em +} +section#masthead h1{ + margin:0 +} +section#masthead h1 a{ + color:#000 +} + +@media screen and (max-width: 440px){ + section#masthead h1{ + font-size:2em + } + div.presentation_summary img{ + display:block + } +} +@media screen and (min-width: 440px){ + section#masthead h1{ + font-size:3em + } + div.presentation_summary img{ + float:right + } +} +@media(prefers-color-scheme:dark){ + body{ + background-color:#181818; + color:#b9b9b9 + } + + a{ + color:#368aeb + } + + a:hover{ + color:#70b433 + } + + a:visited{ + color:#a580e2 + } + .response{ + background-color:#444 + } +} +