new styling
This commit is contained in:
parent
887a590f7e
commit
7c692878bc
|
@ -1,7 +1,7 @@
|
||||||
html {
|
html {
|
||||||
font-family: Georgia, serif;
|
font-family: monospace;
|
||||||
font-size: 18px;
|
font-size: large;
|
||||||
line-height: calc(1ex/0.32);
|
line-height: auto;
|
||||||
}
|
}
|
||||||
#TOC {text-align: left;}
|
#TOC {text-align: left;}
|
||||||
html,body { margin: 0; padding: 0; border: 0; }
|
html,body { margin: 0; padding: 0; border: 0; }
|
||||||
|
@ -32,7 +32,7 @@ hr { opacity: 0.3; }
|
||||||
#preamble, #postamble { text-align: center; }
|
#preamble, #postamble { text-align: center; }
|
||||||
#content,.content,#postamble {
|
#content,.content,#postamble {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
max-width: 62ch;
|
max-width: 80ch;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@ -89,6 +89,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
|
||||||
--bg: #fff;
|
--bg: #fff;
|
||||||
--fg: hsl(218,20%,35%);
|
--fg: hsl(218,20%,35%);
|
||||||
--hl: #000;
|
--hl: #000;
|
||||||
|
--soft: hsl(218,20%,85%);
|
||||||
--gr: hsl(218,20%,95%);
|
--gr: hsl(218,20%,95%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -110,6 +111,7 @@ img:hover,svg:hover { filter: none; }
|
||||||
--bg: hsl(218,20%,12%);
|
--bg: hsl(218,20%,12%);
|
||||||
--fg: hsl(218,20%,70%);
|
--fg: hsl(218,20%,70%);
|
||||||
--hl: hsl(218,10%,93%);
|
--hl: hsl(218,10%,93%);
|
||||||
|
--soft: hsl(218,20%,35%);
|
||||||
--gr: hsl(218,20%,20%);
|
--gr: hsl(218,20%,20%);
|
||||||
}
|
}
|
||||||
img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
|
img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
|
||||||
|
@ -124,9 +126,14 @@ body, body > div {
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
}
|
}
|
||||||
|
a { text-decoration: underline;
|
||||||
|
text-decoration-thickness: 2px;
|
||||||
|
text-decoration-color: var(--soft) ; }
|
||||||
a { color: var(--hl); }
|
a { color: var(--hl); }
|
||||||
a:visited { color: var(--fg); }
|
a:visited { color: var(--fg); }
|
||||||
a:hover { color: var(--o); }
|
a:hover { color: var(--o);
|
||||||
|
text-decoration-color: var(--o);
|
||||||
|
}
|
||||||
/* ---- SYNTAX HIGHLIGHTING ---- */
|
/* ---- SYNTAX HIGHLIGHTING ---- */
|
||||||
.ex { color:var(--v); }
|
.ex { color:var(--v); }
|
||||||
.op, .fu, .ot {color:var(--b);}
|
.op, .fu, .ot {color:var(--b);}
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
#+html_head_extra: :root { --bg: #000; --fg: #ff0; }
|
#+html_head_extra: :root { --bg: #000; --fg: #ff0; }
|
||||||
#+html_head_extra: img,svg {filter: contrast(0.5)sepia(100%)hue-rotate(20deg)saturate(15) brightness(0.7) contrast(2); }
|
#+html_head_extra: img,svg {filter: contrast(0.5)sepia(100%)hue-rotate(20deg)saturate(15) brightness(0.7) contrast(2); }
|
||||||
#+html_head_extra: }
|
#+html_head_extra: }
|
||||||
#+html_head_extra: body { font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: 200; }
|
#+html_head_extra: body,h1,h2,h3 { font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: 200; }
|
||||||
#+html_head_extra: h1 { font-size: 4em; font-variant: all-small-caps; font-weight: 400; letter-spacing: 0.1em; }
|
#+html_head_extra: h1 { font-size: 4em; font-variant: all-small-caps; font-weight: 400; letter-spacing: 0.1em; }
|
||||||
#+html_head_extra: strong, b, i, emph, a:hover { color: var(--fg); }
|
#+html_head_extra: strong, b, i, emph, a:hover { color: var(--fg); }
|
||||||
#+html_head_extra: </style>
|
#+html_head_extra: </style>
|
||||||
|
|
Loading…
Reference in a new issue