X-Git-Url: https://codewiz.org/gitweb?p=geekigeeki.git;a=blobdiff_plain;f=geekigeeki.css;h=06733134146424cb11f075a18365c88216f81826;hp=cded557a63db165c77e1689507b006af76651b21;hb=61f00a0d333aeb1cb45e98ab4c1902ff1981ad6a;hpb=6b1092d6458fac7726b031c79dc0dc64dc55bdbe diff --git a/geekigeeki.css b/geekigeeki.css index cded557..0673313 100755 --- 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 }