mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-13 01:02:10 +00:00
CSS: corrective spacing, dark-theme coga
Yellow is a harsh color for people who deal with overstimulation; soften it up a bit.
This commit is contained in:
parent
c939afbc0a
commit
901e52b442
2 changed files with 16 additions and 5 deletions
|
@ -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: #0e0e0e;
|
background-color: #0e0e0b;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 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: #fe8;
|
color: #ffeab3;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #edc;
|
color: #ffdfff;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:active {
|
a:active {
|
||||||
|
|
|
@ -29,6 +29,13 @@ html {
|
||||||
html {
|
html {
|
||||||
max-width: 45em;
|
max-width: 45em;
|
||||||
padding: 0 2%;
|
padding: 0 2%;
|
||||||
|
|
||||||
|
/* Default font sizes are one-size-fits-all; they're optimized for a
|
||||||
|
* wide variety of complex pages. For single-column websites like
|
||||||
|
* mine, it's safe to bump it up ever so slightly.
|
||||||
|
* Only do this on screen, since printouts already improve legibility
|
||||||
|
* and cost paper + ink. */
|
||||||
|
font-size: 106%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 45em is too wide for long body text. */
|
/* 45em is too wide for long body text. */
|
||||||
|
@ -90,7 +97,7 @@ kbd {
|
||||||
/* narrow screens: remove unused figure margins */
|
/* narrow screens: remove unused figure margins */
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
margin: 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* figcaptions should be distinct from surrounding paragraphs tho */
|
/* figcaptions should be distinct from surrounding paragraphs tho */
|
||||||
|
@ -214,7 +221,11 @@ a:focus,
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -2em;
|
top: -2em;
|
||||||
left: .25em;
|
left: .25em;
|
||||||
/* #06c is the default link color in FF, IE, and ux.redhat.com
|
/* skip-link could appear on top of existing content, so it needs a
|
||||||
|
* solid background to be legible. If we set the background, we must
|
||||||
|
* also set the foreground. Not all browsers support system colors
|
||||||
|
* ("Canvas", "LinkText"), so we need to pick our own colors.
|
||||||
|
* #06c is the default link color in FF, IE, and ux.redhat.com
|
||||||
* #00e is the default in WebKit, Blink, and ancient FF. */
|
* #00e is the default in WebKit, Blink, and ancient FF. */
|
||||||
color: #00e;
|
color: #00e;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
Loading…
Reference in a new issue