X-Git-Url: https://codewiz.org/gitweb?a=blobdiff_plain;f=sys%2Fgeekigeeki.css;h=292f712c21b100d04ca3664f23623f062a6b56fa;hb=HEAD;hp=f061a4fb95015d63997aeb80249392e3f35bbb6c;hpb=d07bc7435bf2d6ddbbfe60539744ab7420e7f113;p=wiki.git

diff --git a/sys/geekigeeki.css b/sys/geekigeeki.css
index f061a4f..292f712 100644
--- a/sys/geekigeeki.css
+++ b/sys/geekigeeki.css
@@ -1,18 +1,21 @@
-/*
- * Author: Gerardo Poggiali <g.poggiali@develer.com>
- * Author: Bernie Innocenti <bernie@codewiz.org>
- */
+/* 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/amiga-pointer-2.0.cur'), auto;
 }
 
 a { color: #1010FF; }
+a:link { text-decoration: none; }
+a:hover { text-decoration: underline; }
 a:visited { color: #501080; }
 a.nonexistent { color: #D04040; }
 a.navlink, a.login { font-size: smaller; font-weight: bold; text-decoration: none; }
@@ -23,275 +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;
-	color: #3377FF;
-	border: #5599EE;
-	background-color: #D0F0FF;
-	clear: both;
-
-	margin-bottom: 0.2em;
-	margin-top: 2em;
-	padding-right: 10px;
-	padding-left: 10px;
-
-	border-top-width: 1px;
-	border-bottom-width: 1px;
-	border-right-width: 0px;
-	border-left-width: 0px;
-	border-style: solid;
+  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;
-	color: #22AA33;
-	border: #22AA33;
-	background-color: #E8F8F0;
-	clear: both;
-
-	margin-left: 5px;
-	margin-right: 5px;
-	margin-bottom: 0.1em;
-	margin-top: 2em;
-	padding-right: 10px;
-	padding-left: 10px;
-
-	border-top-width: 1px;
-	border-bottom-width: 1px;
-	border-left-width: 0px;
-	border-right-width: 0px;
-	border-style: solid;
+  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: #DD2255;
-	border: #BB5599;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-right: 5px;
-	padding-left: 5px;
-
-	border-top-width: 0px;
-	border-bottom-width: 1px;
-	border-right-width: 0px;
-	border-left-width: 0px;
-	border-style: solid;
+  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: #2222AA;
-
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-right: 5px;
-	padding-left: 5px;
-
-	border: #333399;
-	border-top-width: 0px;
-	border-bottom-width: 1px;
-	border-right-width: 0px;
-	border-left-width: 0px;
-	border-style: solid;
+  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: bold;
-	color: #222288;
-
-	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: #88aacc;
-	background-color: #aaccee;*/
-	border-color: #888888;
-	background-color: #cccccc;
-	border-style: solid
-	border-top-width: 0px;
-	border-bottom-width: 2px;
-	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 }
@@ -300,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%; }
@@ -361,53 +328,148 @@ pre.notice {
 /* thumbnails */
 
 div .thumb {
-	float: left;
-	width: 100%;
-}
-
-div .thumbleft {
-	float: left;
+  float: left;
+  width: 100%;
 }
-
-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;
 }
 
 
 /* Styles for search word highlighting */
 @media screen {
- .searchword0 { background: #ff9 }
- .searchword1 { background: #cfc }
- .searchword2 { background: #cff }
- .searchword3 { background: #ccf }
- .searchword4 { background: #fcf }
+  .searchword0 { background: #ff9 }
+  .searchword1 { background: #cfc }
+  .searchword2 { background: #cff }
+  .searchword3 { background: #ccf }
+  .searchword4 { background: #fcf }
 }
 
 @media print {
- #footer { display: none }
- .nav { display: none }
+  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) {
+  body {
+    background-color: #181818;
+    color: #ffffff;
+  }
+
+  a { color: #9bd1ff; }
+  a:visited { color: #9b669b; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #bb6666; }
+
+  div.nav {
+    border-color: #606060;
+    background-color: #303030;
+  }
+
+  body {
+    background-color: #181818;
+    color: #FFFFFF;
+  }
+
+  a { color: #9Bd1ff; }
+  a:visited { color: #778899; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #cc5555; }
+  a.heading { text-decoration: none; color: #666666; font-size: smaller; }
+
+  h1 {
+    color: #88bbff;
+    border: #77aadd;
+    background-color: #2a2a2a;
+  }
+  h2 { color: #44dd66; }
+  h3 { color: #88aacc; }
+  h4 { color: #8899bb; }
+  h5 { color: #6666cc; }
+
+  div.nav {
+    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;
+  }
+  table tbody td { border: 1px dotted #555; }
+  table tbody tr { border-top: 1px solid #555; }
+  table tbody tr.even { background-color: #303030; }
+  table tbody tr.odd { background-color: #393939; }
+  table tbody tr:hover { background: #444 !important; }
 }