mirror of
https://bjh21.me.uk/bedstead/.git
synced 2026-07-11 06:23:09 -04:00
885cfc5560
A typical Web browser support Web Fonts these days, so there's no need to use an image for the purpose. The other images remain for now since they're not really representing text.
65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
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;
|
|
}
|
|
|
|
/* Don't use any leading in <pre> so that mosaic graphics work. */
|
|
pre {
|
|
line-height: 1em;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 5em;
|
|
font-weight: inherit;
|
|
margin-top: 0;
|
|
margin-bottom: -0.2em;
|
|
}
|
|
|
|
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 ";
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Colours that make Bedstead look better (imitating my green monitor) */
|
|
body {
|
|
background-color: #031109;
|
|
color: #33ff88;
|
|
}
|
|
|
|
:link {
|
|
color: #38bf66;
|
|
}
|
|
:visited {
|
|
color: #22aa5b;
|
|
}
|