From 84a082701c8f47241953b30b198b49945bc048e8 Mon Sep 17 00:00:00 2001 From: briandilley Date: Mon, 15 Aug 2005 23:17:45 +0000 Subject: [PATCH] Updated CSS --- templates/default/kwotes-ie.css | 31 ++++-- templates/default/kwotes.css | 182 ++++++++++++++++++++------------ 2 files changed, 140 insertions(+), 73 deletions(-) diff --git a/templates/default/kwotes-ie.css b/templates/default/kwotes-ie.css index 3e5298c..5a2b4bb 100755 --- a/templates/default/kwotes-ie.css +++ b/templates/default/kwotes-ie.css @@ -1,12 +1,31 @@ -/* Stupid IE stuff... at least they get to see something hilite */ -.tab a:active +/* Begin Stupid IE stuff */ +body { - background-color: #8b8bca; + padding: 10px; } -.tab a:hover +.tabmenu .tab { - background-color: #dfdff0; + display: inline; +} + +.kwoteeven, .kwoteodd +{ + margin: 0px 0px 0px 0px; +} + +.kwotenavigation +{ + margin: 0px 0px 0px 0px; +} + +.kwotenavigation a +{ + margin: 0px 0px 0px 0px; +} + +.kwoteeven p, .kwoteodd p +{ + margin-top: 0px; } /* End stupid IE stuff */ - diff --git a/templates/default/kwotes.css b/templates/default/kwotes.css index 3da5e51..4aa2abe 100755 --- a/templates/default/kwotes.css +++ b/templates/default/kwotes.css @@ -1,34 +1,40 @@ body { - font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif; + font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; margin: 0px; } a:link { + color: #ff6103; text-decoration: none; - color: #000000; } a:visited { + color: #ff6103; text-decoration: none; - color: #000000; } -a:hover, a:active +a:hover { + color: #f00; text-decoration: underline; - color: #666666; } -a img +a:active +{ + color: #f00; + text-decoration: underline; +} + +img { border: 0px; } /* Containers */ -.container +#container { position: relative; width: 700px; @@ -36,121 +42,163 @@ a img margin-right: auto; } -.kwote-container -{ - position: relative; - width: 100%; -} - /* Header Section */ -.id-search +#searchbox { float: right; + margin-bottom: 2px; } -.id-search input +#searchbox input { height: 16px; - background-color: #6c97fb; border: solid 1px black; padding-left: 3px; } -.title +#title { - font-weight: bold; + font-weight:normal; + font-size: large; + font-family: Tahoma; + margin-bottom: 0px; +} + +/* Footer */ +#footer +{ + font-size: 0.85em; +} + +#footer a +{ + margin-right: 10px; + color: #000; + text-decoration: none; +} + +#footer a:hover +{ + color: #f00; + text-decoration: underline; +} + +/* Search */ +.note +{ + font-size: small; + color: Red; } /* Kwotes */ -.kwote-odd +.kwoteeven, .kwoteodd { position: relative; - margin-bottom: 10px; + border: 1px solid black; } -.kwote-even +.kwoteeven +{ + background-color: #eee; +} + +.kwoteeven + .kwoteodd, .kwoteodd + .kwoteeven +{ + margin-top: 10px; +} + +.kwoteeven p, .kwoteodd p +{ + clear: both; + font-size: 1em; + padding-left: 5px; +} + +a.kwoteid { position: relative; - margin-bottom: 10px; -} - -.kwote-id -{ float: left; - font-size: 0.8em; + font-size: 0.9em; + padding-left: 5px; + color: #000; + text-decoration: none; } -.vote-controls +a.kwoteid:visited { + color: #000; +} + +a.kwoteid:hover +{ + color: #f00; + text-decoration: underline; +} + +.votecontrols +{ + position: relative; float: right; - font-size: 0.8em; + font-size: 0.9em; padding: 0px; + padding-right: 2px; } -.vote-controls a +.votecontrols a { - font-size: 1.25em; + font-size: 1.35em; font-weight: bolder; + color: #000; text-decoration: none; padding: 0px 1px 0px 1px; } -.kwote-content +.votecontrols a:hover { - clear: both; - font-size: 0.9em; - border-top: 1px solid black; + color: #f00; } -/* Is this needed? */ -.kwote-navigation +/* Next and Back links */ +.kwotenavigation a { + text-decoration: none; } -/* Footer */ -.footer +.kwotenavigation a:hover { - font-size: 0.7em; -} - -.footer a -{ - margin-right: 10px; + text-decoration: underline; } /* Horizontal Menu */ -.tab-menu +.tabmenu { margin: 0px; padding: 0px; position: relative; list-style-type: none; - background-color: #5b86ea; width: 100%; } -/* This is used by all browsers */ -.tab-menu .tab +.tabmenu a { - display: inline; - margin: 0px; - padding-left: 3px; - padding-right: 3px; - font-size: 0.7em; + /* This must be marked as important or IE ignores it. */ + color: #000 ! important; + text-decoration: none; } -/* Good browsers use this too (IE doesn't use this) */ -.tab-menu .tab +.tabmenu a:hover +{ + /* This must be marked as important. + The above important rule causes all browsers to ignore this otherwise. */ + color: #f00 ! important; + text-decoration: underline; +} + +.tabmenu .tab { display: table-cell; -} - -.tab:active -{ - background-color: #6f95ec; -} - -.tab:hover -{ - background-color: #e2eafb; -} + margin: 0px; + padding-left: 5px; + padding-right: 5px; + font-size: 0.85em; +} \ No newline at end of file