From 35abb37097edcce1b17fe760a3b96ac037d5d0e2 Mon Sep 17 00:00:00 2001
From: speedie <speedie@duck.com>
Date: Mon, 24 Apr 2023 17:58:23 +0200
Subject: [PATCH] better CSS

---
 index.css | 58 +++++++++++++++++++++++++++++--------------------------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/index.css b/index.css
index b944d67..3f1dc2e 100755
--- a/index.css
+++ b/index.css
@@ -15,13 +15,13 @@
 
 * {
 	font-family: Monospace;
-	margin: 0;
-	padding: 0;
 	font-size: 11px;
+    margin: 0;
+    padding: 0;
 }
 
 body {
-	background-color: #222222;
+	background-color: #363636;
 }
 
 blockquote {
@@ -62,7 +62,7 @@ h3, h4, h5, h6 {
 }
 
 hr {
-	border-top: 1px solid #222222;
+	border-top: 1px solid #363636;
 	border-bottom: 0;
 	border-left: 0;
 	border-right: 0;
@@ -88,7 +88,8 @@ li > ul, li > ol
 }
 
 p {
-	margin-top: .5em;
+	margin-top: 1.5em;
+	margin-bottom: 1.5em;
 }
 
 pre {
@@ -104,14 +105,14 @@ pre {
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
 
-	background: #000000;
+	background: #212121;
 	border: 1px dotted gray;
 	padding: .2em .2em .2em .4em;
 }
 
 code {
 	font-family: Monospace;
-	background: #000000;
+	background: #212121;
     color: #bbbbbb;
 	padding: .1em .1em .1em .2em;
 }
@@ -120,7 +121,7 @@ table {
 	border-collapse: collapse;
 	padding: .2em;
 	max-width: 99%;
-    background-color: #000000;
+    background-color: #212121;
     color: #dddddd;
 }
   th {
@@ -129,7 +130,7 @@ table {
   td, th {
 	padding: .1em 1em .1em .1em;
 	word-break: break-all;
-    background: #000000;
+    background: #212121;
   }
   thead {
 	border-bottom: 1px solid black;
@@ -155,8 +156,8 @@ table {
 textarea {
 	font-family: Monospace;
 	width: 75%;
-	background-color: #000011;
-    color: #ffffff;
+	background-color: #212121;
+    color: #f0eee4;
 }
   @media (max-width: 600px), (orientation: portrait) {
 	textarea {
@@ -180,8 +181,8 @@ input#gitmsg
 
 .main {
     padding: .3em .3em .3em 1em;
-    background-color: #000000;
-    color: #ffffff;
+    background-color: #212121;
+    color: #f0eee4;
 }
 
 /* the globe */
@@ -205,11 +206,11 @@ input#gitmsg
 }
 
 .note {
-	background-color: #000011;
+	background-color: #212121;
 	padding: 4px;
 	margin: .5em 0 .5em 0;
-	color: #9999bb;
-	border: solid 1px #9999bb;
+	color: #6666ff;
+	border: solid 1px #6666ff;
 	width: 75%;
 }
   @media (max-width: 600px), (orientation: portrait) {
@@ -219,13 +220,15 @@ input#gitmsg
   }
 
 .titlebar {
-	background-color: #111111;
-	color: #ffffff;
+	background-color: #262626;
+	color: #89bfff;
+    padding: 2px;
 }
 
 .titlebar span.title {
 	font-size: 10px;
 	font-weight: bold;
+    margin: 5px;
 }
 
 .titledate {
@@ -236,7 +239,7 @@ input#gitmsg
 }
 
 .toolbar {
-    background-color: #222222;
+    background-color: #363636;
     position: sticky;
     top: 0;
     font-size: 2px;
@@ -281,7 +284,7 @@ input#gitmsg
 
 input.search {
 /*	font-size: 0.95em;*/
-	color: #000000;
+	color: #212121;
 	width: 5em;
 	padding: .1em;
 }
@@ -309,20 +312,20 @@ input[type="submit"] {
 
 /* buttons (such as for the edit page) */
 input[type="submit"] {
-    background-color: #ffffff;
+    background-color: #f0eee4;
 	color: black;
 }
 input[type="button"] {
-    background-color: #222222;
+    background-color: #363636;
     color: white;
 }
 
 input[type="submit"]:hover {
-    background-color: #ffffff;
+    background-color: #f0eee4;
 	color: black;
 }
 input[type="button"]:hover {
-    background-color: #222222;
+    background-color: #363636;
     color: white;
 }
 
@@ -371,14 +374,15 @@ a > img.icon:active, a > span.icongroup:active {
 }
 
 input.search {
-    border-color: #222222;
+    border-color: #363636;
     border-width: 0px;
-    background-color: #222222;
-    color: #ffffff;
+    background-color: #363636;
+    color: #f0eee4;
     width: 165px
 }
 
 .sidebar {
     color: #aaaaaa;
     border-color: #aaaaaa;
+    background-color: #161616;
 }