commit 959771f66f50aecd8406cfafcd26f806701abbfd Author: Jordan Scales Date: Thu Apr 16 11:42:55 2020 -0400 initial commit diff --git a/SSERIFF.FON b/SSERIFF.FON new file mode 100644 index 0000000..71fbd3c Binary files /dev/null and b/SSERIFF.FON differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7125023 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + +
+
+
Hello, world!
+
+
+ +
+
+
Hello, world!
+
+
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..9561110 --- /dev/null +++ b/style.css @@ -0,0 +1,87 @@ +:root { + --button-highlight: #ffffff; + --button-face: #c0c0c0; + --button-shadow: #808080; + --window-frame: #0a0a0a; +} + +.raised-outer { + box-shadow: -1px -1px 0 1px var(--button-highlight), + 0 0 0 2px var(--window-frame); +} + +.raised-inner { + box-shadow: inset -2px -2px var(--button-shadow), + inset 2px 2px var(--button-face); +} + +.button-face { + background-color: var(--button-face); +} + +.sunken-outer { + box-shadow: -1px -1px 0 1px var(--window-frame), + 0 0 0 2px var(--button-highlight); +} + +.sunken-inner { + box-shadow: inset -2px -2px var(--button-face), + inset 2px 2px var(--button-shadow); +} + +body { + height: 100vh; + margin: 0; + padding: 0; + background: var(--button-face); +} + +* { + /* Hmmmm... how can I make these a webfont */ + font-family: "MS Sans Serif", Arial; + font-size: 11px; + -webkit-font-smoothing: none; + color: #222222; +} + +/* +u { + text-decoration: none; + border-bottom: 1px solid #222222; +} + +button { + background: #c0c0c0; + padding: 4px 10px; + border: none; + box-shadow: -0.5px -0.5px 0 0.5px #c0c0c0, 0 0 0 1px #808080, + -0.5px -0.5px 0 1.5px #ffffff, 0 0 0 2px #0a0a0a; +} + +button:active { + box-shadow: -0.5px -0.5px 0 0.5px #808080, 0 0 0 1px #c0c0c0, + -0.5px -0.5px 0 1.5px #0a0a0a, 0 0 0 2px #ffffff; +} + +button:disabled { + color: #9a9a9a; + text-shadow: 1px 1px 0 #eeeeee; +} + +button:focus { + outline: 1px dotted #000000; + outline-offset: -2px; +} + +fieldset { + border: none; +} + +fieldset > * { + margin: 0 6px 8px 0; +} + +fieldset > *:last-child { + margin: 0; +} +*/