X-Git-Url: https://codewiz.org/gitweb?a=blobdiff_plain;f=geekigeeki.css;h=d600b7c6313e76d882a7aa8ed0b0ee00feadcdd0;hb=f21a426a573a28806267553a963a5930304e2f01;hp=666659ff8cb84b203073035e75b6bead473a2afa;hpb=76a9e7542e0ed64a3054882db2cf4ae18e4f558e;p=geekigeeki.git diff --git a/geekigeeki.css b/geekigeeki.css index 666659f..d600b7c 100755 --- a/geekigeeki.css +++ b/geekigeeki.css @@ -1,7 +1,8 @@ /* - * $Id: intrafm.css,v 1.10 2002/12/04 17:57:21 gerry Exp $ + * $Id$ * * Author: Gerardo Poggiali + * Author: Bernardo Innocenti */ body { @@ -13,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; @@ -39,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; @@ -60,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; @@ -119,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.success { + padding-left: 0.1em; + background-color: #22ee22; +} + +strong.notice { + padding-left: 0.1em; + background-color: #ffdd44; +} + +strong.error { + 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; @@ -133,7 +154,11 @@ div.preview { border: 2px dashed #FF0000; } -div.navigator { +div.index { + border: 1px solid #EEEEEE; +} + +div.nav { border-color: #cc9933; background-color: #ffcc66; border-style: solid; @@ -151,22 +176,47 @@ div.navigator { margin-right: 0px; } -div.footer { - font-size: smaller; - color: #888888; - border-color: black; +.nav hr { + display: none; +} - margin-top: 10px; - margin-left: 0px; - margin-right: 0px; +.nav .login { + font-size: small; + text-color: red; +} - border-style: solid; - border-top-width: 1px; - border-right-width: 0px; - border-bottom-width: 0px; - border-left-width: 0px; +#footer div { + margin-top: 1em; + margin-left: 0; + margin-right: 0; +} + +#footer hr { + border: none; + border-top: 1px solid #bbbbbb; + margin: 0 0; +} +#footer :link, #footer :visited { + color: #666666; +} + +#footer p { + color: #888888; + font-size: x-small; + margin-top: 0; +} + +#footer p.copyright { + float: left; + margin-left: 1em; + padding: 0 1em; +} + +#footer p.modified { + float: right; text-align: right; + margin-right: 1em; } p.dialog { @@ -189,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; @@ -254,3 +330,49 @@ pre.notice { background-color: white; 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 } + .searchword1 { background: #cfc } + .searchword2 { background: #cff } + .searchword3 { background: #ccf } + .searchword4 { background: #fcf } +} + +@media print { + #footer { display: none } + .nav { display: none } +}