From f1577ed1afb1aa65041ba5b6cdd812e2c6085d91 Mon Sep 17 00:00:00 2001 From: Starla Insigna Date: Fri, 12 Dec 2008 17:38:01 -0500 Subject: Replaced JS bubbles Now, instead of creating bubbles using JavaScript, they are created using the CSS3 style "border-radius" commands. --- theme/css/bubbles.css | 23 ++++++++++++++++++++--- 1 file changed, 20 insertions(+), 3 deletions(-) (limited to 'theme/css') diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index e48eba0..c859bf9 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css @@ -42,11 +42,9 @@ div.bubble div.rounded blockquote div { margin: 0px 10px; } div.bubble cite.rounded { - position: relative; margin: 0px; padding-left: 15px; - padding-top: 12px; - top: 9px; + padding-top: 19px; background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; } @@ -69,3 +67,22 @@ div.bubble div.bquote blockquote { border: 1px solid #c9c2c1; background-color: #fff; } + +.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; +} -- cgit 1.4.1