Permalink
Browse files

CSS cleanup: moved vendor-specific prefixed border-radius to non-late…

…st styles

As border-radius is supported by all latest browsers, their vendor-specific prefixed equivalents are not very important anymore.
  • Loading branch information...
1 parent 5ac4c9e commit 6f08b645d48e4a7cdaf9bcd0ad1650c8b9ca7144 @selfthinker committed Dec 28, 2011
Showing with 47 additions and 15 deletions.
  1. +47 −0 themes/base/jquery.ui.legacy.css
  2. +0 −15 themes/base/jquery.ui.theme.css
@@ -29,3 +29,50 @@
/* the overflow property removes extra width in IE */
}
+
+/* vendor-specific prefixes (which are supported without prefixes in latest browsers) */
+
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+ -moz-border-radius-topleft: 4px/*{cornerRadius}*/;
+ -webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
+ -khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
+ border-top-left-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+ -moz-border-radius-topright: 4px/*{cornerRadius}*/;
+ -webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
+ -khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
+ border-top-right-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
+ -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
+ -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
+ border-bottom-left-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+ -moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
+ -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
+ -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
+ border-bottom-right-radius: 4px/*{cornerRadius}*/;
+}
+
+.ui-widget-shadow {
+ -moz-border-radius: 8px/*{cornerRadiusShadow}*/;
+ -khtml-border-radius: 8px/*{cornerRadiusShadow}*/;
+ -webkit-border-radius: 8px/*{cornerRadiusShadow}*/;
+ border-radius: 8px/*{cornerRadiusShadow}*/;
+}
+
@@ -358,36 +358,24 @@
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
- -moz-border-radius-topleft: 4px/*{cornerRadius}*/;
- -webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
- -khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
- -moz-border-radius-topright: 4px/*{cornerRadius}*/;
- -webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
- -khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
- -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
- -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
- -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
- -moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
- -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
- -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
@@ -401,8 +389,5 @@
padding: 8px/*{thicknessShadow}*/;
background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
opacity: .3/*{opacityShadow}*/;
- -moz-border-radius: 8px/*{cornerRadiusShadow}*/;
- -khtml-border-radius: 8px/*{cornerRadiusShadow}*/;
- -webkit-border-radius: 8px/*{cornerRadiusShadow}*/;
border-radius: 8px/*{cornerRadiusShadow}*/;
}

0 comments on commit 6f08b64

Please sign in to comment.