Export 0.1.63
[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         outline : none;\r
6 }\r
7 \r
8 .ui-multibuttonentry .ui-multibuttonentry-label {\r
9         display : inline-block;\r
10         text-align : center;\r
11         position : relative;\r
12         margin-left : .3em;\r
13         margin-right : .3em;\r
14         padding : .6em 0em;\r
15         color : @color_multibuttonentry_label_text;\r
16         font-weight : bold;\r
17         text-align : center;\r
18         font-size : 1em;\r
19 }\r
20 \r
21 .ui-multibuttonentry-input {\r
22         display : inline-block;\r
23         outline : none;\r
24         position : relative;\r
25         border : 0 !important;\r
26         padding : 0 !important;\r
27         margin : .5em;\r
28         color : @color_multibuttonentry_input_text;\r
29         text-align : left;\r
30         font-size : 1em;\r
31 }\r
32 \r
33 .ui-multibuttonentry div {\r
34         display : inline-block;\r
35         text-align : center;\r
36         cursor : pointer;\r
37         position : relative;\r
38         margin-left : .3em;\r
39         margin-right : .3em;\r
40         margin-bottom : .3em;\r
41         margin-top : .3em;\r
42         padding : .2em .5em;\r
43         font-size : 1em;\r
44         text-shadow : 0 .1em .1em rgba(0,0,0,.3);\r
45         -ms-border-radius : .2em;\r
46         -o-border-radius : .2em;\r
47         -webkit-border-radius : .2em;\r
48         -moz-border-radius : .2em;\r
49         border-radius : .2em;\r
50         .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));\r
51         color : @color_multibuttonentry_block_text;\r
52         overflow : hidden;\r
53         text-overflow : ellipsis;\r
54         white-space : nowrap;\r
55 }\r
56 \r
57 div.ui-multibuttonentry-block {\r
58         background-color : @color_multibuttonentry_block_bg;\r
59         background-image: url(./images/00_contacts_button_header.png);\r
60         background-size: contain;\r
61         background-repeat: no-repeat;\r
62         padding-left : .7em;\r
63 }\r
64 \r
65 div.ui-multibuttonentry-sblock {\r
66         background : @color_multibuttonentry_press_bg;\r
67         padding-left : .7em;\r
68 }\r
69 \r
70 .ui-multibuttonentry .ui-multibuttonentry-desclabel {\r
71         display : inline-block;\r
72         outline : none;\r
73         position : relative;\r
74         border : 0;\r
75         color : @color_multibuttonentry_label_text;\r
76         text-align : left;\r
77         font-size : 1em;\r
78 }\r
79 \r
80 .ui-multibuttonentry-focus-button {\r
81     background-image : url(./images/00_button_expand_opened.png);\r
82  }\r