new styling

This commit is contained in:
Yann Esposito (Yogsototh) 2022-02-19 10:06:23 +01:00
parent 887a590f7e
commit 7c692878bc
Signed by untrusted user who does not match committer: yogsototh
GPG Key ID: 7B19A4C650D59646
2 changed files with 13 additions and 6 deletions

View File

@ -1,7 +1,7 @@
html {
font-family: Georgia, serif;
font-size: 18px;
line-height: calc(1ex/0.32);
font-family: monospace;
font-size: large;
line-height: auto;
}
#TOC {text-align: left;}
html,body { margin: 0; padding: 0; border: 0; }
@ -32,7 +32,7 @@ hr { opacity: 0.3; }
#preamble, #postamble { text-align: center; }
#content,.content,#postamble {
padding: 0 1rem;
max-width: 62ch;
max-width: 80ch;
overflow: hidden;
margin: 0 auto;
}
@ -89,6 +89,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
--bg: #fff;
--fg: hsl(218,20%,35%);
--hl: #000;
--soft: hsl(218,20%,85%);
--gr: hsl(218,20%,95%);
}
@ -110,6 +111,7 @@ img:hover,svg:hover { filter: none; }
--bg: hsl(218,20%,12%);
--fg: hsl(218,20%,70%);
--hl: hsl(218,10%,93%);
--soft: hsl(218,20%,35%);
--gr: hsl(218,20%,20%);
}
img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
@ -124,9 +126,14 @@ body, body > div {
background: var(--bg);
color: var(--fg);
}
a { text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: var(--soft) ; }
a { color: var(--hl); }
a:visited { color: var(--fg); }
a:hover { color: var(--o); }
a:hover { color: var(--o);
text-decoration-color: var(--o);
}
/* ---- SYNTAX HIGHLIGHTING ---- */
.ex { color:var(--v); }
.op, .fu, .ot {color:var(--b);}

View File

@ -23,7 +23,7 @@
#+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: }
#+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: strong, b, i, emph, a:hover { color: var(--fg); }
#+html_head_extra: </style>