70f061133fb3679be9d389dd6d020549051f286a
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.multibuttonentry.less
1 @import "config.less";\r
2 \r
3 .ui-multibuttonentry {\r
4         display : table;\r
5         background-color : @color_multibuttonentry_bg;\r
6         outline : none;\r
7 }\r
8 \r
9 .ui-multibuttonentry .ui-multibuttonentry-label {\r
10         display : inline-block;\r
11         text-align : center;\r
12         position : relative;\r
13         margin-left : .3em;\r
14         margin-right : .3em;\r
15         padding : .6em 0em;\r
16         color : @color_multibuttonentry_input_text;\r
17         font-weight : bold;\r
18         text-align : center;\r
19         font-size : 1em;\r
20         background-color : @color_multibuttonentry_bg;\r
21 }\r
22 \r
23 .ui-multibuttonentry-input {\r
24         display : inline-block;\r
25         outline : none;\r
26         position : relative;\r
27         border : 0 !important;\r
28         padding : 0 !important;\r
29         margin : .5em;\r
30         color : @color_multibuttonentry_input_text;\r
31         text-align : left;\r
32         font-size : 1em;\r
33         background-color : @color_multibuttonentry_bg;\r
34 }\r
35 \r
36 .ui-multibuttonentry div, .ui-multibuttonentry a {\r
37         display : inline-block;\r
38         text-align : center;\r
39         cursor : pointer;\r
40         position : relative;\r
41         margin-left : .3em;\r
42         margin-right : .3em;\r
43         margin-bottom : .3em;\r
44         margin-top : .3em;\r
45         padding : .2em .5em;\r
46         font-size : 1em;\r
47         text-shadow : 0 .1em .1em rgba(0,0,0,.3);\r
48         -ms-border-radius : .5em;\r
49         -o-border-radius : .5em;\r
50         -webkit-border-radius : .5em;\r
51         -moz-border-radius : .5em;\r
52         border-radius : 1.5em;\r
53         .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));\r
54         color : @color_multibuttonentry_block_text;\r
55         overflow : hidden;\r
56         text-overflow : ellipsis;\r
57         white-space : nowrap;\r
58 }\r
59 \r
60 a.ui-multibuttonentry-link-base {\r
61         float : right;\r
62         font-size : 1em;\r
63         font-weight : bold;\r
64         text-decoration : none;\r
65         border : solid 2px @color_multibuttonentry_link_bg;\r
66 }\r
67 \r
68 a.ui-multibuttonentry-link {\r
69         color : @color_multibuttonentry_link !important;\r
70         background-color : @color_multibuttonentry_link_bg;\r
71 }\r
72 \r
73 a.ui-multibuttonentry-link-dim {\r
74         color : @color_multibuttonentry_link_bg !important;\r
75         background-color : @color_multibuttonentry_bg;\r
76 }\r
77 \r
78 div.ui-multibuttonentry-block {\r
79         border : solid 2px @color_multibuttonentry_block_border;\r
80         background-color : @color_multibuttonentry_block_bg;\r
81 }\r
82 \r
83 div.ui-multibuttonentry-sblock {\r
84         border : solid 2px @color_multibuttonentry_press_border;\r
85         background : @color_multibuttonentry_press_bg;\r
86 }\r
87 \r
88 .ui-multibuttonentry .ui-multibuttonentry-desclabel {\r
89         display : inline-block;\r
90         outline : none;\r
91         position : relative;\r
92         border : 0;\r
93         color : @color_multibuttonentry_input_text;\r
94         text-align : left;\r
95         font-size : 1em;\r
96         background-color : @color_multibuttonentry_bg;\r
97 }\r
98 \r
99 .ui-multibuttonentry-focus-button {\r
100     background-image : url(./images/00_button_expand_opened.png);\r
101  }\r