From 420ceb49b53a8fa9d8ba8443e42e50cd7bd7cea9 Mon Sep 17 00:00:00 2001 From: Philip Wittamore Date: Sun, 12 Jul 2026 11:08:50 +0200 Subject: update --- style.css | 172 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 172 insertions(+) create mode 100755 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100755 index 0000000..fa678bf --- /dev/null +++ b/style.css @@ -0,0 +1,172 @@ +body, +html { + height: 100%; + color: #111; + margin: 10px; + font-family: "monospace"; + font-size: 1em; + line-height: 1.5em; + background-color: #fff; +} +html { + margin: auto; + width: 100%; + max-width: 80ch; +} +header { + margin-bottom: 1em; +} +.banner { + display: inline-block; + width: 100%; +} +.banner img { + float: left; + width: 4.5em; + height: 4.5em; +} +.banner p { + position: relative; + left: 0.4em; +} + +footer { + margin-top: 1em; + border-top: 1px solid #111; +} +p, +table, +thead, +tbody, +pre, +code, +div { + width: 100%; +} +p { + text-align: justify; +} +tbody tr { + background-color: #eee; +} +ul { + margin: 0; + padding: 0; +} +li { + list-style-type: disc; +} +li.articlelink { + list-style: none; + margin: 0; + padding: 0; +} +h1 { + color: #222; + font-size: 3em; +} +h2, +h3, +h4, +h5, +h6 { + color: #222; +} +h2.blogyear { + background-color: gold; + padding: 4px; +} +a { + color: #00e; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +strong, +em { + color: red; + padding-left: 2px; + padding-right: 2px; +} +b { + font-weight: bold; +} +small { + color: #8ec07c; +} +img { + max-width: 100%; +} +blockquote { + border-left: 2px solid khaki; + padding-left: 20px; + margin-left: 0px; +} +blockquote p { + font-style: italic; +} +hr { + height: 0; + border: 0; + border-top: 2px solid #458588; + margin: 1em 0; + padding: 0; +} +td { + padding-left: 1ch; + padding-right: 1ch; +} +th { + color: #222; + background-color: gold; + padding: 4px; +} +pre { + font-family: monospace; + white-space: pre-wrap; + font-size: 0.8em; + border-left: 1px solid #999999; + padding: 10px; + text-align: left; +} +code { + font-family: monospace; + background: #eee; + white-space: pre-wrap; + display: block; + padding: 10px; + text-align: left; +} + +.wrapper { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + padding-top: 25px; + height: 0; +} +.wrapper iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +figure { + margin: 0; + margin-top: 30px; + background: #8ec07c; + width: 400px; + max-width: 100%; +} +figcaption { + margin-bottom: 10px; + padding: 10px; + background: #8ec07c; + color: #111; + font-size: 1em; +} +.center { + text-align: center; +} -- cgit v1.3.1