src/themes/tizen/common/jquery.mobile.controlgroup.less

   1 @import "config.less";\r
   2 \r
   3 .ui-controlgroup,\r
   4 fieldset.ui-controlgroup {\r
   5         padding: 0;\r
   6         margin: .5em 0 1em;\r
   7 }\r
   8 .ui-bar .ui-controlgroup {\r
   9         margin: 0 .3em;\r
  10 }\r
  11 .ui-controlgroup-label {\r
  12         font-size: 1em;\r
  13         line-height: 1.4;\r
  14         font-weight: normal;\r
  15         margin: 0 0 .3em;\r
  16 }\r
  17 \r
  18 .ui-controlgroup-controls {\r
  19         display: block;\r
  20 }\r
  21 .ui-controlgroup {\r
  22         li {\r
  23                 list-style: none;\r
  24         }\r
  25         .ui-btn-inner {\r
  26                 white-space: nowrap;\r
  27         }\r
  28         .ui-checkbox label,     .ui-radio {\r
  29                 label {\r
  30                         font-size: 1em;\r
  31                 }\r
  32         }\r
  33         .ui-radio {\r
  34                 width: 25%;\r
  35                 overflow: hidden;\r
  36                 label {\r
  37                         text-align: center;\r
  38                         white-space: nowrap;\r
  39                 }\r
  40         }\r
  41         .ui-radio-off, .ui-radio-on {\r
  42                 width: 100%;\r
  43                 border-right-width: 1px;\r
  44                 border-right-color: @color_controlgroup_btn_border;\r
  45                 border-right-style: solid;\r
  46                 border-left-width: 1px;\r
  47                 border-left-color: @color_controlgroup_btn_border;\r
  48                 border-left-style: solid;\r
  49         }\r
  50         .ui-corner-left {\r
  51                 border-left-width: 0px;\r
  52         }\r
  53         .ui-corner-right {\r
  54                 border-right-width: 0px;\r
  55         }\r
  56 }\r
  57 .ui-controlgroup-vertical {\r
  58         .ui-btn, .ui-checkbox, .ui-radio {\r
  59                 margin: 0;\r
  60                 border-bottom-width: 0;\r
  61         }\r
  62         .ui-controlgroup-last {\r
  63                 border-bottom-width: 1px;\r
  64         }\r
  65         \r
  66         .ui-radio {\r
  67                 width : 100%;\r
  68         }\r
  69         \r
  70         .ui-radio label {\r
  71                 text-align :left;\r
  72                 .ui-btn-inner {\r
  73                         margin-left : 16 * @unit_base;\r
  74                         margin-right : 16 * @unit_base;\r
  75                 }\r
  76         }\r
  77 }\r
  78 .ui-controlgroup-horizontal {\r
  79         padding: 0;\r
  80         .ui-btn {\r
  81                 display: inline-block;\r
  82                 margin: 0 -5px 0 0;\r
  83         }\r
  84         .ui-checkbox, .ui-radio {\r
  85                 float: left;\r
  86                 margin: 0 -1px 0 0;\r
  87         }\r
  88         .ui-controlgroup-last {\r
  89                 margin-right: 0;\r
  90         }\r
  91 }\r