From 623c36e777ddf7566f338619a21c07e2f1775b71 Mon Sep 17 00:00:00 2001
From: Starla Insigna <hatkirby@fourisland.com>
Date: Sat, 28 Mar 2009 09:52:01 -0400
Subject: Improved rendering in IE

Now, Four Island doesn't look downright disgusting in IE, even though there are still a couple more problems to be fixed. Also, a small amount of CSS
housekeeping was done.
---
 theme/css/website.css | 53 ++++++++++++++++++---------------------------------
 1 file changed, 19 insertions(+), 34 deletions(-)

(limited to 'theme/css/website.css')

diff --git a/theme/css/website.css b/theme/css/website.css
index 6b030fe..f0f2a0e 100755
--- a/theme/css/website.css
+++ b/theme/css/website.css
@@ -1,9 +1,7 @@
 /* Four Island CSS */
 
 body {
- background-repeat: repeat-x;
- background-attachment: fixed;
- background-position: bottom left;
+ background: repeat-x bottom left fixed;
  font-family: Arial, FreeSans;
  margin: 0px;
  padding: 0px 0px 30px !important;
@@ -15,9 +13,15 @@ body.fourm {
 
 /* Effects */
 
+/* NOTE: The ::selection and ::-moz-selection groups below, while 
+ * containing the same code, do not, for some reason, work when put 
+ * together
+ */
+
 ::selection {
 	background: pink;
 }
+
 ::-moz-selection {
 	background: pink;
 }
@@ -35,7 +39,7 @@ a:link {
  text-decoration: none;
 }
 
-a:visited {
+a:visited, a:active {
  color: blue;
  text-decoration: none;
 }
@@ -48,11 +52,6 @@ a:hover, a:focus {
  text-transform: capitalize;
 }
 
-a:active {
- color: blue;
- text-decoration: none;
-}
-
 a img {
  border: 0;
 }
@@ -86,9 +85,7 @@ blockquote {
  border-left: 3px solid #CCC;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
- margin-top: 10px;
- margin-bottom: 10px;
- margin-left: 50px;
+ margin: 10px 0 10px 50px;
 }
 
 pre {
@@ -106,9 +103,7 @@ div#banner, div#fi-banner {
 }
 
 div#banner {
- background-image: url("/theme/images/fourisland_header.png");
- background-position: center;
- background-color: white;
+ background: white url("/theme/images/fourisland_header.png") center no-repeat;
  width: 100%;
 }
 
@@ -139,6 +134,8 @@ div#fi-navbar {
  width: auto;
  margin-bottom: 14px;
  font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
+ height: 1.9em;
+ clear: both;
 }
 
 div#fi-navbar div {
@@ -147,8 +144,7 @@ div#fi-navbar div {
 }
 
 div#fi-navbar ul {
- margin-top: .25em;
- margin-bottom: .25em;
+ margin: .25em 0;
  padding-left: 1em;
  text-align: center;
 }
@@ -163,11 +159,8 @@ div#fi-navbar ul li+li:before {
  content: " - ";
 }
 
-div#fi-navbar ul li img {
- display: none;
-}
-
-div#fi-navbar ul li.active a {
+div#fi-navbar ul li img,
+div#fi-navbar ul li.active span {
  display: none;
 }
 
@@ -175,8 +168,7 @@ div#fi-navbar ul li.active img {
  display: inline;
  background-color: white;
  outline: white solid .5em;
- margin-left: .5em;
- margin-right: .5em;
+ margin: 0 .5em;
 }
 
 div#fi-navbar div.bubble blockquote {
@@ -192,7 +184,7 @@ div#fi-navbar div.bubble blockquote a {
 
 div#rightbar {
  float: left;
- width: 250px; /*210*/
+ width: 270px; /*210*/
 }
 
 div.sidebar {
@@ -241,7 +233,6 @@ div#sidebar li img {
 #wrap {
  width: 910px;
  margin: 10px auto;
- text-align: left;
  padding: 0;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
@@ -255,8 +246,7 @@ div#sidebar li img {
 }
 
 body.fourm #page-body {
- margin-left: 25;
- margin-right: 10;
+ margin: 0 10px 0 25px;
  width: 95%;
  font-size: 62.5%;
 }
@@ -298,8 +288,7 @@ div.cleardiv {
 				
 div#footer {
  clear: both;
- padding-bottom: 1em;
- padding-top: .5em;
+ padding: .5em 0 1em 0;
  margin-top: .5em;
  text-align: center;
  font-size: .68em;
@@ -384,7 +373,3 @@ table.webmail th {
  background-color: #FF9912;
  text-align: left;
 }
-
-table.webmail td {
- word-wrap: break-word;
-}
-- 
cgit 1.4.1