X-Git-Url: https://codewiz.org/gitweb?p=geekigeeki.git;a=blobdiff_plain;f=geekigeeki.css;h=06733134146424cb11f075a18365c88216f81826;hp=e1eb871731074323460ac7929a1f30818b6b7f5d;hb=61f00a0d333aeb1cb45e98ab4c1902ff1981ad6a;hpb=1c33760fee962c9aa3b77ac6b354485b377e3d9e

diff --git a/geekigeeki.css b/geekigeeki.css
index e1eb871..0673313 100755
--- a/geekigeeki.css
+++ b/geekigeeki.css
@@ -1,5 +1,5 @@
 /*
- * $Id: intrafm.css,v 1.10 2002/12/04 17:57:21 gerry Exp $
+ * $Id$
  *
  * Author: Gerardo Poggiali <g.poggiali@develer.com>
  * Author: Bernardo Innocenti <bernie@codewiz.org>
@@ -14,24 +14,12 @@ body {
 	margin-right: 0px;
 }
 
-a {
-	color: #1010FF;
-}
-a:visited {
-	color: #501080;
-}
-
-a.nonexistent {
-	color: #D04040;
-}
-
-a.navlink {
-	font-size: smaller;
-}
-
-a.external {
-	font-style: italic;
-}
+a { color: #1010FF; }
+a:visited { color: #501080; }
+a.nonexistent { color: #D04040; }
+a.navlink { font-size: smaller; }
+a.external { font-style: italic; }
+a.heading { text-decoration: none; color: #aaaaaa; font-size: smaller; }
 
 h1 {
 	font-size: x-large;
@@ -40,8 +28,8 @@ h1 {
 	border: #5599EE;
 	background-color: #C2E2FF;
 
-	margin-bottom: 5px;
-	margin-top: 5px;
+	margin-bottom: 0.2em;
+	margin-top: 2em;
 	padding-right: 10px;
 	padding-left: 10px;
 
@@ -61,8 +49,8 @@ h2 {
 
 	margin-left: 5px;
 	margin-right: 5px;
-	margin-bottom: 5px;
-	margin-top: 5px;
+	margin-bottom: 0.1em;
+	margin-top: 2em;
 	padding-right: 10px;
 	padding-left: 10px;
 
@@ -120,11 +108,43 @@ h5 {
 	padding-left: 5px;
 }
 
+/* Heading anchors */
+.heading:link, .heading:visited {
+	border: none;
+	color: #d7d7d7;
+	font-size: .8em;
+	vertical-align: text-top;
+}
+* > .heading:link, * > .heading:visited {
+	visibility: hidden;
+}
+
+h1:hover .heading, h2:hover .heading, h3:hover .heading,
+h4:hover .heading, h5:hover .heading, h6:hover .heading {
+	visibility: visible;
+}
+
+strong.DONE {
+	padding-left: 0.1em;
+	background-color: #22ee22;
+}
+
+strong.TODO {
+	padding-left: 0.1em;
+	background-color: #ffdd44;
+}
+
+strong.FIXME {
+	padding-left: 0.1em;
+	background-color: #ee2222;
+}
+
 div {
 	margin-left: 10px;
 	margin-right: 10px;
 	text-align: justify;
 }
+
 div.wiki {
 	margin-left: 0;
 	margin-right: 0;
@@ -134,6 +154,10 @@ div.preview {
 	border: 2px dashed #FF0000;
 }
 
+div.index {
+	border: 1px solid #EEEEEE;
+}
+
 div.nav {
 	border-color: #cc9933;
 	background-color: #ffcc66;
@@ -215,17 +239,43 @@ p {
 	text-align: justify;
 }
 	
-caption {
-	background-color: #4682B4;
-	color: #FFFFFF;
+table {
+	/*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
+}
+
+/* FIXME: should be thead */
+table tbody th {
+	border: 1px solid #d7d7d7;
+	border-bottom-color: #999;
 	font-weight: bold;
-	border: #000000;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	border-bottom-width: 0px;
-	border-left-width: 1px;
-	border-style: solid;
-}	
+	padding: 2px .5em;
+	vertical-align: bottom;
+}
+
+table tbody td {
+	border: 1px dotted #ddd;
+	padding: .3em .5em;
+	vertical-align: top;
+}
+
+table tbody tr { border-top: 1px solid #ddd }
+table tbody tr.even { background-color: #f0f0f0 }
+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;
+}
 
 pre {
 	color: #222222;
@@ -281,6 +331,38 @@ pre.notice {
 	border: 1px solid #8cacbb;
 }
 
+/* thumbnails */
+
+div.extthumb {
+	float: right;
+	width: 100%;
+}
+
+div.thumb {
+	float: left;
+	border: 1px solid #ccc;
+	padding: 3px !important;
+	margin: 10px;
+	margin-bottom: .5em;
+	background-color: #f9f9f9;
+	text-align: center;
+}
+
+div.thumb a img {
+	border: 1px solid #ccc;
+	vertical-align:bottom;
+}
+
+div.thumb div.caption {
+	border: none;
+	overflow: hidden;
+	font-size: 94%;
+	line-height: 1.4em;
+	padding: .3em 0 .1em 0;
+	text-align: center;
+}
+
+
 /* Styles for search word highlighting */
 @media screen {
  .searchword0 { background: #ff9 }