Tizen 2.1 base

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.tizen.optionheader.less

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less b/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less
old mode 100755 (executable)
new mode 100644 (file)
index 2993d0d..74af122
--- a/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less
@@ -7,7 +7,7 @@
 }
 
 .ui-option-header-1-row {
-    height: 106px;
+    height: 106 * @unit_base;
     border: none;
 }
 .ui-option-header-2-row {
@@ -21,7 +21,7 @@
 .ui-option-header-row-2 {
     height: 196 * @unit_base;
     margin-top: -2px;
-    padding: 0px 5px 6px 5px;
+    padding: 0 * @unit_base 5 * @unit_base 6 * @unit_base 5 * @unit_base;
     
     div {
            margin-top: 5 * @unit_base;
@@ -31,7 +31,7 @@
 
 .ui-option-header .ui-btn {
     display: block;
-    margin: 3px 5px 5px 5px;
+    margin: 3 * @unit_base 5 * @unit_base 5 * @unit_base 5 * @unit_base;
 }
 
 .ui-option-header .ui-input-search .ui-btn {
@@ -39,7 +39,8 @@
 }      
        
 .ui-option-header .ui-btn-text {
-    line-height: 34px;
+    line-height: 34 * @unit_base;
+    font-weight: bold;
 }
 .ui-option-header {
        .ui-btn-down-s.ui-btn-hover-s .ui-btn-inner,
@@ -60,25 +61,25 @@
 
 .ui-option-header .ui-controlgroup-horizontal .ui-btn {
     display: inline-block !important;
-    margin: -3px !important;
+    margin: -3 * @unit_base !important;
 }
 .ui-option-header .ui-controlgroup,
 .ui-option-header fieldset.ui-controlgroup {
     margin-bottom: 0px !important;
 }
 .ui-option-header .ui-controlgroup-horizontal .ui-corner-left {
-    margin-left: 5px !important;
+    margin-left: 5 * @unit_base !important;
 }
 .ui-option-header .ui-controlgroup-horizontal .ui-corner-right {
-    margin-right: 5px !important;
+    margin-right: 5 * @unit_base !important;
 }
 
 .ui-option-header-triangle-arrow {
-  top:-10px;
-  height:10px;
+  top: -12 * @unit_base;
+  height:10 * @unit_base;
   width:100%;
   position:relative;
-  margin-bottom: -10px;
+  margin-bottom: -10 * @unit_base;
 }
 
 .ui-header.ui-option-header-resizing {
@@ -118,35 +119,38 @@
 */
 .ui-triangle-image{
        background-image: url(images/00_winset_control_top_arrow.png); 
+       background-size:  100% 100%;
 
        position : absolute;
        width: 28 * @unit_base;
        height : 24 * @unit_base;
        left : 50%;
+}
        
+.ui-btn-up-s, .ui-btn-hover-s {
+       .ui-icon-optiontray     {
+               background-size:  100% 100%;
+               background-image: url(images/00_winset_more.png);
+       }
+}
+.ui-btn-down-s {
+       .ui-icon-optiontray     {
+               background-size:  100% 100%;
+               background-image: url(images/00_winset_more_press.png);
+       }
 }
-
-.ui-icon-optiontray    {       background-image: url(images/00_winset_btn_optiontray.png);}
 
 .ui-header {
-       .ui-btn{        
+       .ui-btn{
                .ui-btn-icon-only {
                        padding : 0 0 0 0;
                        height : 100%;
                        .ui-icon-optiontray     {
-                               width: 48 * @unit_base;
-                               height : 38 * @unit_base;       
-                               
-                               top : 18 * @unit_base;  /* temporary center align */
-                               left : 37 * @unit_base;          
+                               width: 56 * @unit_base;
+                               height : 56 * @unit_base;
+
+                               left : 30 * @unit_base;
                        }
                }
        }
 }
-
-
-
-
-
-
-