Updated CSS

templates/default/kwotes-ie.css

@@ -1,12 +1,31 @@
-/* Stupid IE stuff... at least they get to see something hilite */
+/* Begin Stupid IE stuff  */
-.tab a:active
+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 */
-

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;
+	color: #f00;
-	font-size: 0.9em;
-	border-top: 1px solid black;
 }
 
-/* Is this needed? */
+/* Next and Back links */
-.kwote-navigation
+.kwotenavigation a
 {
+	text-decoration: none;
 }
 
-/* Footer */
+.kwotenavigation a:hover
-.footer
 {
-	font-size: 0.7em;
+	text-decoration: underline;
-}
-
-.footer a
-{
-	margin-right: 10px;
 }
 
 /* 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 */
+.tabmenu a
-.tab-menu .tab
 {
-	display: inline;
+	/* This must be marked as important or IE ignores it. */
-	margin: 0px;
+	color: #000 ! important;
-	padding-left: 3px;
+	text-decoration: none;
-	padding-right: 3px;
-	font-size: 0.7em;
 }
 
-/* Good browsers use this too (IE doesn't use this) */
+.tabmenu a:hover
-.tab-menu .tab
+{
+	/* 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;
-}
+	margin: 0px;
-
+	padding-left: 5px;
-.tab:active
+	padding-right: 5px;
-{
+	font-size: 0.85em;
-	background-color: #6f95ec;
+}
-}
-
-.tab:hover
-{
-	background-color: #e2eafb;
-}