From 08c1464bb2c588348b887e5aa6d11a447727d39a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Zurcher?= Date: Mon, 21 May 2018 16:45:50 +0200 Subject: add html and css external files --- footer | 1 + header | 6 ++ retro.css | 208 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 215 insertions(+) create mode 100644 footer create mode 100644 header create mode 100644 retro.css diff --git a/footer b/footer new file mode 100644 index 0000000..62b274f --- /dev/null +++ b/footer @@ -0,0 +1 @@ + diff --git a/header b/header new file mode 100644 index 0000000..98acda1 --- /dev/null +++ b/header @@ -0,0 +1,6 @@ + +

+ + +

+ diff --git a/retro.css b/retro.css new file mode 100644 index 0000000..32470be --- /dev/null +++ b/retro.css @@ -0,0 +1,208 @@ + + +pre, +code { + font-family: Menlo, Monaco, "Courier New", monospace; +} + +pre { + padding: .5rem; + line-height: 1.25; + overflow-x: scroll; +} + +@media print { + *, + *:before, + *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} + +a, +a:visited { + color: #01ff70; +} + +a:hover, +a:focus, +a:active { + color: #2ecc40; +} + +.retro-no-decoration { + text-decoration: none; +} + +html { + font-size: 12px; +} + +@media screen and (min-width: 32rem) and (max-width: 48rem) { + html { + font-size: 15px; + } +} + +@media screen and (min-width: 48rem) { + html { + font-size: 16px; + } +} + +body { + line-height: 1.85; +} + +p, +.retro-p { + font-size: 1rem; + margin-bottom: 1.3rem; +} + +h1, +.retro-h1, +h2, +.retro-h2, +h3, +.retro-h3, +h4, +.retro-h4 { + margin: 1.414rem 0 .5rem; + font-weight: inherit; + line-height: 1.42; +} + +h1, +.retro-h1 { + margin-top: 0; + font-size: 3.998rem; +} + +h2, +.retro-h2 { + font-size: 2.827rem; +} + +h3, +.retro-h3 { + font-size: 1.999rem; +} + +h4, +.retro-h4 { + font-size: 1.414rem; +} + +h5, +.retro-h5 { + font-size: 1.121rem; +} + +h6, +.retro-h6 { + font-size: .88rem; +} + +small, +.retro-small { + font-size: .707em; +} + +/* https://github.com/mrmrs/fluidity/blob/master/css/fluidity.css */ + +img, +canvas, +iframe, +video, +svg, +select, +textarea { + max-width: 100%; +} + +html, +body { + background-color: #222; + min-height: 100%; +} + +html { + /* font-size: 18px; */ +} + +body { + color: #fafafa; + font-family: "Courier New"; + line-height: 1.45; + margin: 6rem auto 1rem; + max-width: 60rem; + padding: .25rem; +} + +pre { + background-color: #333; +} + +blockquote { + border-left: 3px solid #01ff70; + padding-left: 1rem; +} + + +dt { + color: #df0101; + color: #ff8000; +} -- cgit v1.1-2-g2b99