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 ++++++++++++++++---------------------- 1 file changed, 16 insertions(+), 22 deletions(-) (limited to 'theme/css/bubbles.css') 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; } -- cgit 1.4.1