diff options
| author | Starla Insigna <hatkirby@fourisland.com> | 2008-12-12 17:38:01 -0500 |
|---|---|---|
| committer | Starla Insigna <hatkirby@fourisland.com> | 2008-12-12 17:38:01 -0500 |
| commit | f1577ed1afb1aa65041ba5b6cdd812e2c6085d91 (patch) | |
| tree | 1aa4d4c93a4f1d27daa12ad951d9f76069f8140e /theme/css | |
| parent | acd2740ccbbb358e866a8bb3ac64c0de32e554f9 (diff) | |
| download | fourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.tar.gz fourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.tar.bz2 fourisland-f1577ed1afb1aa65041ba5b6cdd812e2c6085d91.zip | |
Replaced JS bubbles
Now, instead of creating bubbles using JavaScript, they are created using the CSS3 style "border-radius" commands.
Diffstat (limited to 'theme/css')
| -rwxr-xr-x | theme/css/bubbles.css | 23 |
1 files changed, 20 insertions, 3 deletions
| 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 { | |||
| 42 | margin: 0px 10px; | 42 | margin: 0px 10px; |
| 43 | } | 43 | } |
| 44 | div.bubble cite.rounded { | 44 | div.bubble cite.rounded { |
| 45 | position: relative; | ||
| 46 | margin: 0px; | 45 | margin: 0px; |
| 47 | padding-left: 15px; | 46 | padding-left: 15px; |
| 48 | padding-top: 12px; | 47 | padding-top: 19px; |
| 49 | top: 9px; | ||
| 50 | background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; | 48 | background: transparent url(/theme/images/tip-rounded.gif) no-repeat 15px 0; |
| 51 | } | 49 | } |
| 52 | 50 | ||
| @@ -69,3 +67,22 @@ div.bubble div.bquote blockquote { | |||
| 69 | border: 1px solid #c9c2c1; | 67 | border: 1px solid #c9c2c1; |
| 70 | background-color: #fff; | 68 | background-color: #fff; |
| 71 | } | 69 | } |
| 70 | |||
| 71 | .rounded { | ||
| 72 | -moz-border-radius-topleft: 10px; | ||
| 73 | -moz-border-radius-topright: 10px; | ||
| 74 | -moz-border-radius-bottomleft: 10px; | ||
| 75 | -moz-border-radius-bottomright: 10px; | ||
| 76 | -webkit-border-top-left-radius: 10px; | ||
| 77 | -webkit-border-top-right-radius: 10px; | ||
| 78 | -webkit-border-bottom-left-radius: 10px; | ||
| 79 | -webkit-border-bottom-right-radius: 10px; | ||
| 80 | -khtml-border-top-left-radius: 10px; | ||
| 81 | -khtml-border-top-right-radius: 10px; | ||
| 82 | -khtml-border-bottom-left-radius: 10px; | ||
| 83 | -khtml-border-bottom-right-radius: 10px; | ||
| 84 | border-top-left-radius: 10px; | ||
| 85 | border-top-right-radius: 10px; | ||
| 86 | border-bottom-left-radius: 10px; | ||
| 87 | border-bottom-right-radius: 10px; | ||
| 88 | } | ||