Update overlay

This commit is contained in:
Jacob 2024-02-15 20:59:50 +01:00
parent 87e23f476c
commit d99e1cd8bf

View file

@ -7,9 +7,6 @@
<title>README</title> <title>README</title>
<style> <style>
html { html {
line-height: 1.5;
font-family: Georgia, serif;
font-size: 20px;
color: #1a1a1a; color: #1a1a1a;
background-color: #fdfdfd; background-color: #fdfdfd;
} }
@ -28,13 +25,16 @@
@media (max-width: 600px) { @media (max-width: 600px) {
body { body {
font-size: 0.9em; font-size: 0.9em;
padding: 1em; padding: 12px;
} }
h1 { h1 {
font-size: 1.8em; font-size: 1.8em;
} }
} }
@media print { @media print {
html {
background-color: white;
}
body { body {
background-color: transparent; background-color: transparent;
color: black; color: black;
@ -60,6 +60,10 @@
img { img {
max-width: 100%; max-width: 100%;
} }
svg {
height: auto;
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em; margin-top: 1.4em;
} }
@ -84,9 +88,10 @@
color: #606060; color: #606060;
} }
code { code {
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace; font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
font-size: 85%; font-size: 85%;
margin: 0; margin: 0;
hyphens: manual;
} }
pre { pre {
margin: 1em 0; margin: 1em 0;
@ -148,10 +153,18 @@
} }
code{white-space: pre-wrap;} code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;} span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;} div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{display: inline-block; vertical-align: top; width: 50%;} div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;} /* The extra [class] is a hack that increases specificity enough to
override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
font-size: inherit;
width: 0.8em;
margin: 0 0.8em 0.2em -1.6em;
vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;} .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style> </style>
</head> </head>