Export 0.1.41
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.multibuttonentry.less
index 303189b..4d466fa 100755 (executable)
@@ -2,7 +2,7 @@
 \r
 .ui-multibuttonentry {\r
        display : table;\r
-       background-color : #DDDDDD;\r
+       background-color : @color_multibuttonentry_bg;\r
        outline : none;\r
 }\r
 \r
        display : inline-block;\r
        text-align : center;\r
        position : relative;\r
-       margin : .3em;\r
-       padding : .2em .5em;\r
-       color : #222222;\r
+       margin-left : .3em;\r
+       margin-right : .3em;\r
+       padding : .6em 0em;\r
+       color : @color_multibuttonentry_input_text;\r
        font-weight : bold;\r
        text-align : center;\r
        font-size : 1em;\r
-       background-color : #DDDDDD;\r
+       background-color : @color_multibuttonentry_bg;\r
 }\r
 \r
 .ui-multibuttonentry-input {\r
        border : 0 !important;\r
        padding : 0 !important;\r
        margin : .5em;\r
-       color : #222222;\r
+       color : @color_multibuttonentry_input_text;\r
        text-align : left;\r
        font-size : 1em;\r
-       background-color : #DDDDDD;\r
+       background-color : @color_multibuttonentry_bg;\r
 }\r
 \r
 .ui-multibuttonentry div, .ui-multibuttonentry a {\r
        text-align : center;\r
        cursor : pointer;\r
        position : relative;\r
-       margin : .3em;\r
+       margin-left : .3em;\r
+       margin-right : .3em;\r
+       margin-bottom : .3em;\r
+       margin-top : .3em;\r
        padding : .2em .5em;\r
        font-size : 1em;\r
        text-shadow : 0 .1em .1em rgba(0,0,0,.3);\r
        -webkit-border-radius : .5em;\r
        -moz-border-radius : .5em;\r
-       border-radius : .5em;\r
+       border-radius : 1.5em;\r
        -webkit-box-shadow : 0 .1em .1em rgba(0,0,0,.2);\r
        -moz-box-shadow : 0 .1em .1em rgba(0,0,0,.2);\r
        box-shadow : 0 .1em .1em rgba(0,0,0,.2);\r
-       color : #fef4e9;\r
+       color : @color_multibuttonentry_block_text;\r
 }\r
 \r
-a.ui-multibuttonentry-link {\r
+a.ui-multibuttonentry-link-base {\r
        float : right;\r
-       color : #ffffff !important;\r
        font-size : 1em;\r
        font-weight : bold;\r
        text-decoration : none;\r
-       border : solid 1px #696969;\r
-       background : #a9a9a9;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#696969));\r
-       background : -moz-linear-gradient(top,  #a9a9a9,  #696969);\r
+       background-color : @color_multibuttonentry_bg;\r
+}\r
+\r
+a.ui-multibuttonentry-link {\r
+    color : @color_multibuttonentry_link !important;\r
+    border : solid 2px @color_multibuttonentry_link;\r
+}\r
+\r
+a.ui-multibuttonentry-link-dim {\r
+    color : @color_multibuttonentry_dim !important;\r
+    border : solid 2px @color_multibuttonentry_dim;\r
 }\r
 \r
 div.ui-multibuttonentry-block {\r
-       border : solid 1px #da7c0c;\r
-       background : #f78d1d;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));\r
-       background : -moz-linear-gradient(top,  #faa51a,  #f47a20);\r
+       border : solid 2px @color_multibuttonentry_block_border;\r
+       background-color : @color_multibuttonentry_block_bg;\r
 }\r
 \r
 div.ui-multibuttonentry-sblock {\r
-       border : solid 1px #0033FF;\r
-       background : #0099FF;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#0099FF));\r
-       background : -moz-linear-gradient(top,  #00FFFF,  #0099FF);\r
+       border : solid 2px @color_multibuttonentry_press_border;\r
+       background : @color_multibuttonentry_press_bg;\r
 }\r
 \r
 .ui-multibuttonentry .ui-multibuttonentry-desclabel {\r
@@ -81,8 +87,12 @@ div.ui-multibuttonentry-sblock {
        outline : none;\r
        position : relative;\r
        border : 0;\r
-       color : #222222;\r
+       color : @color_multibuttonentry_input_text;\r
        text-align : left;\r
        font-size : 1em;\r
-       background-color : #DDDDDD;\r
+       background-color : @color_multibuttonentry_bg;\r
 }\r
+\r
+.ui-multibuttonentry-focus-button {\r
+    background-image : url(./images/00_button_expand_opened.png);\r
+ }
\ No newline at end of file