From 1d6ee1fd5a24272f9a21aeb11859dfae4c3186d0 Mon Sep 17 00:00:00 2001
From: Bernie Innocenti <bernie@codewiz.org>
Date: Mon, 14 Aug 2023 04:33:24 -0700
Subject: [PATCH] more dark colors and reindent the whole thing

---
 sys/geekigeeki.css | 480 +++++++++++++++++++++++----------------------
 1 file changed, 249 insertions(+), 231 deletions(-)

diff --git a/sys/geekigeeki.css b/sys/geekigeeki.css
index b8410af..49b6ea1 100644
--- a/sys/geekigeeki.css
+++ b/sys/geekigeeki.css
@@ -1,16 +1,16 @@
 /* Author: Bernie Innocenti <bernie@codewiz.org> */
 
 body {
-	font-family: sans-serif;
-	background-color: #F0F0F8;
-	color: #000000;
-	margin-top: 0px;
-	margin-left: 0px;
-	margin-right: 0px;
+  font-family: sans-serif;
+  background-color: #F0F0F8;
+  color: #000000;
+  margin-top: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
 }
 
 html {
-	cursor: url('/wiki/sys/pointer.cur'), auto;
+  cursor: url('/wiki/sys/pointer.cur'), auto;
 }
 
 a { color: #1010FF; }
@@ -26,246 +26,240 @@ a.external { font-style: italic; }
 a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
 
 h1 {
-	font-size: x-large;
-	font-weight: bold;
-	clear: both;
-	color: #3377FF;
-	border: #5599EE;
-	background-color: #D0F0FF;
-	clear: both;
-
-	margin-bottom: 0.2em;
-	margin-top: 2em;
-	padding-right: 10px;
-	padding-left: 10px;
+  font-size: x-large;
+  font-weight: bold;
+  clear: both;
+  color: #3377FF;
+  border: #5599EE;
+  background-color: #D0F0FF;
+  clear: both;
+  margin-bottom: 0.2em;
+  margin-top: 2em;
+  padding-right: 10px;
+  padding-left: 10px;
 }
 
 h2 {
-	font-size: large;
-	font-weight: bold;
-	clear: both;
-	color: #22AA33;
-
-	margin-left: 5px;
-	margin-right: 5px;
-	margin-bottom: 0.1em;
-	margin-top: 1.5em;
-	padding-right: 10px;
-	padding-left: 10px;
+  font-size: large;
+  font-weight: bold;
+  clear: both;
+  color: #22AA33;
+  margin-left: 5px;
+  margin-right: 5px;
+  margin-bottom: 0.1em;
+  margin-top: 1.5em;
+  padding-right: 10px;
+  padding-left: 10px;
 }
 
 h3 {
-	font-size: large;
-	font-weight: bold;
-	color: #113366;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-right: 5px;
-	padding-left: 5px;
+  font-size: large;
+  font-weight: bold;
+  color: #113366;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-right: 5px;
+  padding-left: 5px;
 }
 
 h4 {
-	font-size: medium;
-	font-weight: bold;
-	color: #222288;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-right: 5px;
-	padding-left: 5px;
+  font-size: medium;
+  font-weight: bold;
+  color: #222288;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-right: 5px;
+  padding-left: 5px;
 }
 
 h5 {
-	font-size: medium;
-	font-weight: normal;
-	color: #4444AA;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-right: 5px;
-	padding-left: 5px;
+  font-size: medium;
+  font-weight: normal;
+  color: #4444AA;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-right: 5px;
+  padding-left: 5px;
 }
 
 /* Heading anchors */
 .heading:link, .heading:visited {
-	border: none;
-	color: #d7d7d7;
-	font-size: .8em;
-	vertical-align: text-top;
+  border: none;
+  color: #d7d7d7;
+  font-size: .8em;
+  vertical-align: text-top;
 }
 * > .heading:link, * > .heading:visited {
-	visibility: hidden;
+  visibility: hidden;
 }
 
 h1:hover .heading, h2:hover .heading, h3:hover .heading,
 h4:hover .heading, h5:hover .heading, h6:hover .heading {
-	visibility: visible;
+  visibility: visible;
 }
 
 strong.DONE {
-	padding-left: 0.1em;
-	background-color: #22ee22;
+  padding-left: 0.1em;
+  background-color: #22ee22;
 }
 
 strong.TODO {
-	padding-left: 0.1em;
-	background-color: #ffdd44;
+  padding-left: 0.1em;
+  background-color: #ffdd44;
 }
 
 strong.FIXME {
-	padding-left: 0.1em;
-	background-color: #ee2222;
+  padding-left: 0.1em;
+  background-color: #ee2222;
 }
 
 strong.error {
-	color: red;
+  color: red;
 }
 
 div {
-	margin-left:  10px;
-	margin-right: 10px;
-	/*text-align: justify;*/
+  margin-left:  10px;
+  margin-right: 10px;
+  /*text-align: justify;*/
 }
 
 div.wiki {
-	margin-left:  0px;
-	margin-right: 0px;
+  margin-left:  0px;
+  margin-right: 0px;
 }
 
 div.preview {
-	border: 2px dashed #FF0000;
+  border: 2px dashed #FF0000;
 }
 
 div.index {
-	border: 1px solid #EEEEEE;
+  border: 1px solid #EEEEEE;
 }
 
 div.nav {
-	border-color: #888888;
-	background-color: #cccccc;
-	border-style: solid;
-	border-top-width: 0px;
-	border-bottom-width: 1px;
-	border-left-width: 0px;
-	border-right-width: 0px;
-	padding-top:	5px;
-	padding-bottom:	5px;
-	padding-left:	5px;
-	padding-right:	5px;
-	margin-top:	0px;
-	margin-bottom:	10px;
-	margin-left:	0px;
-	margin-right:	0px;
+  border-color: #888888;
+  background-color: #cccccc;
+  border-style: solid;
+  border-top-width: 0px;
+  border-bottom-width: 1px;
+  border-left-width: 0px;
+  border-right-width: 0px;
+  padding-top:	5px;
+  padding-bottom:	5px;
+  padding-left:	5px;
+  padding-right:	5px;
+  margin-top:	0px;
+  margin-bottom:	10px;
+  margin-left:	0px;
+  margin-right:	0px;
 }
 
 .nav li {
-	display: inline;
+  display: inline;
 }
 
 .nav ul
 {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	padding-top: 6px;
-	padding-bottom: 6px;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
 
-
 .nav hr {
-	display: none;
+  display: none;
 }
 
 #footer div {
-	margin-top: 1em;
-	margin-left: 0;
-	margin-right: 0;
+  margin-top: 1em;
+  margin-left: 0;
+  margin-right: 0;
 }
 
 #footer hr {
-	border: none;
-	border-top: 1px solid #bbbbbb;
-	margin: 0 0;
-	clear: both;
+  border: none;
+  border-top: 1px solid #bbbbbb;
+  margin: 0 0;
+  clear: both;
 }
 
 #footer :link, #footer :visited {
-	color: #666666;
+  color: #666666;
 }
 
 #footer p {
-	color: #888888;
-	font-size: x-small;
-	margin-top: 0;
+  color: #888888;
+  font-size: x-small;
+  margin-top: 0;
 }
 
 #footer p.copyright {
-	float: left;
-	margin-left: 0em;
-	padding: 0 1em;
+  float: left;
+  margin-left: 0em;
+  padding: 0 1em;
 }
 
 #footer .license {
-	border-width: 0;
-	vertical-align: top;
-	margin-left: 0em;
-	margin-right: 1em;
+  border-width: 0;
+  vertical-align: top;
+  margin-left: 0em;
+  margin-right: 1em;
 }
 
 #footer p.modified {
-	float: right;
-	text-align: right;
-	margin-right: 1em;
+  float: right;
+  text-align: right;
+  margin-right: 1em;
 }
 
 p.dialog {
-	border-color: black;
-	background-color: white;
-	padding-left: 5px;
-	margin-left: 10px;
-	margin-right: 10px;
-	border-style: solid;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 1px
+  border-color: black;
+  background-color: white;
+  padding-left: 5px;
+  margin-left: 10px;
+  margin-right: 10px;
+  border-style: solid;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px
 }
 
 p {
-	margin-left: 1em;
-	margin-right: 1em;
-	margin-bottom: 1em;
-	/*text-align: justify;*/
+  margin-left: 1em;
+  margin-right: 1em;
+  margin-bottom: 1em;
+  /*text-align: justify;*/
 }
 
 table {
-	/*width: 100%;*/
-	border: 2px solid #ccc;
-	border-collapse: collapse;
-	margin-left: 1em;
-	margin-right: 1em;
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
+  /*width: 100%;*/
+  border: 2px solid #ccc;
+  border-collapse: collapse;
+  margin-left: 1em;
+  margin-right: 1em;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
 
 table tbody thead {
-	background: #f7f7f0;
+  background: #f7f7f0;
 }
 
 /* FIXME: should be thead */
 table tbody th {
-	border: 1px solid #d7d7d7;
-	border-bottom-color: #999;
-	font-weight: bold;
-	padding: 2px .5em;
-	vertical-align: bottom;
+  border: 1px solid #d7d7d7;
+  border-bottom-color: #999;
+  font-weight: bold;
+  padding: 2px .5em;
+  vertical-align: bottom;
 }
 
 table tbody td {
-	border: 1px dotted #ddd;
-	padding: .3em .5em;
-	vertical-align: top;
+  border: 1px dotted #ddd;
+  padding: .3em .5em;
+  vertical-align: top;
 }
 
 table tbody tr { border-top: 1px solid #ddd }
@@ -274,60 +268,59 @@ table tbody tr.odd { background-color: #e7e7e7 }
 table tbody tr:hover { background: #eed !important }
 
 table thead th :link:hover, table thead th :visited:hover table tbody td a:hover, table tbody th a:hover {
-	background-color: transparent;
+  background-color: transparent;
 }
 
 pre {
-	color: #222222;
-	border-color: #E9E609;
-	background: #FFFDD0;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-left: 5px;
-	padding-right: 5px;
-	padding-top: 5px;
-	padding-bottom: 5px;
-	border-style: solid;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 1px;
+  color: #222222;
+  border-color: #E9E609;
+  background: #FFFDD0;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-left: 5px;
+  padding-right: 5px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-style: solid;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
 }
 
 pre.error {
-	color: #FF0000;
-	background: #000000;
-	border-top-color: #FF0000;
-	border-color: #FF0000;
-	border-style: solid;
-	border-width: 6px;
-	margin: 0px;
+  color: #FF0000;
+  background: #000000;
+  border-top-color: #FF0000;
+  border-color: #FF0000;
+  border-style: solid;
+  border-width: 6px;
+  margin: 0px;
 }
 
 pre.success {
-	color: #00FF00;
-	background: #000000;
-	border-color: #00FF00;
-	border-style: solid;
-	border-width: 6px;
-	margin: 0px;
+  color: #00FF00;
+  background: #000000;
+  border-color: #00FF00;
+  border-style: solid;
+  border-width: 6px;
+  margin: 0px;
 }
 
 pre.notice {
-	color: #FFCC00;
-	background: #000000;
-	border-color: #FFCC00;
-	border-style: solid;
-	border-width: 6px;
-	margin: 0px;
+  color: #FFCC00;
+  background: #000000;
+  border-color: #FFCC00;
+  border-style: solid;
+  border-width: 6px;
+  margin: 0px;
 }
 
 .editor input[type='text'], .editor textarea {
-	font-family: monospace;
-	color: black;
-	background-color: white;
-	border: 1px solid #8cacbb;
+  font-family: monospace;
+  color: black;
+  background-color: white;
+  border: 1px solid #8cacbb;
 }
 .editor textarea.editor { width: 100%; }
 .editor input.changelog { width: 50%; }
@@ -335,40 +328,33 @@ pre.notice {
 /* thumbnails */
 
 div .thumb {
-	float: left;
-	width: 100%;
+  float: left;
+  width: 100%;
 }
-
-div .thumbleft {
-	float: left;
-}
-
-div .thumbright {
-	float: right;
-}
-
+div .thumbleft { float: left; }
+div .thumbright { float: right; }
 div .innerthumb {
-	float: left;
-	border: 1px solid #ccc;
-	padding: 3px !important;
-	margin: 10px;
-	margin-bottom: .5em;
-	background-color: #f9f9f9;
-	text-align: center;
+  float: left;
+  border: 1px solid #ccc;
+  padding: 3px !important;
+  margin: 10px;
+  margin-bottom: .5em;
+  background-color: #f9f9f9;
+  text-align: center;
 }
 
 .thumb a img, .thumbright a img, .thumbleft a img {
-	border: 1px solid #ccc;
-	vertical-align:bottom;
+  border: 1px solid #ccc;
+  vertical-align:bottom;
 }
 
 .thumb .caption, .thumbright .caption, .thumbleft .caption {
-	border: none;
-	overflow: hidden;
-	font-size: 60%;
-	line-height: 1.4em;
-	padding: .3em 0 .1em 0;
-	text-align: center;
+  border: none;
+  overflow: hidden;
+  font-size: 60%;
+  line-height: 1.4em;
+  padding: .3em 0 .1em 0;
+  text-align: center;
 }
 
 
@@ -382,21 +368,21 @@ div .innerthumb {
 }
 
 @media print {
-	body {
-		background: white;
-		font-size: 12pt;
-	}
-	h1 { font-size: 14pt; }
-	h2 { font-size: 13pt; }
-	h3 { font-size: 12pt; border: none; }
-	h4 { font-size: 12pt; border: none; }
-	h5 { font-size: 12pt; border: none; }
-	a { text-color: #225; text-decoration: underline; }
-	.heading:link, .heading:visited { display: none; }
-	#footer { display: none; }
-	.nav { display: none; }
-	.noprint { display: none; }
-	div.wiki { font-size: smaller; }
+  body {
+    background: white;
+    font-size: 12pt;
+  }
+  h1 { font-size: 14pt; }
+  h2 { font-size: 13pt; }
+  h3 { font-size: 12pt; border: none; }
+  h4 { font-size: 12pt; border: none; }
+  h5 { font-size: 12pt; border: none; }
+  a { text-color: #225; text-decoration: underline; }
+  .heading:link, .heading:visited { display: none; }
+  #footer { display: none; }
+  .nav { display: none; }
+  .noprint { display: none; }
+  div.wiki { font-size: smaller; }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -425,7 +411,7 @@ div .innerthumb {
   a:visited { color: #778899; }
   a.nonexistent { color: #f0d0d0; }
   a.navlink { color: #d1d1ff; }
-  a.login { color: #bb6666; }
+  a.login { color: #cc5555; }
   a.heading { text-decoration: none; color: #666666; font-size: smaller; }
 
   h1 {
@@ -442,12 +428,44 @@ div .innerthumb {
     border-color: #606060;
     background-color: #303030;
   }
+  div.preview { border: 2px dashed #cc2222; }
+
+  pre {
+    color: #dddddd;
+    border-color: #999900;
+    background: #1a1a1a;
+  }
+
+  pre.error {
+    color: #FF5555;
+    background: #222222;
+    border-top-color: #ff5555;
+    border-color: #ff5555;
+  }
+
+  pre.success {
+    color: #55ff55;
+    background: #222222;
+    border-color: #55ff55;
+  }
+
+  pre.notice {
+    color: #ffdd55;
+    background: #222222;
+    border-color: #ffdd55;
+  }
+
+  .editor input[type='text'], .editor textarea {
+    color: #ffffff;
+    background-color: #2a2a2a;
+    border: 1px solid #8cacbb;
+  }
 
   table { border: 2px solid #444; }
   table tbody thead { background: #2f2f2f; }
   table tbody th {
-          border: 1px solid #555;
-          border-bottom-color: #777;
+    border: 1px solid #555;
+    border-bottom-color: #777;
   }
   table tbody td { border: 1px dotted #555; }
   table tbody tr { border-top: 1px solid #555; }
-- 
2.25.1