Export 0.1.61

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

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.less b/src/themes/tizen/common/jquery.mobile.tizen.less
old mode 100644 (file)
new mode 100755 (executable)
index 583c0e2..930e3c4
--- a/src/themes/tizen/common/jquery.mobile.tizen.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.less
@@ -1,8 +1,9 @@
 /*
  * Common definition for theme
+ * 'config.less' in each theme must include this file.
  */
 
-@font_size_default: 36px;      // Default unit font size. DO NOT USE THIS VALUE IN WIDGET CSS!
+@font_size_default: 22px;      // Default unit font size. DO NOT USE THIS VALUE IN WIDGET CSS!
 @rem_base: (1rem/@font_size_default);
 
 @em_base: 1em/@font_size_default;      // WARNING: Don't use em unit!  This value is to be removed.
@@ -36,7 +37,18 @@
        background-image:      -o-linear-gradient(@from, @startcolor, @endcolor);
        background-image:         linear-gradient(@from, @startcolor, @endcolor);
 }
+
+.LESSbackground-with-gradient(@from: top, @startcolor: #3c3c3c, @endcolor: #5c5c5c) {
+       background: @startcolor;
+       background: -webkit-linear-gradient(@from, @startcolor 0%, @endcolor 100%);
+       background: -moz-linear-gradient(@from, @startcolor 0%, @endcolor 100%);
+       background: -ms-linear-gradient(@from, @startcolor 0%, @endcolor 100%);
+       background: -o-linear-gradient(@from, @startcolor 0%, @endcolor 100%);
+       background: linear-gradient(@from, @startcolor 0%, @endcolor 100%);
+}
+
 .LESSbackground-size(@width, @height) {
+       -ms-background-size: @width @height;
        -moz-background-size: @width @height;
        -o-background-size: @width @height;
        -webkit-background-size: @width @height;
@@ -45,10 +57,11 @@
 
 // Mixin : border ***************************
 .LESSborder-image(@url:url, @width:width, @height:height, @repeat:repeat) {
-    -moz-border-image:  url(@url) @width @height @repeat;
-    -webkit-border-image: url(@url) @width @height @repeat;
-    -o-border-image: url(@url) @width @height @repeat;
-    border-image: url(@url) @width @height @repeat;
+       -moz-border-image:  url(@url) @width @height @repeat;
+       -webkit-border-image: url(@url) @width @height @repeat;
+       -o-border-image: url(@url) @width @height @repeat;
+       -ms-border-image: url(@url) @width @height @repeat;
+       border-image: url(@url) @width @height @repeat;
 }
 .LESSborder-radius-topleft(@radius) {
        -moz-border-radius-topleft:             @radius; 
@@ -71,17 +84,38 @@
        border-bottom-right-radius:                     @radius;
 }
 .LESSborder-radius-all(@radius) {
-       -moz-border-radius:             @radius; 
+       -o-border-radius:       @radius;
+       -ms-border-radius:      @radius;
+       -moz-border-radius:     @radius; 
        -webkit-border-radius:  @radius;
-       bordert-radius:                         @radius;
+       border-radius:          @radius;
 }
 
 // Mixin : box ***************************
 .LESSbox-shadow(@hshadow, @vshadow, @blur, @color) {
+       -o-box-shadow: @hshadow @vshadow @blur @color;
+       -ms-box-shadow: @hshadow @vshadow @blur @color;
        -moz-box-shadow: @hshadow @vshadow @blur @color;
        -webkit-box-shadow: @hshadow @vshadow @blur @color;
        box-shadow: @hshadow @vshadow @blur @color;
 }
+
+.LESSbox-shadow-line( @value ) {
+       -o-box-shadow: @value;
+        -ms-box-shadow: @value;
+        -moz-box-shadow: @value;
+        -webkit-box-shadow: @value;
+        box-shadow: @value;
+}
+
+.LESSbox-boxsizing( @value ) {
+       -o-box-sizing: @value;
+        -ms-box-sizing: @value;
+        -moz-box-sizing: @value;
+        -webkit-box-sizing: @value;
+        box-sizing: @value;
+}
+
 .LESSdisplaybox() {
        display:-moz-box;
        display:-webkit-box;
@@ -89,21 +123,27 @@
 }
 //position: vertical, horizental
 .LESSbox-orient(@position) {
+       -ms-box-orient: @position;
        -moz-box-orient: @position;
+       -o-box-orient: @position;
        -webkit-box-orient: @position;
        box-orient: @position;
 }
 
 //position: start, center, end
 .LESSbox-pack(@position) {
+       -ms-box-pack: @position;
        -moz-box-pack: @position;
+       -o-box-pack: @position;
        -webkit-box-pack: @position;
        box-pack: @position;
 }
 
 //position: start, center, end
 .LESSbox-align(@position) {
+       -ms-box-align: @position;
        -moz-box-align: @position;
+       -o-box-align: @position;
        -webkit-box-align: @position;
        box-align: @position;
 }      
@@ -143,3 +183,16 @@
     -webkit-transform: @method;
     -o-transform: @method;
 }
+
+// Mixin : text ellipsis
+.LESStext-ellipsis() {
+       white-space: nowrap;
+       text-overflow: ellipsis;
+       -o-text-overflow: ellipsis;
+       overflow: hidden !important;
+}
+
+.LESStext-no-ellipsis() {
+       white-space: normal;
+       overflow: visible !important;
+}