Simplify code in a few places

[geekigeeki.git] / geekigeeki.css

diff --git a/geekigeeki.css b/geekigeeki.css
index ca698564386b6849271d87ef03ad0447a787200f..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;
 
@@ -124,18 +124,18 @@ h4:hover .heading, h5:hover .heading, h6:hover .heading {
        visibility: visible;
 }
 
-strong.success {
-    padding-left: 0.1em;
+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;
 }
 
@@ -331,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 }