a5ac01f88245cf57e309dc6678b3fe08d811c448
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / css / structure / jquery.mobile.controlgroup.css
1 .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
2 .ui-bar .ui-controlgroup { margin: 0 .3em; }
3 .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
4 .ui-controlgroup-controls { display: block; width: 100%;}
5 .ui-controlgroup li { list-style: none; }
6 .ui-controlgroup-vertical .ui-btn,
7 .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
8 .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
9
10 .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
11 .ui-controlgroup-horizontal { padding: 0; }
12 .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; }
13 .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; }
14 .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
15 .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
16 .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
17 .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
18 /* conflicts with listview..
19 .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
20 .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
21 */
22
23 @media all and (min-width: 450px){
24         .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
25         .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
26         .ui-field-contain .ui-controlgroup .ui-select { width: 100%; } 
27         .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
28 }