~funderscore blog cgit wiki get in touch
aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--templates/footer.html76
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>