modify segment background
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.segmentctrl.less
1 @import "config.less";
2
3 .ui-controlgroup {
4         .ui-radio {
5                 > .ui-btn {
6                         background : @color_bg;
7                 }
8         }
9         .ui-btn-text {
10                 font-size : 17  * @unit_base;
11                 font-weight : bold;
12                 color : rgba(58, 58, 58, 1);
13         }
14
15 }
16
17 .ui-controlgroup .ui-btn-inner .ui-corner-left .ui-controlgroup-first {
18         -o-border-radius: .3em;
19         -ms-border-radius: .3em;
20         -moz-border-radius: .3em ;
21         -webkit-border-radius: .3em ;
22         border-radius: .3em ;
23 }
24
25 .ui-controlgroup .ui-btn-inner .ui-corner-right .ui-controlgroup-last {
26         -o-border-radius: .3em;
27         -ms-border-radius: .3em;
28         -moz-border-radius: .3em ;
29         -webkit-border-radius: .3em ;
30         border-radius: .3em ;
31 }
32
33 .ui-controlgroup .ui-radio-off.ui-btn-hover-s.ui-btn-down-s .ui-btn-inner,
34 .ui-controlgroup .ui-radio-on .ui-btn-inner {
35   color: @color_segmentcontrol_Seg_text_pressed;
36 }
37
38 .ui-controlgroup .ui-radio-off .ui-btn-inner{
39   color: @color_segmentcontrol_Seg_text;
40 }
41
42 .ui-controlgroup.ui-controlgroup-horizontal .ui-radio .ui-btn-down-s .ui-btn-inner {
43         background : @color_tabbar_btn_tab_press;
44 }