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-radio-on {\r
  51                 .ui-btn-inner {\r
  52                         background : @color_bg;\r
  53                         .ui-btn-text {\r
  54                                 color : @color_bar_title_text;\r
  55                         }\r
  56                 }\r
  57         }\r
  58         .ui-corner-left {\r
  59                 border-left-width: 0px;\r
  60         }\r
  61         .ui-corner-right {\r
  62                 border-right-width: 0px;\r
  63         }\r
  64 }\r
  65 .ui-controlgroup-vertical {\r
  66         .ui-btn, .ui-checkbox, .ui-radio {\r
  67                 margin: 0;\r
  68                 border-bottom-width: 0;\r
  69         }\r
  70         .ui-controlgroup-last {\r
  71                 border-bottom-width: 1px;\r
  72         }\r
  73 \r
  74         .ui-radio {\r
  75                 width : 100%;\r
  76         }\r
  77 \r
  78         .ui-radio label {\r
  79                 text-align :left;\r
  80                 .ui-btn-inner {\r
  81                         margin-left : 16 * @unit_base;\r
  82                         margin-right : 16 * @unit_base;\r
  83                 }\r
  84         }\r
  85 }\r
  86 .ui-controlgroup-horizontal {\r
  87         padding: 0;\r
  88         .ui-btn {\r
  89                 display: inline-block;\r
  90                 margin-left : -4 * @unit_base;\r
  91                 margin-right : -3 * @unit_base;\r
  92         }\r
  93         .ui-checkbox, .ui-radio {\r
  94                 float: left;\r
  95                 margin: 0 -1px 0 0;\r
  96         }\r
  97         .ui-controlgroup-last {\r
  98                 margin-right: 0;\r
  99         }\r
 100 \r
 101         [data-role="button"] {\r
 102                 border-top : 0px;\r
 103                 border-bottom : 0px;\r
 104                 border-radius : 0px;\r
 105                 box-shadow : none;\r
 106                 background : none;\r
 107                 &.ui-btn-down-s, .ui-btn-active-s {\r
 108                         .ui-btn-inner {\r
 109                                 background : @color_bg;\r
 110                                 .ui-btn-text {\r
 111                                         color : @color_bar_title_text;\r
 112                                 }\r
 113                         }\r
 114                 }\r
 115 \r
 116                 &.ui-btn-down-s {\r
 117                         .ui-btn-inner {\r
 118                                 background : @color_tabbar_btn_tab_press;\r
 119                         }\r
 120                 }\r
 121 \r
 122                 >.ui-btn-inner {\r
 123                         border : 0px solid;\r
 124                         box-shadow : none;\r
 125                         padding-top : 5 * @unit_base;\r
 126                         padding-bottom : 5 * @unit_base;\r
 127                         padding-left : 10 * @unit_base;\r
 128                         padding-right : 10 * @unit_base;\r
 129                 }\r
 130         }\r
 131 \r
 132         label {\r
 133                 > span.ui-btn-inner {\r
 134                         padding-top : 3 * @unit_base;\r
 135                         padding-bottom : 3 * @unit_base;\r
 136                 }\r
 137         }\r
 138 \r
 139 }\r