diff options
| author | Haoran S. Diao (刁浩然) <0@hairydiode.xyz> | 2025-09-06 16:26:02 -0700 |
|---|---|---|
| committer | Haoran S. Diao (刁浩然) <0@hairydiode.xyz> | 2025-09-06 16:26:02 -0700 |
| commit | e8d8792cdee2cc0ffe8ded129e440d3bc096d6a1 (patch) | |
| tree | c544427f12d7ff382d5d01eefe1f9f8ea00c947c /style.css | |
| parent | bcd562339341de43d9a51c4b96823bf32a9ed294 (diff) | |
Dinkie Bitmap
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..b555c94 --- /dev/null +++ b/style.css @@ -0,0 +1,64 @@ +/* + * Colors from randoma11y.com for accessibility. + */ +/* use local fontface */ +@font-face { + font-family: + "DinkieBitmap"; + src: + local('DinkieBitmap 9px'); + unicode-range: + U+2E80-FFFFF; + +} +/*use hosted iokalant fontface */ +@font-face { + font-family: + "DinkieBitmap"; + src: + url("fonts/DinkieBitmap-9px.ttf")format('truetype'); + /*2E80 is when radical supplements start*/ + unicode-range: + U+2E80-FFFFF; + +} +* { + font-family: Console,DinkieBitmap, monospace; + color: #ffffff; + background-color: #241f3b; + margin: 0px; /*default margins get in the way*/ + /*font size sets font height, assuming font width = 1/2 font height, + * then fh /2 * 80 = 60vw + * fh = 100/80 + * fh = 1.1vw + */ + font-size: 1.1vw; +} +a { + text-decoration: none; /*no underline*/ + color: #89bdcd; + +} +a:hover { + color: #241f3b; + background-color: #89bdcd; +} +.content { + display: block; + width: 50vw; + min-width: 50vh; + max-width: 90vw; + margin-left: auto; + margin-right: auto; +} + +img { + display: block; + /*overrides not margin to center from bounds of the <pre> tag*/ + margin-left: auto; + margin-right: auto; + /*default width*/ + width: 100%; + /*preserves aspect ratio*/ + height: auto; +} |