css loading, externalize page code to file

[serve0] / style.css

diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..90bb4ea
--- /dev/null
+++ b/style.css
@@ -0,0 +1,54 @@
+body {
+  color: white;
+  background-color: black;
+  margin: 0;
+  padding: 0;
+}
+
+input.toggle {
+  display: none;
+}
+input.toggle + label + * {
+  display: block;
+  overflow: hidden;
+  height: 0;
+}
+input.toggle:checked + label + * { height: auto; }
+
+#search {
+  text-align: center;
+  background-color: #333;
+  padding: .25em;
+  border-bottom: 1px solid;
+  margin: 0;
+}
+
+label[for=t_prefs] {
+  position: absolute;
+  font-size: 1.5em;
+  top: 0; right: .25em;
+}
+
+#t_prefs:checked + label + #prefs {
+  background-color: #333;
+  border: 1px solid;
+  border-top: none;
+  border-right: none;
+  padding: .5em 1em;
+  margin: 0;
+  position: relative;
+  top: -1px;
+  width: 13em;
+  margin-left: auto;
+}
+
+#prefs label[for=prefs_ps] {
+  font-weight: bold;
+}
+#prefs #prefs_ps {
+  max-width: 3em;
+  margin-bottom: 1em;
+}
+#prefs button {
+  margin-top: 1em;
+}