switched from PNG to GIF to fix IE

[selectricity] / public / stylesheets / front.css

diff --git a/public/stylesheets/front.css b/public/stylesheets/front.css
index 1285e7fbb80f7199584df5573a992e6eadc4d6dc..daa91c7e85ed6bbbec7489134143462070c306e3 100644 (file)
--- a/public/stylesheets/front.css
+++ b/public/stylesheets/front.css
@@ -24,30 +24,36 @@ table, caption, tbody, tfoot, thead, tr, th, td {
 
 body {
        line-height: 1;
-       color: black;
-       background: #ffffff url(/images/bg_index.png) repeat-x top center;
+    color: black;
+       background: #ffffff url(/images/bg_index.gif) repeat-x top center;
 }
 
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-       border-collapse: separate;
+a {
+    color: #dc0d13
 }
 
-caption, th, td {
+#body {
+       font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+       color: white;
+       font-size: 12px;
        text-align: left;
-       font-weight: normal;
+       line-height: 1.5em;
 }
 
-#page-wrapper {
-       width: 960px;
-       margin: 0 auto 0 auto;
-       text-align: center;
+#body a {
+       text-decoration: underline;
+       color: white;
+       display: inline;
+       opacity: 0.8;
 }
 
+#body a:hover {
+       opacity: .5;
+}
 
 /* Header */
 #header h1 {
-       background: url(/images/title.png) center top no-repeat;
+       background: url(/images/title_front.gif) center top no-repeat;
        overflow: hidden;
        padding-top: 189px;
        height: 0px;
@@ -89,7 +95,7 @@ h3 {
        padding-top: 50px;
        height: 559px;
        width: 185px;
-       background: url(/images/bg_voters.png) top left no-repeat;
+       background: url(/images/bg_voters.gif) top left no-repeat;
 }
 
 #voters-content {
@@ -100,7 +106,7 @@ h3 {
        padding-top: 139px;
        height: 470px;
        width: 185px;
-       background: url(/images/bg_controlroom.png) top left no-repeat;
+       background: url(/images/bg_controlroom.gif) top left no-repeat;
 }
 
 #control-room-content {
@@ -111,7 +117,7 @@ h3 {
        padding-top: 80px;
        height: 529px;
        width: 185px;
-       background: url(/images/bg_quickvotes.png) top left no-repeat;
+       background: url(/images/bg_quickvotes.gif) top left no-repeat;
 }
 
 #quickvotes-content {