1/*
2 * This file is part of Madsonic.
3 *
4 *  Madsonic is free software: you can redistribute it and/or modify
5 *  it under the terms of the GNU General Public License as published by
6 *  the Free Software Foundation, either version 3 of the License, or
7 *  (at your option) any later version.
8 *
9 *  Madsonic is distributed in the hope that it will be useful,
10 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
11 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
12 *  GNU General Public License for more details.
13 *
14 *  You should have received a copy of the GNU General Public License
15 *  along with Madsonic.  If not, see <http://www.gnu.org/licenses/>.
16 *
17 *  Copyright 2009-2016 (C) Sindre Mehus, Martin Karel
18 */
19
20body {
21    background-color: #F2F2F2;
22}
23
24#overlay {
25    width: 640px;
26    height: 360px;
27    position: absolute;
28    z-index: 1;
29    background-color: #000;
30    display: none;
31}
32
33#overlay_text {
34    font-size: 19px;
35    text-align: center;
36    margin-top: 170px;
37    color: white;
38    display: none;
39}
40
41.mainframe #jwplayer_wrapper {
42    display: none;
43}
44
45#media_control {
46    display: none;
47    width: 640px;
48    height: 45px;
49    background-color: #ECECEC;
50	padding-top: 10px;
51	padding-bottom: 15px;
52    margin-top: 10px;
53    border-radius: 3px;
54    -webkit-border-radius: 3px;
55    -moz-border-radius: 3px;
56    -moz-box-shadow: 0px 0px 3px 3px #D8D8D8;
57    -webkit-box-shadow: 0px 0px 3px 3px #D8D8D8;
58    box-shadow: 0px 0px 3px 3px #D8D8D8;
59    filter: alpha(opacity=95);
60    opacity: 0.95;
61}
62
63#media_control #progress_slider {
64    margin-top: 5px;
65    margin-bottom: 5px;
66    margin-left: 10px;
67    margin-right: 0px;
68    padding-top: 2px;
69    width: 620px;
70    height: 1px;
71    display: none;
72}
73
74#media_control #placeholder {
75    margin-bottom: 10px;
76    margin-left: 0px;
77    margin-right: 0px;
78    /* width: 623px; */
79    height: 2px;
80}
81
82#media_control #volume_slider {
83    float:left;
84    margin-top: 11px;
85    margin-left: 10px;
86    margin-right: 20px;
87    width: 90px;
88    height: 2px;
89}
90
91#media_control #play {
92    margin-left: 8px;
93    float: left;
94    width: 24px;
95    height: 24px;
96    background-image: url('../icons/video/dark/play.png');
97    cursor: pointer;
98}
99
100#media_control #pause {
101    display: none;
102    margin-left: 8px;
103    float: left;
104    width: 24px;
105    height: 24px;
106    background-image: url('../icons/video/dark/pause.png');
107    cursor: pointer;
108}
109
110#media_control #play:hover, #media_control #pause:hover {
111    opacity: 0.8;
112}
113
114#media_control #casticonactive {
115    float: right;
116    width: 32px;
117    height: 32px;
118    margin-right: 10px;
119    margin-top: -5px;
120    display: none;
121    background-image: url('../icons/video/dark/cast_active.png');
122    cursor: pointer;
123}
124
125#media_control #casticonidle {
126    float: right;
127    width: 32px;
128    height: 32px;
129    margin-right: 10px;
130    margin-top: -5px;
131    display: none;
132    background-image: url('../icons/video/dark/cast_idle.png');
133    cursor: pointer;
134}
135
136#media_control #audio_off {
137    float: left;
138    width: 32px;
139    height: 32px;
140    margin-left: 15px;
141    margin-top: -3px;
142    display: none;
143    background-image: url('../icons/video/dark/audio_off.png');
144    cursor: pointer;
145}
146
147#media_control #audio_on {
148    float: left;
149    width: 32px;
150    height: 32px;
151    margin-left: 15px;
152    margin-top: -3px;
153    display: block;
154    background-image: url('../icons/video/dark/audio_on.png');
155    cursor: pointer;
156}
157
158#media_control #progress {
159    font-size: 12px;
160    float: left;
161    color: #999;
162    margin-top: 4px;
163    margin-left: 10px;
164    display: block;
165}
166
167#media_control #format {
168    float: left;
169    color: #c4c4c4;
170    margin-top: 4px;
171    margin-left: 10px;
172    display: block;
173}
174
175#media_control  #duration {
176    float: left;
177    color: #c4c4c4;
178    margin-top: 4px;
179    margin-left: 10px;
180    display: block;
181    margin-right: 4px;
182}
183
184#media_control #bitrate_menu {
185    font-size: 12px;
186    float: left;
187    color: #000;
188    background-color: #eee;
189    display: block;
190    border: 1px solid #666;
191    padding: 4px 10px 4px 10px;
192}
193
194#media_control #share {
195    float: left;
196    width: 24px;
197    height: 24px;
198    margin-left: 15px;
199    background-image: url('../icons/video/dark/share.png');
200    cursor: pointer;
201}
202
203#resize {
204    float: left;
205    width: 24px;
206    height: 24px;
207    margin-top: 0px;
208    margin-left: 5px;
209    background-image: url('../icons/video/dark/resize.png');
210    cursor: pointer;
211}
212
213#media_control #download {
214    float: left;
215    width: 24px;
216    height: 24px;
217    margin-top: -2px;
218    margin-left: 5px;
219    background-image: url('../icons/video/dark/download.png');
220    cursor: pointer;
221}
222
223#media_control #back {
224    padding-top: 5px;
225}
226
227#media_control  .ui-slider .ui-slider-handle {
228    width: 11px;
229    height: 11px;
230    cursor: pointer;
231}
232
233option {
234    background-color: #888;
235    color: #ffffff;
236}
237
238/*
239.ui-slider a {
240    outline:none;
241}
242*/
243
244.ui-slider {
245    cursor: pointer;
246}
247
248.ui-slider-handle:focus {
249    outline:none;
250}
251