From 536494b1e9bd5eda363837faacbed0ad46bfc5ae Mon Sep 17 00:00:00 2001 From: Sam Anthony Date: Tue, 23 Dec 2025 13:47:44 -0330 Subject: theme: css and nav --- themes/aoidh/assets/css/aoidh.css | 87 +++++++++++++++++++++++++++++++++++++++ themes/aoidh/assets/css/main.css | 22 ---------- 2 files changed, 87 insertions(+), 22 deletions(-) create mode 100644 themes/aoidh/assets/css/aoidh.css delete mode 100644 themes/aoidh/assets/css/main.css (limited to 'themes/aoidh/assets') diff --git a/themes/aoidh/assets/css/aoidh.css b/themes/aoidh/assets/css/aoidh.css new file mode 100644 index 0000000..5307ee0 --- /dev/null +++ b/themes/aoidh/assets/css/aoidh.css @@ -0,0 +1,87 @@ +:root { + --paper-color: #ffffea; + --dark-yellow: #99994c; + --light-blue: #eaffff; + --dark-blue: #8888cc; + --light-gray: #eee; + --dark-gray: #888; +} + +html { + background: var(--light-gray); +} + +body { + display: block; + float: none; + margin-left: auto; + margin-right: auto; + line-height: 1.5rem; + max-width: 60rem; + margin-top: 2rem; + margin-bottom: 2rem; + padding: .5rem 1rem .25rem; + border: 1px solid var(--dark-gray); + box-shadow: 2px 2px var(--dark-yellow); +} + +body { + font-family: serif; + text-rendering: optimizeLegibility; + color: #000; + background: #fff; +} + +header { + margin-bottom: 2rem; +} + +nav { + display: block; +} + +nav ul { + display: flex; + list-style-type: none; +} + +nav a { + color: #000; + background: #fff; + padding: .2rem 1.5rem .2rem 1.5rem; + margin: .1rem 0 .1rem 1rem; + border: .1rem solid var(--dark-blue); + box-shadow: .1rem .1rem var(--dark-blue); +} + +nav li:first-child a { + margin-left: 0; +} + +nav a:hover, nav a:focus { + color: #000; + background: var(--light-blue); +} + +nav a:active { + color: #000; + background: #fff; + box-shadow: 0 0; +} + +ul { + padding: 0; +} + +p { + text-align: justify; + max-width: 40rem; +} + +a { + text-decoration: none; +} + +p a { + text-decoration: underline; +} diff --git a/themes/aoidh/assets/css/main.css b/themes/aoidh/assets/css/main.css deleted file mode 100644 index 166ade9..0000000 --- a/themes/aoidh/assets/css/main.css +++ /dev/null @@ -1,22 +0,0 @@ -body { - color: #222; - font-family: sans-serif; - line-height: 1.5; - margin: 1rem; - max-width: 768px; -} - -header { - border-bottom: 1px solid #222; - margin-bottom: 1rem; -} - -footer { - border-top: 1px solid #222; - margin-top: 1rem; -} - -a { - color: #00e; - text-decoration: none; -} -- cgit v1.2.3