Simplify code in a few places

[geekigeeki.git] / geekigeeki.css

diff --git a/geekigeeki.css b/geekigeeki.css
index cded557a63db165c77e1689507b006af76651b21..06733134146424cb11f075a18365c88216f81826 100755 (executable)
--- a/geekigeeki.css
+++ b/geekigeeki.css
@@ -28,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;
 
@@ -49,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;
 
@@ -108,18 +108,34 @@ h5 {
        padding-left: 5px;
 }
 
-strong.success {
-    padding-left: 0.1em;
+/* 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.notice {
-    padding-left: 0.1em;
+strong.TODO {
+       padding-left: 0.1em;
        background-color: #ffdd44;
 }
 
-strong.error {
-    padding-left: 0.1em;
+strong.FIXME {
+       padding-left: 0.1em;
        background-color: #ee2222;
 }
 
@@ -233,11 +249,12 @@ table {
        margin-bottom: 0.5em;
 }
 
-table thead {
+table tbody thead {
        background: #f7f7f0
 }
 
-table thead th {
+/* FIXME: should be thead */
+table tbody th {
        border: 1px solid #d7d7d7;
        border-bottom-color: #999;
        font-weight: bold;
@@ -314,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 }