X-Git-Url: http://review.tizen.org/git/?a=blobdiff_plain;f=src%2Fthemes%2Ftizen%2Fcommon%2Fjquery.mobile.tizen.less;h=930e3c4d923011175817c3e2b893f94f5e8582ea;hb=d5928f38bcfff3f3f23b9f3b2c10c4be19520452;hp=583c0e2177d6c44f932e7b79c3676f536bcdfec8;hpb=f3bc06001f660ef156e0895f4be1e81a0ac99502;p=platform%2Fframework%2Fweb%2Fweb-ui-fw.git

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.less b/src/themes/tizen/common/jquery.mobile.tizen.less
old mode 100644
new mode 100755
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;
+}