From 623c36e777ddf7566f338619a21c07e2f1775b71 Mon Sep 17 00:00:00 2001 From: Starla Insigna 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/bubbles.css | 38 ++++++++++++++++-------------------- theme/css/ie.css | 31 +++++++++++++++++++++++++++++- theme/css/website.css | 53 ++++++++++++++++++--------------------------------- theme/header.tpl | 46 ++++++++++++++++++++++++++++---------------- 4 files changed, 95 insertions(+), 73 deletions(-) (limited to 'theme') diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index bf3445c..920b917 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css @@ -1,4 +1,5 @@ /* Normal Bubble */ + div.bubble { width: auto; font-size: 0.75em; @@ -20,9 +21,9 @@ div.bubble blockquote div { div.bubble cite { position: relative; + top: 6px; margin: 0; padding: 7px 0px 0px 15px; - top: 6px; background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; font-style: normal; font-size: small; @@ -34,31 +35,36 @@ div.bubble div.rounded { border: 3px solid #fff; background-color: #b7e0ff; } + div.bubble div.rounded blockquote, div.bubble div.navbar-rounded blockquote { border: 0; background-color: transparent; } + div.bubble div.rounded blockquote div { margin: 0px 10px; } + div.bubble cite.rounded { margin: 0px; - padding-left: 15px; - padding-top: 19px; + padding: 19px 0 0 15px; background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; } /* Pimped Bubble */ -div.pimped.bubble { + +div.pimped { font-size: 0.9em; } -div.pimped.bubble div.rounded { + +div.pimped div.rounded { color: #fff; border: 3px solid #fff; background-color: #111; } -div.pimped.bubble cite.rounded { + +div.pimped cite.rounded { background: transparent url(/theme/images/tip-pimped.gif) no-repeat 15px 0; } @@ -70,21 +76,9 @@ div.bubble div.bquote blockquote { } .rounded { - -moz-border-radius-topleft: 10px; - -moz-border-radius-topright: 10px; - -moz-border-radius-bottomleft: 10px; - -moz-border-radius-bottomright: 10px; - -webkit-border-top-left-radius: 10px; - -webkit-border-top-right-radius: 10px; - -webkit-border-bottom-left-radius: 10px; - -webkit-border-bottom-right-radius: 10px; - -khtml-border-top-left-radius: 10px; - -khtml-border-top-right-radius: 10px; - -khtml-border-bottom-left-radius: 10px; - -khtml-border-bottom-right-radius: 10px; - border-top-left-radius: 10px; - border-top-right-radius: 10px; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + -khtml-border-radius: 10px; + border-radius: 10px; padding: 4px; } diff --git a/theme/css/ie.css b/theme/css/ie.css index 6903ed4..ad0ebcc 100644 --- a/theme/css/ie.css +++ b/theme/css/ie.css @@ -8,8 +8,37 @@ dl.icon { #wrap { text-align: center; + background:transparent; + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); + zoom: 1; } -#wrap * { +#wrap #page-body { text-align: left; } + +body#night #wrap { + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); +} + +div#fi-navbar ul li a { + position: relative; + top: -0.4em; +} + +div.bubble cite { + position: static; + padding-top: 4px; +} + +div.bubble cite.rounded { + padding-top: 13px; +} + +div.pimped cite.rounded { + padding-top: 14px; +} + +span.post-vote { + position: static; +} 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; -} diff --git a/theme/header.tpl b/theme/header.tpl index bfefe44..2117d3d 100755 --- a/theme/header.tpl +++ b/theme/header.tpl @@ -1,3 +1,5 @@ + + <!--EXTRATITLE-->Four Island @@ -26,14 +28,14 @@ -
-