commit 6e6dd32434021612afffadc317e6a2dce29edc4d
parent 104c34da2b20ff73891019519bb1dafb798d318b
Author: Dan Callaghan <djc@djc.id.au>
Date: Sun, 12 Oct 2025 13:16:02 +1100
add a stylesheet for public-inbox
Mostly copy-pasted from the existing Jekyll theme, to try and keep it
looking consistent.
This file is not directly referenced by its URL, instead it gets served
by public-inbox as minified CSS embedded into the top of every HTML
page.
Diffstat:
1 file changed, 76 insertions(+), 0 deletions(-)
diff --git a/stylesheets/public-inbox.css b/stylesheets/public-inbox.css
@@ -0,0 +1,76 @@
+body {
+ background: #151515 url("/images/bkg.png") 0 0;
+ color: #eaeaea;
+ font-size: 16px;
+ line-height: 1.5;
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+}
+a {
+ color: #ffcc00;
+ font-weight: 400;
+ text-decoration: none;
+ transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+}
+a:hover {
+ color: #ffeb9b;
+}
+b {
+ font-weight: 500;
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ color: #b5e853;
+}
+u {
+ text-decoration-color: #b5e853;
+}
+*.q {
+ color: #aaa;
+}
+hr {
+ margin: 1.5em 0;
+ height: 0;
+ border: 0;
+ border-bottom: 1px dashed #b5e853;
+ color: #b5e853;
+}
+input[type="submit"] {
+ background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3));
+ margin: 0 4px;
+ padding: 4px 18px;
+ border-radius: 50px;
+ border: 2px solid rgba(0, 0, 0, 0.7);
+ border-bottom: 2px solid rgba(0, 0, 0, 0.7);
+ border-top: 2px solid rgba(0, 0, 0, 1);
+ color: rgba(255, 255, 255, 0.8);
+ font-family: sans-serif;
+ font-weight: bold;
+ font-size: 13px;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+input[type="submit"]:hover {
+ color: #ffeb9b;
+ background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8));
+}
+input[type="text"] {
+ background: rgba(40, 40, 40, 0.3);
+ padding: 4px 18px;
+ border-radius: 50px;
+ border: 2px solid rgba(0, 0, 0, 0.7);
+ border-bottom: 2px solid rgba(0, 0, 0, 0.7);
+ border-top: 2px solid rgba(0, 0, 0, 1);
+ color: rgba(255, 255, 255, 0.8);
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+input[type="text"]:focus {
+ outline: none;
+ border: 2px solid rgba(255, 204, 0, 0.7);
+}