From db88cf6a17bf89759bf555647b14233b99be673c Mon Sep 17 00:00:00 2001 From: "Adam T. Carpenter" Date: Tue, 24 Nov 2020 08:38:02 -0500 Subject: Basic redesign aimed at simplicity. --- includes/stylesheet.css | 84 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 84 insertions(+) create mode 100644 includes/stylesheet.css (limited to 'includes/stylesheet.css') diff --git a/includes/stylesheet.css b/includes/stylesheet.css new file mode 100644 index 0000000..a24fc46 --- /dev/null +++ b/includes/stylesheet.css @@ -0,0 +1,84 @@ +@font-face { + font-family: "Iosevka Slab"; + src: url("/includes/iosevka-slab-regular.woff2"); +} + +:root { + --balboa: #195970; + --charcoal: #32444a; + --ruby: #9b111e; + --slate: #798d94; + --white: white; + --box-radius: 1em; + --box-border: 0.5em solid var(--white); +} + +body { + font-family: "Iosevka Slab", monospace; + font-size: 1.5em; + background-color: var(--balboa); + color: var(--white); + max-width: 50em; + margin: auto; + padding: 1em; +} + +nav { + list-style-type: none; + text-align: center; +} + +nav ul { + padding: 0; + margin: 0; +} + +nav li { + display: inline-block; + margin: 0.5em; + padding: 0.5em; +} + +nav img { + padding-right: 0.5em; +} + +nav a:link, +nav a:visited, +nav a:hover, +nav a:active { + display: flex; + align-items: center; + color: var(--white); + text-decoration: none; +} + +a:link { + color: var(--slate); +} + +a:visited { + color: var(--charcoal); +} + +code { + display: block; + background-color: var(--charcoal); + padding: 1em; + border-radius: var(--box-radius); + border-left: var(--box-border); + border-right: var(--box-border); +} + +.description { + background-color: var(--ruby); + padding: 1em; + border-radius: var(--box-radius); + border-left: var(--box-border); + border-right: var(--box-border); +} + +h1, +blockquote { + font-style: oblique; +} -- cgit v1.2.3