Drop vendor prefixes for border-radius
authorTimo Tijhof <krinklemail@gmail.com>
Mon, 28 Apr 2014 15:46:55 +0000 (17:46 +0200)
committerTimo Tijhof <krinklemail@gmail.com>
Mon, 28 Apr 2014 15:46:55 +0000 (17:46 +0200)
http://caniuse.com/border-radius
* -moz is for Firefox 3.6
* -webkit is for Chrome 4, Safari 4, and iOS 3

Also:
* Vendor prefixes should go before the standardised one.
  http://css-tricks.com/ordering-css3-properties/
* jquery-ui vector theme was missing standardised properties
  in some cases. Added those.

Follows-up c6b0205

Change-Id: I150626e5fba3d65128c14e0945b83ac65efd3078

resources/src/jquery.tipsy/jquery.tipsy.css
resources/src/jquery.ui-themes/vector/jquery.ui.button.css
resources/src/jquery.ui-themes/vector/jquery.ui.theme.css

index 3680fbe..6471516 100644 (file)
@@ -12,8 +12,6 @@
        color: black;
        max-width: 15em;
        border-radius: 4px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
        /*
        -moz-box-shadow: 0px 2px 8px #cccccc;
        -webkit-box-shadow: 0px 2px 8px #cccccc;
@@ -72,4 +70,4 @@
        left: 0px;
        width: 6px;
        height: 11px;
-}
\ No newline at end of file
+}
index 300cdaa..8c2286d 100644 (file)
@@ -111,8 +111,6 @@ body .ui-button-large {
 .ui-button.ui-corner-top,
 .ui-button.ui-corner-left,
 .ui-button.ui-corner-tl {
-       -moz-border-radius-topleft: 4px;
-       -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
 }
 .ui-button.ui-corner-all,
@@ -120,24 +118,18 @@ body .ui-button-large {
 
 .ui-button.ui-corner-right,
 .ui-button.ui-corner-tr {
-       -moz-border-radius-topright: 4px;
-       -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
 }
 .ui-button.ui-corner-all,
 .ui-button.ui-corner-bottom,
 .ui-button.ui-corner-left,
 .ui-button.ui-corner-bl {
-       -moz-border-radius-bottomleft: 4px;
-       -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
 }
 .ui-button.ui-corner-all,
 .ui-button.ui-corner-bottom,
 .ui-button.ui-corner-right,
 .ui-button.ui-corner-br {
-       -moz-border-radius-bottomright: 4px;
-       -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
 }
 
index e39371d..8f46645 100644 (file)
 ----------------------------------*/
 
 /* Corner radius */
-.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
-.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
-.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
-.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
-.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
-.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
-.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
-.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
-.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }
+.ui-corner-tl { border-top-left-radius: 0; }
+.ui-corner-tr { border-top-right-radius: 0; }
+.ui-corner-bl { border-bottom-left-radius: 0; }
+.ui-corner-br { border-bottom-right-radius: 0; }
+.ui-corner-top { border-top-left-radius: 0; border-top-right-radius: 0; }
+.ui-corner-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+.ui-corner-right {  border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.ui-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+.ui-corner-all { border-radius: 0; }
 
 /* Overlays */
 .ui-widget-overlay { background: #000000; opacity: .75;filter:Alpha(Opacity=75); }
-.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; /* @embed */ background: #000000 url(images/ui-bg_flat_70_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
\ No newline at end of file
+.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; /* @embed */ background: #000000 url(images/ui-bg_flat_70_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); border-radius: 8px; }