paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 1557b7fb3f1c1a02bb0c284f07bd5997a2a1cd26
parent 4df40b3e0589969b5cdcb56492d59ba0c3bf2db1
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Sat, 25 Jan 2020 22:02:44 -0500

Tweaks and changes to css, change link colours in dark mode

Diffstat:
Mstyle/main.css | 50+++++++++++++++++++++++++++++---------------------
1 file changed, 29 insertions(+), 21 deletions(-)

diff --git a/style/main.css b/style/main.css @@ -4,8 +4,8 @@ --bg-alt: #424242; --fg-alt: #eaeaea; --unvis-link: #4e8dc5; - --vis-link: #9a828b; - --hov-link: #917ebf; + --vis-link: #917ebf; /*#9a828b;*/ + --hov-link: #bb7777; --kbd-bg: #b4b4b4; --kbd-fg: #333333; --danger-bg: #880000; @@ -54,6 +54,14 @@ nav > a { text-decoration: none; } +nav > a:hover { + text-decoration: underline; +} + +nav > a:visited { + color: var(--unvis-link); +} + a { background-color: transparent; color: var(--unvis-link); @@ -64,7 +72,7 @@ a:visited { } a:hover { - text-decoration: underline; + text-decoration: none; color: var(--hov-link); } @@ -73,6 +81,10 @@ li a, .feed-item { font-weight: bold; } +li a:hover, .feed-item:hover { + text-decoration: underline; +} + pre { background-color: var(--bg-alt); font-family: "DejaVu Sans Mono", monospace; @@ -199,11 +211,6 @@ img { font-size: 1.1em; } -#header a, #header a:visited { - color: var(--fg); - text-decoration: none; -} - #table-of-contents { float: right; margin: 0 0 1em 1em; @@ -241,6 +248,7 @@ img { nav > a { line-height: 1.5em; + font-size: 1.2em; } .inline-notice, .inline-warning, .inline-danger { @@ -262,6 +270,10 @@ img { } @media all and (prefers-color-scheme: light) { + nav > a:visited { + color: var(--unvis-link-light); + } + body { background-color: var(--bg-light); color: var(--fg-light); @@ -281,17 +293,17 @@ img { color: var(--fg-alt-light); } -.inline-notice { - background-color: var(--notice-bg-light); -} + .inline-notice { + background-color: var(--notice-bg-light); + } -.inline-warning { - background-color: var(--warning-bg-light); -} + .inline-warning { + background-color: var(--warning-bg-light); + } -.inline-danger { - background-color: var(--danger-bg-light); -} + .inline-danger { + background-color: var(--danger-bg-light); + } a { color: var(--unvis-link-light); @@ -305,10 +317,6 @@ img { color: var(--hov-link-light); } - #header a, #header a:visited { - color: var(--fg-alt-light); - } - #table-of-contents { background-color: var(--bg-alt-light); border: 3px var(--border-light) solid;