Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Controlgroup CSS: corner styling

  • Loading branch information...
commit e13e99f214c9385f78a408ed10ac3944dbf039ec 1 parent b28b5ee
@jaspermdegroot jaspermdegroot authored
Showing with 50 additions and 0 deletions.
  1. +50 −0 css/structure/jquery.mobile.controlgroup.css
View
50 css/structure/jquery.mobile.controlgroup.css
@@ -32,6 +32,56 @@
.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
+/* Corner styling */
+.ui-controlgroup .ui-controlgroup-controls {
+ -webkit-border-radius: inherit;
+ border-radius: inherit;
+}
+.ui-controlgroup-vertical .ui-radio:first-child,
+.ui-controlgroup-vertical .ui-checkbox:first-child,
+.ui-controlgroup-vertical .ui-select:first-child,
+.ui-controlgroup-vertical .ui-radio:first-child .ui-btn,
+.ui-controlgroup-vertical .ui-checkbox:first-child .ui-btn,
+.ui-controlgroup-vertical .ui-select:first-child .ui-btn,
+.ui-controlgroup-vertical label:first-child + .ui-select,
+.ui-controlgroup-vertical .ui-btn:first-child {
+ -webkit-border-top-left-radius: inherit;
+ border-top-left-radius: inherit;
+ -webkit-border-top-right-radius: inherit;
+ border-top-right-radius: inherit;
+}
+.ui-controlgroup-vertical .ui-radio:last-child,
+.ui-controlgroup-vertical .ui-checkbox:last-child,
+.ui-controlgroup-vertical .ui-select:last-child,
+.ui-controlgroup-vertical .ui-btn:last-child {
+ -webkit-border-bottom-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+ -webkit-border-bottom-right-radius: inherit;
+ border-bottom-right-radius: inherit;
+}
+.ui-controlgroup-horizontal .ui-radio:first-child,
+.ui-controlgroup-horizontal .ui-checkbox:first-child,
+.ui-controlgroup-horizontal .ui-select:first-child,
+.ui-controlgroup-horizontal .ui-radio:first-child .ui-btn,
+.ui-controlgroup-horizontal .ui-checkbox:first-child .ui-btn,
+.ui-controlgroup-horizontal .ui-select:first-child .ui-btn,
+.ui-controlgroup-horizontal label:first-child + .ui-select,
+.ui-controlgroup-horizontal .ui-btn:first-child {
+ -webkit-border-top-left-radius: inherit;
+ border-top-left-radius: inherit;
+ -webkit-border-bottom-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+.ui-controlgroup-horizontal .ui-radio:last-child,
+.ui-controlgroup-horizontal .ui-checkbox:last-child,
+.ui-controlgroup-horizontal .ui-select:last-child,
+.ui-controlgroup-horizontal .ui-btn:last-child {
+ -webkit-border-top-right-radius: inherit;
+ border-top-right-radius: inherit;
+ -webkit-border-bottom-right-radius: inherit;
+ border-bottom-right-radius: inherit;
+}
+
@media all and (min-width: 450px){
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
Please sign in to comment.
Something went wrong with that request. Please try again.