diff options
-rw-r--r-- | templates/footer.html | 76 |
1 files changed, 66 insertions, 10 deletions
diff --git a/templates/footer.html b/templates/footer.html index 276cec0..ec8fd07 100644 --- a/templates/footer.html +++ b/templates/footer.html @@ -8,26 +8,39 @@ SPDX-License-Identifier: FreeBSD-DL AND GPL-3.0-or-later </footer> <style> +/* #04d colorscheme. */ body { line-height: 1.3; - max-width: 156ch; - margin: 0 auto; + margin: 0; +} +header { + padding: 0.5em; + padding-top: 0; + margin-top: 0; + color: white; + margin-top: -1.4em; + background: linear-gradient(#04d, transparent); +} +header div { + float: right; + margin-top: 10px; } -header div { float: right; } header div a { - padding: 5px; - border: 1px black solid; + padding: 4px; + +} +pre, details, code {background: #eee;} +pre, details { + border: 1px solid #ddd; + padding: 0.5em; } -pre, details, code { background: #eee; } -pre, details { padding: 0.5em; } -pre { border-left: #ddd solid 5px; } main td.nav { display: block; } main td.doc { max-width: 120ch; display: table-cell; } h1 small { font-size: 12pt; } -div.warn { background: orange; } +div.warn { background: linear-gradient(90deg, orange, transparent); } .bigbuttons td { padding: 1em; width: 100px; @@ -35,7 +48,50 @@ div.warn { background: orange; } } .bigbuttons td a { color: black; } .bigbuttons img { width: +5em; } -.bigbuttons td:hover { background: linear-gradient(white 20%, steelblue); } +.bigbuttons td:hover { + background: linear-gradient(white 20%, #04f); +} +main td.nav ul {padding: 0;} +main td.nav ul li a { + display: block; + padding: 5px; + color: black; + padding-right: 30px; + text-decoration: none; +} +main td.nav ul li {list-style: none;} +main td.nav ul li a[href]:hover { + color: white; + background: #04d; +} +h1, h2, h3, h4, h5, h6, h7 { + font-style: italic; +} +main td.nav ul ul li a { + padding-left: 2ch; +} +h1 a, h2 a, h3 a, h4 a { + display: none; +} +h1:hover > small a, h2:hover > small a, h3:hover > small a, h4:hover > small a { + display: inline; + color: #aaa; + font-family: monospace; + font-style: normal; + text-decoration: none; +} +h1:target, h2:target, h3:target, h4:target { + color: white; + background: linear-gradient(90deg, #04f, transparent); +} +footer { + text-align: center; + font-style: italic; +} +hr { + border: none; + border: 1px solid #aaa; +} </style> </body> </html> |