bedstead/bedstead.css
Ben Harris 75bd5aa376 Switch Bedstead Web page to dark-on-light.
I recently saw Bedstead featured on a collection of programming fonts
and noticed that it was much prettier there than on its own Web page.
That's clearly wrong, and I think displaying it in a light colour on a
dark background (and with less than maximum contrast) helped.  The new
colours are based on my memory of the old Philips green-screen monitor
currently connected to my Beeb (because I'm too lazy to get out of bed
and check it).
2019-01-31 00:32:21 +00:00

49 lines
908 B
CSS

/* This is the stylesheet for the Bedstead Web pages. */
/* Make Bedstead usable through font-* properties. */
@import url(bedstead-faces.css);
/* Use Bedstead with proportional spacing for everything. */
body {
font-family: Bedstead;
font-size: 20px;
font-feature-settings: "palt";
font-synthesis: none;
margin-left: 24px;
}
/* Except where it's conventional to use a monospaced version. */
kbd, code, tt, pre {
font-family: Bedstead, monospace;
font-feature-settings: normal;
}
h2 {
font-size: 2em;
font-stretch: ultra-condensed;
font-weight: inherit;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
h1, h2 {
margin-left: -24px;
}
ul {
list-style-type: "\2022 ";
}
/* Colours that make Bedstead look better (imitating my green monitor) */
body {
background-color: #222;
color: #8f8;
}
:link {
color: #cfc;
}
:visited {
color: #bfb;
}