From 29963114b0a8435cb4ea239dffebb0216491c8a2 Mon Sep 17 00:00:00 2001 From: Alvie Rahman Date: Sun, 3 Apr 2022 21:10:43 +0100 Subject: [PATCH] initial commit --- base.css | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++ buttonlist.css | 29 ++++++++++++++++ readme | 12 +++++++ 3 files changed, 134 insertions(+) create mode 100644 base.css create mode 100644 buttonlist.css create mode 100644 readme diff --git a/base.css b/base.css new file mode 100644 index 0000000..0bad0a5 --- /dev/null +++ b/base.css @@ -0,0 +1,93 @@ +body { + font-family: "Open Sans", sans-serif; + color: #454545; + font-size: 16px; + margin: 2em auto; + max-width: 800px; + padding: 1em; + line-height: 1.4; + overflow-wrap: break-word; + background-color: #fefefe; +} + +a { color: #07a; } +a:visited { color: #941352; } + +.tableWrapper { + max-width: 100%; + overflow-x: scroll; +} + +table { + border-collapse: collapse; + margin: 1em auto; + max-width: 100%; +} + +th, td { + padding: 1em; + border: 1px solid #454545; + margin: 0; +} + + + +pre { + padding: 1em; + overflow: scroll; +} + +code, pre{ + background-color: #d9d9d9 ; + color: #000; +} + + +details { + padding: 1em 0 1em 0; +} + +summary > * { + display: inline +} + + +li { + margin-bottom: 1em; +} + + +blockquote { + border-left: 0.4em solid #454545; + margin-left: 0; + padding-left: 1em; + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +blockquote * { + margin: 0; +} + + +img, video { + margin: 0 auto; + display: block; + max-width: 100%; +} + + +figcaption { + margin: 0 auto; + max-width: 100%; +} + + +kbd { + background-color: #d9d9d9; + border-radius: 0.25em; + padding: 0.2em; + box-shadow: 0.15em 0.15em 0 #c9c9c9; + margin-left: 0.2em; + margin-right: 0.2em; +} diff --git a/buttonlist.css b/buttonlist.css new file mode 100644 index 0000000..535ca02 --- /dev/null +++ b/buttonlist.css @@ -0,0 +1,29 @@ +.buttonlist { + border-left: 1px solid #b3b3b3; + padding-left: 0.5em; + margin-left: 0.5em; +} + +.buttonlist li { + list-style: none; + margin: 0; +} + +.buttonlist li a { + color: #454545; + text-decoration: none; + width: 100%; +} +.buttonlist li > * * { + color: #454545; + width: 100%; + margin: 0; + padding: 0.75em; + transition: 0.5s; + box-sizing: border-box; +} + +.buttonlist li > a:hover * { + background: #d9d9d9; + color: black; +} diff --git a/readme b/readme new file mode 100644 index 0000000..018a994 --- /dev/null +++ b/readme @@ -0,0 +1,12 @@ +styles.alv.cx + +central styling repo and domain + + +to style a site, put this in a css file somewhere: + + @import url("https://styles.alv.cx/styles.css"); + +and any of these optional modules you want: + + @import url("https://styles.alv.cx/buttonlist.css");