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
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;
left: 0px;
width: 6px;
height: 11px;
-}
\ No newline at end of file
+}
.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,
.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;
}
----------------------------------*/
/* 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; }