From 9d7270141d80d4811ad361e67cddb421477679f7 Mon Sep 17 00:00:00 2001 From: Douglas Neiner Date: Wed, 29 Sep 2010 14:00:29 -0700 Subject: [PATCH] Added background-clip to the rounded corner classes to help out with background bleeds --- css/jQuery.mobile.theme.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/css/jQuery.mobile.theme.css b/css/jQuery.mobile.theme.css index 9bf451c2..8e0a035a 100644 --- a/css/jQuery.mobile.theme.css +++ b/css/jQuery.mobile.theme.css @@ -153,7 +153,18 @@ a.ui-link-inherit { text-decoration: none !important; } .ui-btn-corner-bottom { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; } .ui-btn-corner-right { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; } .ui-btn-corner-left { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; } -.ui-btn-corner-all { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; -webkit-background-clip: padding-box;} +.ui-btn-corner-all { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;} + +.ui-corner-tl, .ui-corner-tr, .ui-corner-bl, +.ui-corner-br, .ui-corner-top, .ui-corner-bottom, +.ui-corner-right, .ui-corner-left, .ui-corner-all, +.ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, +.ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, +.ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} /* Overlays */ .ui-overlay { background: #666; opacity: .5; filter:Alpha(Opacity=50); position: absolute; width: 100%; height: 100%; }