From 67890863c8dd204cc2a708da819d2ac97ef0fbcd Mon Sep 17 00:00:00 2001 From: Christophe HENRY Date: Tue, 9 Mar 2021 15:40:30 +0100 Subject: [PATCH] Adds a greeny terminal CSS --- css/terminal.css | 122 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) create mode 100644 css/terminal.css diff --git a/css/terminal.css b/css/terminal.css new file mode 100644 index 0000000..cf28ab5 --- /dev/null +++ b/css/terminal.css @@ -0,0 +1,122 @@ +html { + font-family: mono; + font-size: 1rem; + color: #080; + background-color: #000; +} + +body { + max-width: 76em; + margin: auto; + margin-top: 0.5em; +} + +ul { + margin: 0.4rem 0; + padding: 0; +} + +p, pre { + margin: 0 0 0.3rem; + padding: 0; +} + +li { + margin: 0; + padding: 0; +} + +h1, h2, h3 { + color: #0b0; + margin: 0; + padding: 0; +} + +h1 { font-size: 2rem; } +h2 { font-size: 1.8rem; } +h3 { font-size: 1.5rem; } + +blockquote { + background-color: #010; + border-left: 3px solid #444; + border-color: #0b0; + margin: 1rem -1rem 1rem calc(-1rem - 3px); + padding: 1rem; +} + +a { + margin: -1.35rem; + color: #090; + font-weight: bold; + text-decoration: none; + text-justify: none; +} + +a:before { + content: "A "; +} + +a:visited { + color: #050; +} + +a.local:before { + content: "L "; + font-weight: bold; +} + +a.gemini:before { + content: "G "; +} + +a.gopher:before { + content: "g "; +} + +a.https:before { + content: "W "; + font-weight: bolder; +} + +a.http:before { + content: "w "; + font-weight: lighter; +} + +a.mumble:before { + content: "U "; +} + +a.mailto:before { + content: "M "; +} + +pre { + scrollbar-color: #030 #010; + background-color: #010; + margin: 0 -1rem; + padding: 1rem; + overflow-x: auto; +} + +@media only screen and (max-width: 1024px) { + a { + margin: -4rem; + } + body { + margin: 3rem; + } + h1 { + font-size: 4rem; + } + h2 { + font-size: 3.5rem; + } + h3 { + font-size: 3rem; + } + p, pre, ul { + font-size: 2.6rem; + } +} +