3 @unit_base_multimediaview : @unit_base * 0.5;
6 background-color : @color_multimediaview_bg;
10 .ui-multimediaview-wrap {
17 .ui-multimediaview-fullscreen {
18 position : absolute !important;
19 z-index : @z_base_header_footer + 100 !important;
22 .ui-multimediaview-control span {
23 display : inline-block;
26 .ui-multimediaview-control {
29 z-index : @z_base_header_footer + 101 !important;
34 height : 84 * @unit_base_multimediaview;
37 .ui-multimediaview-control span.ui-button {
38 background-position : center center;
39 background-size : 80%;
40 background-repeat : no-repeat;
41 width : 74 * @unit_base_multimediaview;
42 height : 74 * @unit_base_multimediaview;
43 margin : 4 * @unit_base_multimediaview;
46 .ui-multimediaview-control .ui-playpausebutton {
50 .ui-multimediaview-control .ui-timestamplabel {
55 .ui-multimediaview-control .ui-timestamplabel p {
56 margin-top : -9.8 * @unit_base_multimediaview;
57 margin-left : 4 * @unit_base_multimediaview;
60 font-size : 22 * @unit_base_multimediaview;
61 line-height : 28 * @unit_base_multimediaview;
65 .ui-multimediaview-control .ui-durationlabel {
70 .ui-multimediaview-control .ui-durationlabel p {
71 margin-top : -9.8 * @unit_base_multimediaview;
72 margin-right : 4 * @unit_base_multimediaview;
75 font-size : 22 * @unit_base_multimediaview;
76 line-height : 28 * @unit_base_multimediaview;
80 .ui-multimediaview-control .ui-seekbar {
81 margin-top : 11.5 * @unit_base_multimediaview;
82 padding-left : 4 * @unit_base_multimediaview;
83 padding-right : 4 * @unit_base_multimediaview;
84 height : 16 * @unit_base_multimediaview;
88 .ui-multimediaview-control .ui-seekbar .ui-duration {
92 height : 16 * @unit_base_multimediaview;
93 border-radius : 1.5em;
96 .ui-multimediaview-control .ui-seekbar .ui-currenttime {
99 height : 16 * @unit_base_multimediaview;
101 border-radius : 1.5em;
104 .ui-multimediaview-control .ui-volumecontrol {
105 width : 220 * @unit_base_multimediaview;
110 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar {
112 padding-top : 35 * @unit_base_multimediaview;
113 padding-left : 40 * @unit_base_multimediaview;
117 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide {
118 width : 160 * @unit_base_multimediaview;
119 height : 16 * @unit_base_multimediaview;
121 border-radius : 1.5em;
124 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value {
127 height : 16 * @unit_base_multimediaview;
129 border-radius : 1.5em;
132 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler {
135 width : 30 * @unit_base_multimediaview;
136 height : 30 * @unit_base_multimediaview;
140 border-radius : 1.5em;
144 -----------------------------------------------------------------------------------------------------------*/
146 .ui-multimediaview-s {
147 .ui-multimediaview-video {
148 background-color : @color_multimediaview_control_bg;
152 color : @color_multimediaview_timestamp_text;
156 color : @color_multimediaview_duration_text;
160 background-color : @color_multimediaview_button_bg;
164 background-image : url(./images/00_button_play.png);
168 background-image : url(./images/00_button_pause.png);
171 span.ui-volume-icon {
172 background-image : url(./images/controls/00_slider_button_volume_02.png);
176 background-image : url(./images/controls/00_slider_button_volume_01.png);
179 span.ui-fullscreen-on {
180 background-image : url(./images/00_button_fullscreen_on.png);
183 span.ui-fullscreen-off {
184 background-image : url(./images/00_button_fullscreen_off.png);
189 background-color : @color_multimediaview_bar_gray;
193 .LESSmultimediaview_bar_active_style();
199 background-color : @color_multimediaview_bar_gray;
203 .LESSmultimediaview_bar_active_style();
207 .LESSmultimediaview_bar_handle_style();
208 border-color : @color_multimediaview_button_border;