Simplify code in a few places

[geekigeeki.git] / geekigeeki.css

diff --git a/geekigeeki.css b/geekigeeki.css
index e1eb871731074323460ac7929a1f30818b6b7f5d..06733134146424cb11f075a18365c88216f81826 100755 (executable)
--- 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 }