mirror of
https://tildegit.org/sbgodin/HtmGem.git
synced 2023-08-25 13:53:12 +02:00
Adds a greeny terminal CSS
This commit is contained in:
parent
3032d7e9af
commit
67890863c8
122
css/terminal.css
Normal file
122
css/terminal.css
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user