text text text

+ +

+ diff --git a/media/arrow-down.gif b/media/arrow-down.gif new file mode 100644 index 0000000..1171d81 Binary files /dev/null and b/media/arrow-down.gif differ diff --git a/media/arrow-right.gif b/media/arrow-right.gif new file mode 100644 index 0000000..3b245d0 Binary files /dev/null and b/media/arrow-right.gif differ diff --git a/media/border-full.gif b/media/border-full.gif new file mode 100644 index 0000000..29ddc88 Binary files /dev/null and b/media/border-full.gif differ diff --git a/media/border-hr.gif b/media/border-hr.gif new file mode 100644 index 0000000..fcd2f32 Binary files /dev/null and b/media/border-hr.gif differ diff --git a/media/border-summary.gif b/media/border-summary.gif new file mode 100644 index 0000000..5ff5792 Binary files /dev/null and b/media/border-summary.gif differ diff --git a/style.css b/style.css index f53e107..49e6fff 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,16 @@ +/*@import url("/times.css");*/ + :root { - background: #122; + image-rendering: pixelated; + font-family: "Times New Roman"; } +p { + font-size: 15px; +} +h3 { + font-size: 18px; +} /* --- LOGO --- */ #logo { @@ -24,7 +33,51 @@ /* --- BORDER --- */ .border { - border: 22px solid #0000; - border-image: url(/border.png) 22; - border-image-repeat: round; + border-image-slice: 6 5 5 6 fill; + border-image-width: 6px 5px 5px 6px; + border-image-outset: 5px 5px 5px 5px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhDAAMAHcAACH5BAgKAAAALAAAAAAMAAwAgiIgNEUoPGY5MY9WO9mgZu7DmgAAAAAAAAMrGLq89DCCQIa9VsyKr6YWIALZFj5BCQ4AUaTDxzEq18XmjQdC7/+joBCQAAA7"); + border-style: solid; + padding: 0px } + +.border > hr { + border-image-slice: 1 1 5 1; + border-image-width: 1px 1px 5px 1px; + border-image-outset: 0px 4px 0px 4px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhAwAGAHcAACH5BAgKAAAALAAAAAADAAYAgSIgNEUoPI9WO9mgZgIHjIWZwDBRAAA7"); + border-style: solid; + border-width: 1px 1px 5px 1px; + margin: 0px; + margin-top: 3px; +} + +.border > h3:first-child { + margin: 0px; + font-weight: bold; +} +.border > summary > h3:first-child { + margin: 0px; + margin-left: 8px; + font-weight: bold; + display: inline; + border-image-slice: 1 0 1 6; + border-image-width: 1px 0px 1px 6px; + border-image-outset: 0px 0px 0px 6px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhBgAEAKIAACIgNEUoPGY5MY9WO9mgZu7DmgAAAAAAACH5BAgKAAAALAAAAAAGAAQAAAMLCLMAsQOQxyYMIQEAOw=="); + border-left-style: solid; + box-sizing: border-box; + padding-top: 4px; + padding-bottom: 5px; +} +.border > summary { + margin-left: 5px; + height: 21px; +} +.border > summary::marker { + color: #663931; +} + diff --git a/style/firefox.css b/style/firefox.css new file mode 100644 index 0000000..f6b67aa --- /dev/null +++ b/style/firefox.css @@ -0,0 +1,20 @@ +/* sigh, spacings are all over the place between browsers. + my attempt to fix it with unicode-char markers only made + things *significantly* worse. webkit and chromium seem + to have parity the way things are now, so it's just + gecko that needs a 1px tweak. + + rip. */ + +.border > summary > h3:first-child { + padding-bottom: 4px; +} + +/* tweak to square summary marker box */ + +.border > summary { + margin-left: 7px; +} +.border > summary > h3:first-child { + margin-left: 9px; +} diff --git a/style/mobile-chrome.css b/style/mobile-chrome.css new file mode 100644 index 0000000..36c86e9 --- /dev/null +++ b/style/mobile-chrome.css @@ -0,0 +1,5 @@ +/* unfuck the pixels! */ +/* TODO: idk submit a bug ticket */ +.border > hr { + border-image-outset: 0px 2px 0px 2px; +} diff --git a/times.css b/times.css new file mode 100644 index 0000000..bd0a148 --- /dev/null +++ b/times.css @@ -0,0 +1,28 @@ +@font-face { + font-family: "Times New Roman"; + src: + local("Times New Roman"), + url("/times/times.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-weight: bold; + src: + local("Times New Roman"), + url("/times/bold.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-style: italic; + src: + local("Times New Roman"), + url("/times/italic.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-weight: bold; + font-style: italic; + src: + local("Times New Roman"), + url("/times/bold-italic.ttf"); +} diff --git a/times/bold-italic.ttf b/times/bold-italic.ttf new file mode 100644 index 0000000..47e8580 Binary files /dev/null and b/times/bold-italic.ttf differ diff --git a/times/bold.ttf b/times/bold.ttf new file mode 100644 index 0000000..578542c Binary files /dev/null and b/times/bold.ttf differ diff --git a/times/italic.ttf b/times/italic.ttf new file mode 100644 index 0000000..eff3616 Binary files /dev/null and b/times/italic.ttf differ diff --git a/times/times.ttf b/times/times.ttf new file mode 100644 index 0000000..d7969c3 Binary files /dev/null and b/times/times.ttf differ -- cgit v1.2.3-54-g00ecf

$title

$title