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