1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00

Lighten inks, inline footer nav on widescreen

- I felt dark-mode links were still a bit harsh, so I lightened them.
- Improved perceptual contrast of the purple visited links by making the
  background color slightly less blue.
- On widescreen, make footer links inline. They happen to be about the
  same width as the global nav, which makes this work well.
This commit is contained in:
Rohan Kumar 2022-04-22 08:53:11 -07:00
parent f10de9f2e2
commit 223fcd42c3
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 5 additions and 4 deletions

View file

@ -8,16 +8,16 @@
.skip { .skip {
/* "background" is short for a bunch of unnecessary CSS rules /* "background" is short for a bunch of unnecessary CSS rules
* background-color is all I need */ * background-color is all I need */
background-color: #0e0e0b; background-color: #0f0f0b;
} }
/* Only color <a> if it's a link; if href is empty, let it be. */ /* Only color <a> if it's a link; if href is empty, let it be. */
a:link { a:link {
color: #ffeab3; color: #ffeaba;
} }
a:visited { a:visited {
color: #ffdfff; color: #ffe3f9;
} }
a:active { a:active {

View file

@ -79,7 +79,8 @@ h1 {
/* single-line nav on widescreen and print. /* single-line nav on widescreen and print.
* Single-line nav on print saves almost half a page. */ * Single-line nav on print saves almost half a page. */
@media print, (min-width: 32em) { @media print, (min-width: 32em) {
header nav li { header nav li,
footer nav li {
display: inline; display: inline;
/* inline-end doesn't work in netsurf. -right should stil make sense /* inline-end doesn't work in netsurf. -right should stil make sense