diff options
Diffstat (limited to 'local.css')
| -rw-r--r-- | local.css | 97 |
1 files changed, 70 insertions, 27 deletions
@@ -30,8 +30,7 @@ body { font-family: "Bitstream Vera Sans", sans-serif; - margin: 2px; - padding: 1em; + padding: 0.5em; } p @@ -44,10 +43,7 @@ hr height: 1px; border-style: none; background-color: black; - /* No idea, if this is ``just'' a Firefox bug (looks fine without the - * following statement in konqueror), but it for sure inhibits the `hr's from - * being shifted to the right. */ - margin-left: 0px; + margin-left: 0; } pre @@ -55,6 +51,16 @@ pre margin-left: 3em; font-weight: bold; padding: 0.5em; + overflow: auto; +} + +a +{ + text-decoration: none; +} +a:hover +{ + border-bottom: 1px dotted blue; } /* Put these elements side by side. */ @@ -86,9 +92,50 @@ pre background-color: #f0f0f0; } -.actions +.pageheader .actions +{ + background-color: #e7e7e7; + padding: 0em 0.5em 0.3em 0.5em; + border-top: 1px solid #999999; +} + +.pageheader .actions .global +{ + max-width: 50%; + float: left; + margin-right: 3em; +} + +.pageheader .actions .per_page ul:before +{ + font-style: oblique; + content: "This page:"; +} + +.pageheader .actions ul +{ + border: none; + padding-top: 0.7em; +} + +.pageheader .actions li +{ + padding: 0.7em 0.7em 0.4em 0.7em; + border: 1px solid #e7e7e7; + border-top: 1px solid #999999; +} +.pageheader .actions li:hover { background-color: #f0f0f0; + border: 1px solid #999999; + border-top: 1px solid #f0f0f0; + -moz-border-radius-bottomleft: 0.8em; + -moz-border-radius-bottomright: 0.8em; +} + +#content +{ + padding: 0.5em; } #sidebar @@ -137,24 +184,29 @@ pre } /* News items on the front page. */ +#feedlink, .newsitem { - padding-top: 2px; -} -.newsitem + .newsitem + margin-bottom: 0.2em; +} + +.newsitem { - clear: left; + border: 1px solid black; + overflow: auto; } -.newsitemheader +.newsitem .newsitemheader .header { max-width: 30%; float: left; - margin-right: 10px; + margin-right: 1em; + border-bottom: 1px solid black; + border-right: 1px solid black; } .newsitem .header, .newsitem .author { - font-size: medium; + font-size: small; font-style: italic; } .newsitem .actions @@ -163,22 +215,13 @@ pre } .newsitem .actions ul { - padding: 0; - border-bottom: 0; -} -.newsitem .actions li -{ - display: block; -} -.newsitemcontent -{ - /* TODO. Why is this needed to make the floating text appear on the same - vertical height as is the item's title? */ - margin-top: -10px; + border-bottom-style: none; + padding: 0.5em 0; + line-height: 1; } .newsitemcontent p { - clear: none; + margin: 0.3em; } |