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

   1 @import "config.less";
   2
   3 .ui-controlgroup,
   4 fieldset.ui-controlgroup {
   5         padding: 0;
   6         margin: .5em 0 1em;
   7 }
   8 .ui-bar .ui-controlgroup {
   9         margin: 0 .3em;
  10 }
  11 .ui-controlgroup-label {
  12         font-size: 1em;
  13         line-height: 1.4;
  14         font-weight: normal;
  15         margin: 0 0 .3em;
  16 }
  17
  18 .ui-controlgroup-controls {
  19         display: block;
  20 }
  21 .ui-controlgroup {
  22         li {
  23                 list-style: none;
  24         }
  25         .ui-btn-inner {
  26                 white-space: nowrap;
  27         }
  28         .ui-checkbox label,     .ui-radio {
  29                 label {
  30                         font-size: 1em;
  31                 }
  32         }
  33         .ui-radio {
  34                 width: 25%;
  35                 overflow: hidden;
  36                 label {
  37                         text-align: center;
  38                         white-space: nowrap;
  39                 }
  40         }
  41         .ui-radio-on {
  42                 .ui-btn-inner {
  43                         background : @color_bg;
  44                         .ui-btn-text {
  45                                 color : @color_bar_title_text;
  46                         }
  47                 }
  48         }
  49         .ui-corner-left {
  50                 border-left-width: 0px;
  51         }
  52         .ui-corner-right {
  53                 border-right-width: 0px;
  54         }
  55 }
  56 .ui-controlgroup-vertical {
  57         .ui-btn, .ui-checkbox, .ui-radio {
  58                 margin: 0;
  59                 border-bottom-width: 0;
  60         }
  61         .ui-controlgroup-last {
  62                 border-bottom-width: 1px;
  63         }
  64
  65         .ui-radio {
  66                 width : 100%;
  67         }
  68
  69         .ui-radio label {
  70                 text-align :left;
  71                 .ui-btn-inner {
  72                         margin-left : 16 * @unit_base;
  73                         margin-right : 16 * @unit_base;
  74                 }
  75         }
  76 }
  77 .ui-controlgroup-horizontal {
  78         padding: 0;
  79         .ui-btn {
  80                 display: inline-block;
  81                 margin-left : -4 * @unit_base;
  82                 margin-right : -3 * @unit_base;
  83         }
  84         .ui-checkbox, .ui-radio {
  85                 float: left;
  86                 margin: 0 -1px 0 0;
  87         }
  88         .ui-controlgroup-last {
  89                 margin-right: 0;
  90         }
  91
  92         [data-role="button"] {
  93                 border-top : 0px;
  94                 border-bottom : 0px;
  95                 border-radius : 0px;
  96                 box-shadow : none;
  97                 background : none;
  98                 &.ui-btn-down-s, .ui-btn-active-s {
  99                         .ui-btn-inner {
 100                                 background : @color_bg;
 101                                 .ui-btn-text {
 102                                         color : @color_bar_title_text;
 103                                 }
 104                         }
 105                 }
 106
 107                 &.ui-btn-down-s {
 108                         .ui-btn-inner {
 109                                 background : @color_tabbar_btn_tab_press;
 110                         }
 111                 }
 112
 113                 >.ui-btn-inner {
 114                         border : 0px solid;
 115                         box-shadow : none;
 116                         padding-top : 5 * @unit_base;
 117                         padding-bottom : 5 * @unit_base;
 118                         padding-left : 10 * @unit_base;
 119                         padding-right : 10 * @unit_base;
 120                 }
 121         }
 122
 123         label {
 124                 > span.ui-btn-inner {
 125                         padding-top : 3 * @unit_base;
 126                         padding-bottom : 3 * @unit_base;
 127                 }
 128         }
 129
 130 }