diff options
Diffstat (limited to 'static-html')
-rw-r--r-- | static-html/index.css | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/static-html/index.css b/static-html/index.css new file mode 100644 index 0000000..eb1340b --- /dev/null +++ b/static-html/index.css @@ -0,0 +1,90 @@ +/*:root { + --bg-color: #A1EEBD; + --site-header-color: #7BD3EA; + --main-bg-color: #fff; + --border-color: #F6D6D6; + --main-width: 800px; +}*/ +:root { + --blue: #7BD3EA; + --green: #A1EEBD; + --pink: #F6D6D6; + --bg-color: #ffffeb; + --code-color: white; + --border-color: var(--pink); + --article-border-color: var(--green); + --article-border-outset-color: var(--blue); + --main-width: 800px; +} + +html, body { + margin: 0; + background-color: var(--bg-color); +} + +/* NAV */ + +#site-header { + margin: 16px; + text-align: center; +} + +#site-title { + font-size: 3em; + text-decoration: underline; + text-decoration-style: wavy; + text-decoration-color: var(--pink); + color: #000; + font-family: monospace; +} + +#cursor { + color: #444; +} + +nav { + margin: 4px 0; +} + +nav a:not(:first-child){ + margin-left: 4px; +} + +/* MAIN */ +main { + max-width: var(--main-width); + margin: auto auto; + border-color: var(--article-border-color); + border-right-color: var(--article-border-outset-color); + border-bottom-color: var(--article-border-outset-color); + border-radius: 4px; + border-style: solid; +} +main article { + margin: 16px; + line-height: 1.5em; +} + +main article h1 { + text-align: center; +} + +main footer { + background-color: var(--pink); + margin: 16px 0; + padding: 2px 16px; +} + + +footer { + font-size: .8em; + padding: 16px; +} +#copyright { + text-align: center; +} + +pre, code { + background-color: var(--code-color); + padding: 4px 16px; +} |