Export 0.2.3

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

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less b/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less
index eb288e1..431a0e2 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.multimediaview.less
@@ -19,38 +19,10 @@
        z-index : @z_base_header_footer + 100 !important;\r
 }\r
 \r
-.ui-multimediaview-video {\r
-       background-color : @color_multimediaview_control_bg !important;\r
-}\r
-\r
 .ui-multimediaview-control span {\r
        display : inline-block;\r
 }\r
 \r
-.ui-multimediaview-control span.ui-play-icon {\r
-       background-image : url(./images/00_button_play.png);\r
-}\r
-\r
-.ui-multimediaview-control span.ui-pause-icon {\r
-       background-image : url(./images/00_button_pause.png);\r
-}\r
-\r
-.ui-multimediaview-control span.ui-volume-icon {\r
-       background-image : url(./images/controls/00_slider_button_volume_02.png);\r
-}\r
-\r
-.ui-multimediaview-control span.ui-mute-icon {\r
-       background-image : url(./images/controls/00_slider_button_volume_01.png);\r
-}\r
-\r
-.ui-multimediaview-control span.ui-fullscreen-on {\r
-       background-image : url(./images/00_button_fullscreen_on.png);\r
-}\r
-\r
-.ui-multimediaview-control span.ui-fullscreen-off {\r
-       background-image : url(./images/00_button_fullscreen_off.png);\r
-}\r
-\r
 .ui-multimediaview-control {\r
        position : absolute;\r
        display : block;\r
@@ -68,24 +40,20 @@
        background-repeat : no-repeat;\r
        width : 74 * @unit_base_multimediaview;\r
        height : 74 * @unit_base_multimediaview;\r
-       .LESSborder-radius-all( 6 * @unit_base_multimediaview);\r
-       background-color : @color_multimediaview_button_bg;\r
        margin : 4 * @unit_base_multimediaview;\r
 }\r
 \r
 .ui-multimediaview-control .ui-playpausebutton {\r
-       background-color : transparent !important;\r
        float : left;\r
 }\r
 \r
 .ui-multimediaview-control .ui-timestamplabel {\r
        text-align : center;\r
-       color : @color_multimediaview_timestamp_text;\r
        float : left;\r
 }\r
 \r
 .ui-multimediaview-control .ui-timestamplabel p {\r
-       margin-top : -6 * @unit_base_multimediaview;\r
+       margin-top : -9.8 * @unit_base_multimediaview;\r
        margin-left : 4 * @unit_base_multimediaview;\r
        padding : 0;\r
        text-align : center;\r
@@ -96,12 +64,11 @@
 \r
 .ui-multimediaview-control .ui-durationlabel {\r
        text-align : center;\r
-       color : @color_multimediaview_duration_text;\r
        float : right;\r
 }\r
 \r
 .ui-multimediaview-control .ui-durationlabel p {\r
-       margin-top : -6 * @unit_base_multimediaview;\r
+       margin-top : -9.8 * @unit_base_multimediaview;\r
        margin-right : 4 * @unit_base_multimediaview;\r
        padding : 0;\r
        text-align : center;\r
@@ -111,7 +78,7 @@
 }\r
 \r
 .ui-multimediaview-control .ui-seekbar {\r
-       margin-top : 16 * @unit_base_multimediaview;\r
+       margin-top : 11.5 * @unit_base_multimediaview;\r
        padding-left : 4 * @unit_base_multimediaview;\r
        padding-right : 4 * @unit_base_multimediaview;\r
        height : 16 * @unit_base_multimediaview;\r
@@ -123,7 +90,6 @@
        padding : 0;\r
        width : 100%;\r
        height : 16 * @unit_base_multimediaview;\r
-       background-color : @color_multimediaview_bar_gray;\r
        border-radius : 1.5em;\r
 }\r
 \r
@@ -132,11 +98,6 @@
        padding : 0;\r
        height : 16 * @unit_base_multimediaview;\r
        position : absolute;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#6298D9), to(#295B98));\r
-       background : -moz-linear-gradient(top, #6298D9, #295B98);\r
-       background : -o-linear-gradient(top, #6298D9, #295B98);\r
-       background : -ms-linear-gradient(top, #6298D9, #295B98);\r
-       background-color : @color_multimediaview_bar_active;\r
        border-radius : 1.5em;\r
 }\r
 \r
@@ -157,7 +118,6 @@
        width : 160 * @unit_base_multimediaview;\r
        height : 16 * @unit_base_multimediaview;\r
        position : absolute;\r
-       background-color : @color_multimediaview_bar_gray;\r
        border-radius : 1.5em;\r
 }\r
 \r
@@ -166,11 +126,6 @@
        padding : 0;\r
        height : 16 * @unit_base_multimediaview;\r
        position : absolute;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#6298D9), to(#295B98));\r
-       background : -moz-linear-gradient(top, #6298D9, #295B98);\r
-       background : -o-linear-gradient(top, #6298D9, #295B98);\r
-       background : -ms-linear-gradient(top, #6298D9, #295B98);\r
-       background-color : @color_multimediaview_bar_active;\r
        border-radius : 1.5em;\r
 }\r
 \r
@@ -180,11 +135,78 @@
        width : 30 * @unit_base_multimediaview;\r
        height : 30 * @unit_base_multimediaview;\r
        position : absolute;\r
-       background-color : @color_multimediaview_bar_handle;\r
-       background : -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));\r
-       background : -moz-linear-gradient(top, #FFFFFF, #E6E6E6);\r
-       background : -o-linear-gradient(top, #FFFFFF, #E6E6E6);\r
-       background : -ms-linear-gradient(top, #FFFFFF, #E6E6E6);\r
-       border : solid 1px @color_multimediaview_button_border;\r
+       border-style: solid;\r
+       border-width: 1px;\r
        border-radius : 1.5em;\r
 }\r
+\r
+/* S\r
+-----------------------------------------------------------------------------------------------------------*/\r
+\r
+.ui-multimediaview-s {\r
+       .ui-multimediaview-video {\r
+               background-color : @color_multimediaview_control_bg;\r
+       }\r
+\r
+       .ui-timestamplabel {\r
+               color : @color_multimediaview_timestamp_text;\r
+       }\r
+\r
+       .ui-durationlabel {\r
+               color : @color_multimediaview_duration_text;\r
+       }\r
+\r
+       span.ui-button {\r
+               background-color : @color_multimediaview_button_bg;\r
+       }\r
+\r
+       span.ui-play-icon {\r
+               background-image : url(./images/00_button_play.png);\r
+       }\r
+\r
+       span.ui-pause-icon {\r
+               background-image : url(./images/00_button_pause.png);\r
+       }\r
+\r
+       span.ui-volume-icon {\r
+               background-image : url(./images/controls/00_slider_button_volume_02.png);\r
+       }\r
+\r
+       span.ui-mute-icon {\r
+               background-image : url(./images/controls/00_slider_button_volume_01.png);\r
+       }\r
+\r
+       span.ui-fullscreen-on {\r
+               background-image : url(./images/00_button_fullscreen_on.png);\r
+       }\r
+\r
+       span.ui-fullscreen-off {\r
+               background-image : url(./images/00_button_fullscreen_off.png);\r
+       }\r
+\r
+       .ui-seekbar {\r
+               .ui-duration {\r
+                       background-color : @color_multimediaview_bar_gray;\r
+               }\r
+\r
+               .ui-currenttime {\r
+                       .LESSmultimediaview_bar_active_style();\r
+               }\r
+       }\r
+\r
+       .ui-volumebar {\r
+               .ui-guide {\r
+                       background-color : @color_multimediaview_bar_gray;\r
+               }\r
+\r
+               .ui-value {\r
+                       .LESSmultimediaview_bar_active_style();\r
+               }\r
+\r
+               .ui-handler {\r
+                       .LESSmultimediaview_bar_handle_style();\r
+                       border-color : @color_multimediaview_button_border;\r
+               }\r
+       }\r
+}\r
+\r