From 9ed5865d3e05e461dd5dc7e0351721723ab5ea58 Mon Sep 17 00:00:00 2001 From: Thomas Schwinge Date: Mon, 24 Nov 2008 11:27:45 +0100 Subject: News item layout change as per a suggestion of Neal Walfield. --- local.css | 32 ++++++++++++-------------------- 1 file changed, 12 insertions(+), 20 deletions(-) (limited to 'local.css') diff --git a/local.css b/local.css index 966ddcd9..b27c82c9 100644 --- a/local.css +++ b/local.css @@ -174,22 +174,21 @@ a:hover /* News items on the front page. */ .newsitem { - padding-top: 2px; + margin-top: 2px; + border: 1px solid black; } -.newsitem + .newsitem -{ - clear: left; -} -.newsitemheader +.newsitem .newsitemheader .header { max-width: 30%; float: left; margin-right: 10px; + 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 @@ -198,22 +197,15 @@ a:hover } .newsitem .actions ul { - padding: 0; - border-bottom: 0; -} -.newsitem .actions li -{ - display: block; + border-bottom-style: none; } .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; -} -.newsitemcontent p -{ - clear: none; + /* TODO. Why is all this needed? */ + margin-left: 2px; + margin-right: 2px; + margin-top: -15px; + margin-bottom: -10px; } -- cgit v1.2.3