1 @import "config.less";
\r
4 background-color : @color_multimediaview_bg;
\r
8 .ui-multimediaview-wrap {
\r
15 .ui-multimediaview-fullscreen {
\r
16 position : absolute !important;
\r
17 z-index : @z_base_header_footer + 100 !important;
\r
20 .ui-multimediaview-audio {
\r
21 background-color : @color_multimediaview_bg !important;
\r
24 .ui-multimediaview-control span {
\r
25 display : inline-block;
\r
28 .ui-multimediaview-control span.ui-play-icon {
\r
29 background-image : url("./images/controlbar/01_controlbar_icon_Play.png");
\r
32 .ui-multimediaview-control span.ui-pause-icon {
\r
33 background-image : url("./images/controlbar/01_controlbar_icon_pause.png");
\r
36 .ui-multimediaview-control span.ui-stop-icon {
\r
37 background-image : url(./images/stop.png);
\r
40 .ui-multimediaview-control span.ui-ff-icon {
\r
41 background : url(./images/controlbar/01_controlbar_icon_FF.png);
\r
44 .ui-multimediaview-control span.ui-rew-icon {
\r
45 background-image : url(./images/controlbar/01_controlbar_icon_REW.png);
\r
48 .ui-multimediaview-control span.ui-volume-icon {
\r
49 background-image : url(./images/Volume/00_volume_icon.png);
\r
52 .ui-multimediaview-control span.ui-mute-icon {
\r
53 background-image : url(./images/Volume/00_volume_icon_Mute.png);
\r
56 .ui-multimediaview-control span.ui-fullscreen-on {
\r
57 background-image : url(./images/00_button_fullscreen_on.png);
\r
60 .ui-multimediaview-control span.ui-fullscreen-off {
\r
61 background-image : url(./images/00_button_fullscreen_off.png);
\r
64 .ui-multimediaview-control {
\r
65 position : absolute;
\r
67 z-index : @z_base_header_footer + 101 !important;
\r
72 background-color : @color_multimediaview_control_bg;
\r
73 height : 84 * @unit_base;
\r
76 .ui-multimediaview-control span.ui-button {
\r
77 background-position : center center;
\r
78 background-size : 80%;
\r
79 background-repeat : no-repeat;
\r
80 width : 74 * @unit_base;
\r
81 height : 74 * @unit_base;
\r
82 -webkit-border-radius : 6 * @unit_base;
\r
83 -moz-border-radius : 6 * @unit_base;
\r
84 border-radius : 6 * @unit_base;
\r
85 background-color : @color_multimediaview_button_bg;
\r
86 margin : 4 * @unit_base;
\r
89 .ui-multimediaview-control .ui-playpausebutton {
\r
90 background-color : transparent !important;
\r
94 .ui-multimediaview-control .ui-timestamplabel {
\r
95 text-align : center;
\r
96 color : @color_multimediaview_timestamp_text;
\r
100 .ui-multimediaview-control .ui-timestamplabel p {
\r
102 text-align : center;
\r
103 font-size : 22 * @unit_base;
\r
104 line-height : 28 * @unit_base;
\r
108 .ui-multimediaview-control .ui-durationlabel {
\r
109 text-align : center;
\r
110 color : @color_multimediaview_duration_text;
\r
114 .ui-multimediaview-control .ui-durationlabel p {
\r
115 margin : 0 * @unit_base;
\r
116 text-align : center;
\r
117 font-size : 22 * @unit_base;
\r
118 line-height : 28 * @unit_base;
\r
119 text-align : right;
\r
122 .ui-multimediaview-control .ui-seekbar {
\r
123 margin-top : 20 * @unit_base;
\r
124 padding-left : 4 * @unit_base;
\r
125 padding-right : 4 * @unit_base;
\r
126 height : 16 * @unit_base;
\r
130 .ui-multimediaview-control .ui-seekbar .ui-duration {
\r
134 height : 16 * @unit_base;
\r
135 background-color : @color_multimediaview_bar_gray;
\r
136 -webkit-border-radius : 3 * @unit_base;
\r
137 -moz-border-radius : 3 * @unit_base;
\r
138 border-radius : 3 * @unit_base;
\r
141 .ui-multimediaview-control .ui-seekbar .ui-currenttime {
\r
144 height : 16 * @unit_base;
\r
145 position : absolute;
\r
146 background-color : @color_multimediaview_bar_active;
\r
147 -webkit-border-radius : 3 * @unit_base;
\r
148 -moz-border-radius : 3 * @unit_base;
\r
149 border-radius : 3 * @unit_base;
\r
152 .ui-multimediaview-control .ui-volumecontrol {
\r
153 width : 220 * @unit_base;
\r
158 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar {
\r
160 padding-top : 33 * @unit_base;
\r
161 padding-left : 40 * @unit_base;
\r
165 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide {
\r
166 width : 160 * @unit_base;
\r
167 height : 16 * @unit_base;
\r
168 position : absolute;
\r
169 background-color : white;
\r
170 -webkit-border-radius : 3 * @unit_base;
\r
171 -moz-border-radius : 3 * @unit_base;
\r
172 border-radius : 3 * @unit_base;
\r
173 background-color : @color_multimediaview_bar_gray;
\r
176 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value {
\r
179 height : 16 * @unit_base;
\r
180 position : absolute;
\r
181 -webkit-border-radius : 3 * @unit_base;
\r
182 -moz-border-radius : 3 * @unit_base;
\r
183 border-radius : 3 * @unit_base;
\r
184 background-color : @color_multimediaview_bar_active;
\r
187 .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler {
\r
190 width : 30 * @unit_base;
\r
191 height : 30 * @unit_base;
\r
192 position : absolute;
\r
193 -webkit-border-radius : 5 * @unit_base;
\r
194 -moz-border-radius : 5 * @unit_base;
\r
195 border-radius : 5 * @unit_base;
\r
196 background-color : @color_multimediaview_bar_handle;
\r