site-josuah

/usr/josuah
Log | Files | Refs

commit fee86fb448c5b5033524268b2ccd1311a3e0d105
parent b0e079830773e6a58f5476dfe715462521d8165c
Author: Josuah Demangeon <me@josuah.net>
Date:   Sun,  3 May 2020 23:19:40 +0200

random css

Diffstat:
Acss/clean.css | 14++++++++++++++
Acss/news.css | 55+++++++++++++++++++++++++++++++++++++++++++++++++++++++
Acss/term.css | 32++++++++++++++++++++++++++++++++
Acss/vapor.css | 39+++++++++++++++++++++++++++++++++++++++
Acss/windows.css | 62++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
5 files changed, 202 insertions(+), 0 deletions(-)

diff --git a/css/clean.css b/css/clean.css @@ -0,0 +1,14 @@ +body { + max-width: 80ch; + margin: auto; + padding: 5em 5ch; + font-family: sans; +} + +pre { + padding-left: 4ch; +} + +blockquote { + border-left: solid 1px grey; +} diff --git a/css/news.css b/css/news.css @@ -0,0 +1,55 @@ +html { + padding: 20px; +} + +body { + max-width: 75ch; + margin: 3em auto; + padding: 5em 5ch; + font-family: serif; + box-shadow: 0 10px 10px #777; + border: solid 1px; + text-column: 2; +} + +a { + color: inherit; + font-weight: bold; + text-decoration: none; +} + +h1 { + font-family: sans; + font-variant: all-small-caps; + font-size: 5em; + line-height: 0.8em; + margin: 0.1em 0; +} + +h2 { + border-top: 3px solid #777; + padding-top: 0.5em; +} + +h2:before, h2:after { + color: #777; +} + +hr { + border: 0; + border-top: solid 2px #777; + border-bottom: solid 2px #777; + height: 6px; +} + +pre { + padding-left: 4ch; +} + +nav { + font-family: monospace; +} + +blockquote { + border-left: solid 1px grey; +} diff --git a/css/term.css b/css/term.css @@ -0,0 +1,32 @@ +html { + background-color: #000; + margin: 3em; +} + +body { + background-color: #020; + box-shadow: 0 0 60px #474; + color: #fff; + max-width: 80ch; + margin: auto; + padding: 5em 5ch; + font-family: monospace; + font-size: 15px; +} + +* { + text-shadow: #8fa 0 0 3px; +} + +a { + color: #6f9; + text-decoration: none; +} + +pre { + padding-left: 4ch; +} + +blockquote { + border-left: solid 1px grey; +} diff --git a/css/vapor.css b/css/vapor.css @@ -0,0 +1,39 @@ +body { + max-width: 80ch; + margin: auto; + padding: 5em 5ch; + font-family: sans; + color: white; +} + +html { + background-image: linear-gradient(0.15turn, #825, #636); + background-attachment: cover; + min-height: 100%; +} + +a { + font-weight: bold; + text-decoration: none; + color: #7fa; +} + +h1, h2, h3, h4, h5, h6 { + color: #3fd; + border-bottom: solid 1px #2f4; +} + +hr { + border: 0; + height: 2px; + background: #ff0; + box-shadow: 0 0 9px #ff0; +} + +pre { + padding-left: 4ch; +} + +blockquote { + border-left: solid 1px grey; +} diff --git a/css/windows.css b/css/windows.css @@ -0,0 +1,62 @@ +body { + max-width: 80ch; + margin: auto; + padding: 5em 5ch; + font-family: sans; + line-height: 1.7em; + background-color: #ddd; +} + +p, ul, ol, blockquote, pre { + border: inset; + background: white; +} + +p, pre, blockquote { + padding: 1ch 1em; +} + +a, a:visited { + text-decoration: none; + border: outset #eee 3px; + background-color: #ddd; + color: inherit; +} + +a:active { + border: inset #eee 3px; + color: inherit; +} + +h1 { + background: #00a; +} + +h2 { + background: #666; +} + +h1, h2 { + border: outset; + font-size: 1.7em; + line-height: calc(1em + 6px); + text-align: center; + color: #fff; +} + +h1:after, h2:after { + content: "✕"; + float: right; + border: outset; + background-color: #ddd; + color: #333; + line-height: 1em; +} + +pre { + padding-left: 4ch; +} + +blockquote { + border-left: solid 1px grey; +}