├── README.md ├── index.js ├── require ├── jquery-ui.min.js ├── jquery.min.js └── video.min.js └── resource ├── cbplus.css ├── jquery-ui.css └── video-js.css /README.md: -------------------------------------------------------------------------------- 1 | ---- 2 | # HOW TO USE 3 | ---- 4 | You need some kind of "Tampermonkey" for you browser. 5 | 6 | Tested on: **Chrome-like** browser + **Tampermonkey** 7 | 8 | Tampermonkey links: [CHROME](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo "CHROME") or [FIREFOX](https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/ "FIREFOX") 9 | 10 | I think you can also use Greasemonkey but it is not tested. 11 | 12 | After installing your browser plugin clico on icon and select **Create a new script ** and just copy and paste code from [index.js](https://github.com/valzar-cbp/cbplus/blob/master/index.js "index.js") and just save (you can use Ctrl+S to save btw) 13 | 14 | ![](https://i.postimg.cc/RCHy8LXc/1.png) 15 | 16 | ![](https://i.postimg.cc/BQwFK2fV/2.png) 17 | 18 | Now you can visit [chaturbate.com](https://chaturbate.com/) or [chaturbate.com/cams-cbplus](https://chaturbate.com/cams-cbplus/) 19 | 20 | # End -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name cbplus 3 | // @namespace https://github.com/valzar-cbp/ 4 | // @downloadURL https://raw.githubusercontent.com/valzar-cbp/cbplus/master/index.js 5 | // @version 1.2.0 6 | // @description Better Chaturbate! 7 | // @author ValzarMen 8 | // @include https://www.chaturbate.com/* 9 | // @include https://chaturbate.com/* 10 | // @require https://raw.githubusercontent.com/valzar-cbp/cbplus/master/require/video.min.js 11 | // @require https://raw.githubusercontent.com/valzar-cbp/cbplus/master/require/jquery.min.js 12 | // @require https://raw.githubusercontent.com/valzar-cbp/cbplus/master/require/jquery-ui.min.js 13 | // @resource vjCSS https://raw.githubusercontent.com/valzar-cbp/cbplus/master/resource/video-js.css 14 | // @resource jqCSS https://raw.githubusercontent.com/valzar-cbp/cbplus/master/resource/jquery-ui.css 15 | // @resource cbCSS https://raw.githubusercontent.com/valzar-cbp/cbplus/master/resource/cbplus.css 16 | // @grant GM_getResourceText 17 | // @grant GM_addStyle 18 | // @run-at document-end 19 | // ==/UserScript== 20 | 21 | 'use strict'; 22 | 23 | GM_addStyle (GM_getResourceText("vjCSS")); 24 | GM_addStyle (GM_getResourceText("jqCSS")); 25 | GM_addStyle (GM_getResourceText("cbCSS")); 26 | 27 | const globals = {}; 28 | 29 | function generalStuff() { 30 | globals.http = new XMLHttpRequest() 31 | 32 | let terms = document.querySelector('#close_entrance_terms') 33 | if (terms) terms.click() // just accept terms 34 | 35 | addTabs() 36 | cleanPage() 37 | 38 | globals.camsPath = '/cams-cbplus/' 39 | globals.blackPath = '/cams-blacklist/' 40 | globals.toursPath = '/tours/3/' 41 | globals.path = document.location.pathname 42 | 43 | if (globals.path == globals.camsPath) camsSite() 44 | else if (globals.path == globals.blackPath) blackSite() 45 | else if (globals.path == globals.toursPath) toursPage() 46 | } 47 | 48 | function camsSite() { 49 | const playerID = makeid(32) 50 | globals.chat = new BroadcastChannel(playerID) 51 | 52 | document.title = 'CBPlus Cams' 53 | let head = document.getElementById("header") 54 | 55 | document.body.innerHTML = ""; 56 | document.body.style.height = '100vh' 57 | document.body.style.display = 'flex' 58 | document.body.style.flexDirection = 'column' 59 | document.body.appendChild(head) 60 | 61 | const body_main = document.createElement('div') 62 | body_main.style.display = 'flex' 63 | body_main.style.flexDirection = 'row' 64 | body_main.style.flex = '1' 65 | 66 | const main = document.createElement('div') 67 | main.setAttribute("id", "mainDiv") 68 | main.style.boxSizing = 'border-box' 69 | main.style.flex = '1' 70 | main.style.display = 'grid' 71 | main.className = 'oneCam' 72 | main.appendChild(camDiv()) 73 | 74 | let rightMenu = document.createElement("div") 75 | rightMenu.setAttribute("id", "rightMenu") 76 | rightMenu.style.top = "0" 77 | rightMenu.style.bottom = "0" 78 | rightMenu.style.right = "0" 79 | rightMenu.style.width = "600px" 80 | rightMenu.style.display = 'flex' 81 | rightMenu.style.flexDirection = 'column' 82 | let frame = document.createElement("iframe") 83 | frame.src = 'https://chaturbate.com/tours/3/?p=1&c=200&playerID='+playerID 84 | frame.style.flex = '1' 85 | frame.style.border = '0' 86 | frame.style.width = "600px" 87 | 88 | let hideMenu = document.createElement("li"); 89 | hideMenu.innerHTML = ` HIDE/SHOW LIST`; 90 | hideMenu.style.cursor = 'pointer' 91 | hideMenu.onclick = function () { $('div#rightMenu').toggle(1000) } 92 | document.getElementById("nav").appendChild(hideMenu); 93 | 94 | rightMenu.appendChild(frame) 95 | body_main.appendChild(main) 96 | body_main.appendChild(rightMenu) 97 | document.body.appendChild(body_main) 98 | 99 | $('div#mainDiv').sortable({ 100 | tolerance: "pointer", 101 | revert: true, 102 | stop: function (event, ui) { Dropped(event, ui) } 103 | }) 104 | 105 | globals.chat.onmessage = readMessage 106 | } 107 | 108 | function Dropped(event, ui) { 109 | let player = ui.item[0].querySelector('video') 110 | if (player) player.play() 111 | } 112 | 113 | function blackSite() { 114 | document.title = 'CBPlus Blacklist' 115 | let mainD = document.getElementById("main"); 116 | let body = mainD.getElementsByClassName("content_body")[0]; 117 | let ul = document.createElement("ul"); 118 | 119 | let len = localStorage.length 120 | let keys = Object.keys(localStorage) 121 | for (var i=0; i div[name=\""+cmd[1]+"\"]") 160 | let wins = document.querySelectorAll("div#mainDiv > div.free") 161 | if (wins.length == 0 && !check.length) wins = addCamPlace() 162 | if (cmd[0] == "watch" && cmd[1].length > 0 && wins.length > 0 && !check.length) { 163 | globals.http.open('GET', `https://chaturbate.com/${cmd[1]}`, true) 164 | globals.http.setRequestHeader("Content-type","application/x-www-form-urlencoded") 165 | globals.http.onload = function() { addCam(globals.http.responseText, wins[0], cmd[1]) } 166 | globals.http.send() 167 | } else if (check.length) { console.log("already watching "+cmd[1]+"!") } 168 | else { 169 | //console.log("no free spots left!") 170 | } 171 | } 172 | 173 | function urlToName(input) { 174 | var output = input.substring(1); 175 | output = output.substring(0, output.search("/")); 176 | return output; 177 | } 178 | 179 | function cleanPage() { 180 | var Element = document.createElement("div"); 181 | 182 | var ads = document.getElementsByClassName("remove_ads"); 183 | if (ads.length > 0) ads[0].parentNode.remove(); 184 | ads = document.getElementsByClassName("ad"); 185 | if (ads.length > 0) ads[0].remove(); 186 | 187 | var logo = document.getElementsByClassName("logo-zone"); 188 | if (logo.length > 0) logo[0].parentNode.remove(); 189 | 190 | Element.style.padding = "10px 0"; 191 | var content = document.getElementsByClassName("content"); 192 | if (content.length > 0) if (content[0].style.padding != Element.style.padding) content[0].style.padding = Element.style.padding; 193 | 194 | Element.style.margin = "0 5px"; 195 | var c1Main = document.getElementsByClassName('c-1 endless_page_template'); 196 | if (c1Main.length > 0) if (c1Main[0].style.margin != Element.style.margin) c1Main[0].style.margin = Element.style.margin; 197 | 198 | var c1 = document.getElementsByClassName("c-1"); 199 | if (c1.length > 0) if (c1[0].style.margin != Element.style.margin) c1[0].style.margin = Element.style.margin; 200 | 201 | var blogPosts = document.getElementsByClassName('c-1 featured_blog_posts'); 202 | if (blogPosts.length > 0) blogPosts[0].remove(); 203 | } 204 | 205 | function addCamPlace() { 206 | let main = document.querySelector('div#mainDiv') 207 | let len = main.querySelectorAll('div.cam').length 208 | let loops = 0 209 | 210 | let mainClass = 'Cams35' 211 | if (len == 1) { loops = 1; mainClass = 'Cams2'} 212 | else if (len == 2) { loops = 1; mainClass = 'Cams3' } 213 | else if (len == 3) { loops = 1; mainClass = 'Cams4' } 214 | else if (len == 4) { loops = 1; mainClass = 'Cams5' } 215 | else if (len == 5) { loops = 1; mainClass = 'Cams6' } 216 | else if (len == 6) { loops = 3; mainClass = 'Cams9' } 217 | else if (len == 9) { loops = 3; mainClass = 'Cams12' } 218 | else if (len == 12) { loops = 4; mainClass = 'Cams16' } 219 | else if (len == 16) { loops = 4; mainClass = 'Cams20' } 220 | else if (len == 20) { loops = 5; mainClass = 'Cams25' } 221 | else if (len == 25) { loops = 5; mainClass = 'Cams30' } 222 | else if (len == 30) { loops = 5; mainClass = 'Cams35' } 223 | 224 | for (let i =0; i < loops; i++) main.appendChild(camDiv()) 225 | 226 | main.className = mainClass 227 | return main.querySelectorAll("div.free") 228 | } 229 | 230 | function cleanCams() { 231 | let main = document.querySelector('div#mainDiv') 232 | let cams = main.querySelectorAll("div.free") 233 | let loops = 0 234 | 235 | for (let i =0; i < cams.length; i++) main.removeChild(cams[i]) 236 | 237 | let len = main.querySelectorAll('div.cam').length 238 | 239 | let mainClass = 'oneCam' 240 | if (len > 30) { loops = 35-len; mainClass = 'Cams35' } 241 | else if (len > 25) { loops = 33-len; mainClass = 'Cams30' } 242 | else if (len > 20) { loops = 25-len; mainClass = 'Cams25' } 243 | else if (len > 16) { loops = 20-len; mainClass = 'Cams20' } 244 | else if (len > 12) { loops = 16-len; mainClass = 'Cams16' } 245 | else if (len > 9) { loops = 12-len; mainClass = 'Cams12' } 246 | else if (len > 6) { loops = 9-len; mainClass = 'Cams9' } 247 | else if (len > 5) { loops = 6-len; mainClass = 'Cams6' } 248 | else if (len > 4) { loops = 5-len; mainClass = 'Cams5' } 249 | else if (len > 3) { loops = 4-len; mainClass = 'Cams4' } 250 | else if (len > 2) { loops = 3-len; mainClass = 'Cams3' } 251 | else if (len > 1) { loops = 2-len; mainClass = 'Cams2' } 252 | else if (!len) { loops = 1 } 253 | 254 | for (let i =0; i < loops; i++) main.appendChild(camDiv()) 255 | main.className = mainClass 256 | } 257 | 258 | function camDiv() { 259 | let c = document.createElement('div') 260 | c.classList = 'cam ui-sortable-handle free' 261 | c.appendChild(plusButton()) 262 | return c 263 | } 264 | 265 | function addMiniButtons() { 266 | let rooms = document.querySelectorAll('ul.list > li') 267 | if (!rooms.length) return false 268 | 269 | for (let i=0; i < rooms.length; i++) { 270 | let name = rooms[i].querySelector('a').getAttribute('href').slice(1,-1) 271 | if (localStorage.getItem(`cbplus_blacklist_${name}`) != undefined) { 272 | rooms[i].style.display = "none" 273 | continue 274 | } 275 | let tmpLink = rooms[i].querySelector('div.title a') 276 | let tmpName = rooms[i].querySelector('div.title a').getAttribute("href").slice(1,-1) 277 | rooms[i].querySelector('a').removeAttribute("href") 278 | rooms[i].style.cursor = 'pointer' 279 | rooms[i].querySelector('a').setAttribute("name", tmpName) 280 | rooms[i].querySelector('a').onclick = function () { globals.chat.postMessage(`watch ${this.getAttribute("name")}`) } 281 | tmpLink.setAttribute('target', '_blank') 282 | tmpLink.style.cursor = 'pointer' 283 | let buttons = document.createElement('div') 284 | buttons.style.top = '2px' 285 | buttons.style.left = '2px' 286 | buttons.style.position = 'absolute' 287 | buttons.style.cursor = 'pointer' 288 | 289 | let blockButton = document.createElement('div') 290 | blockButton.innerHTML = '⛔' 291 | blockButton.setAttribute("name", tmpName) 292 | blockButton.onclick = function () { 293 | let cam = this.parentNode.parentNode 294 | let name = this.getAttribute("name") 295 | if (confirm('Are you sure you want to add ' + name + ' to blacklist?')) { 296 | let gender = cam.querySelector('div.title span').className.substr(-1) 297 | let age = cam.querySelector('div.title span').innerHTML; 298 | let value = gender + " " + age + " added: " + new Date().toLocaleString(); 299 | cam.style.display = "none"; 300 | localStorage.setItem(`cbplus_blacklist_${name}`, value); 301 | } 302 | } 303 | buttons.appendChild(blockButton) 304 | 305 | let gender = rooms[i].querySelector('div.title span').className.substr(-1) 306 | if (gender == 'm' || gender == 's') rooms[i].style.display = "none"; 307 | else rooms[i].appendChild(buttons); 308 | } 309 | } 310 | 311 | function addTabs() { 312 | var sub_nav = document.getElementById("nav"); 313 | if (sub_nav) { 314 | document.querySelector("div.nav-bar").style.height = "auto" 315 | // cams Tab 316 | var camsTab = document.createElement("li"); 317 | camsTab.innerHTML = `CBPLUS`; 318 | sub_nav.appendChild(camsTab); 319 | // blacklist Tab 320 | let blackTab = document.createElement("li"); 321 | blackTab.innerHTML = `BLACKLIST`; 322 | sub_nav.appendChild(blackTab); 323 | } 324 | } 325 | 326 | function makeid(length) { 327 | var result = ''; 328 | var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; 329 | var charactersLength = characters.length; 330 | for ( var i = 0; i < length; i++ ) { 331 | result += characters.charAt(Math.floor(Math.random() * charactersLength)); 332 | } 333 | return result; 334 | } 335 | 336 | function addCam(resp, div, model) { 337 | let pos1 = resp.search('https://edge') 338 | let pos2 = resp.search('.m3u8')+5 339 | let stream = '' 340 | if (resp.includes('.m3u8')) { stream = resp.substring(pos1, pos2).replace(/\\u002D/g, '-') } 341 | else { stream = 'no data' } 342 | let poster = 'https://cbjpeg.stream.highwebmedia.com/stream?room='+model+'&f='+Math.random() 343 | let id = 'cam'+Math.floor(Math.random()*10000) 344 | div.classList.remove('free') 345 | div.setAttribute("name", model) 346 | div.innerHTML = `` 348 | div.appendChild(topButtons(model)) 349 | const player = videojs(id, { controls: true, autoplay: true, preload: 'auto', fluid: false, enableLowInitialPlaylist: true }) 350 | player.volume(0.01) 351 | } 352 | 353 | function refreshCam(div) { 354 | div.innerHTML = '' 355 | div.classList.add('free') 356 | console.dir(div) 357 | let model_name = div.getAttribute("name") 358 | div.removeAttribute("name") 359 | globals.http.open('GET', `https://chaturbate.com/${model_name}`, true) 360 | globals.http.setRequestHeader("Content-type","application/x-www-form-urlencoded") 361 | globals.http.onload = function() { addCam(globals.http.responseText, div, model_name) } 362 | globals.http.send() 363 | } 364 | 365 | function removeCam(div) { 366 | div.innerHTML = '' 367 | div.classList.add('free') 368 | div.removeAttribute("name") 369 | div.appendChild(plusButton()) 370 | cleanCams() 371 | } 372 | 373 | function plusButton() { 374 | let b = document.createElement('button') 375 | b.innerHTML = 'ADD' 376 | b.classList.add('plusButton') 377 | b.addEventListener('click', e => { 378 | e.preventDefault() 379 | let user_data = prompt(`Enter cb model name:`, '') 380 | if (user_data !== null) { 381 | user_data = user_data.trim() 382 | if (user_data.includes('/') || user_data.includes('chaturbate.com')) { 383 | user_data = user_data.split('/').filter(Boolean).pop() 384 | } 385 | globals.http.open('GET', `https://chaturbate.com/${user_data}`, true) 386 | globals.http.setRequestHeader("Content-type","application/x-www-form-urlencoded") 387 | globals.http.onload = function() { addCam(globals.http.responseText, e.path[1], user_data) } 388 | globals.http.send() 389 | } 390 | }) 391 | return b 392 | } 393 | 394 | function topButtons(name) { 395 | let top = document.createElement('div') 396 | top.classList.add('topFrame') 397 | let r = document.createElement('button') 398 | r.innerHTML = name+' 🔄' 399 | r.classList.add('topButton') 400 | let x = document.createElement('button') 401 | x.innerHTML = '❌' 402 | x.classList.add('topButton') 403 | top.appendChild(r) 404 | r.addEventListener('click', e => { 405 | e.preventDefault() 406 | refreshCam(e.path[2]) 407 | }) 408 | top.appendChild(x) 409 | x.addEventListener('click', e => { 410 | e.preventDefault() 411 | removeCam(e.path[2]) 412 | }) 413 | return top 414 | } 415 | 416 | generalStuff() -------------------------------------------------------------------------------- /require/jquery.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */ 2 | !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 .cam:first-child { 22 | grid-area: a; 23 | } 24 | 25 | .Cams4 { 26 | grid-template-columns: 1fr 1fr; 27 | grid-template-rows: 1fr 1fr; 28 | } 29 | 30 | .Cams5 { 31 | grid-template-columns: 1fr 1fr 1fr; 32 | grid-template-rows: 2fr 1fr; 33 | grid-template-areas: "a a ." ". . ."; 34 | } 35 | .Cams5 > .cam:first-child { 36 | grid-area: a; 37 | } 38 | 39 | .Cams6 { 40 | grid-template-columns: 1fr 1fr 1fr; 41 | grid-template-rows: 1fr 1fr 1fr; 42 | grid-template-areas: "a a ." "a a ." ". . ."; 43 | } 44 | .Cams6 > .cam:first-child { 45 | grid-area: a; 46 | } 47 | 48 | .Cams9 { 49 | grid-template-columns: 1fr 1fr 1fr; 50 | grid-template-rows: 1fr 1fr 1fr; 51 | } 52 | 53 | .Cams12 { 54 | grid-template-columns: 1fr 1fr 1fr 1fr; 55 | grid-template-rows: 1fr 1fr 1fr; 56 | } 57 | 58 | .Cams16 { 59 | grid-template-columns: 1fr 1fr 1fr 1fr; 60 | grid-template-rows: 1fr 1fr 1fr 1fr; 61 | } 62 | 63 | .Cams20 { 64 | grid-template-columns: 1fr 1fr 1fr 1fr; 65 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 66 | } 67 | 68 | .Cams25 { 69 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 70 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 71 | } 72 | 73 | .Cams30 { 74 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 75 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 76 | } 77 | 78 | .Cams35 { 79 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 80 | grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 81 | } 82 | 83 | .cam { 84 | display: flex; 85 | align-items: center; 86 | justify-content: center; 87 | position: relative; 88 | background-color: #0C6A93; 89 | border: 1px solid #F47321; 90 | } 91 | 92 | .plusButton { 93 | border-radius: 50%; 94 | background-color: #F47321; 95 | color: #FFFFFF; 96 | border: none; 97 | padding: 24px 48px; 98 | cursor: pointer; 99 | text-align: center; 100 | text-decoration: none; 101 | display: inline-block; 102 | font-size: 24px; 103 | outline: none; 104 | } 105 | 106 | .topFrame { 107 | position: absolute; 108 | top: 0; 109 | right: 0; 110 | z-index: 999; 111 | } 112 | 113 | .topButton { 114 | background-color: rgba(43, 51, 63, 0.7); 115 | border: none; 116 | padding: 1px 3px; 117 | cursor: pointer; 118 | text-align: center; 119 | text-decoration: none; 120 | display: inline-block; 121 | font-size: 10px; 122 | outline: none; 123 | } 124 | 125 | div.video-js { 126 | background-color: inherit; 127 | background-image: inherit; 128 | } -------------------------------------------------------------------------------- /resource/jquery-ui.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.12.1 - 2016-09-14 2 | * http://jqueryui.com 3 | * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 5 | * Copyright jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | /* Layout helpers 8 | ----------------------------------*/ 9 | .ui-helper-hidden { 10 | display: none; 11 | } 12 | .ui-helper-hidden-accessible { 13 | border: 0; 14 | clip: rect(0 0 0 0); 15 | height: 1px; 16 | margin: -1px; 17 | overflow: hidden; 18 | padding: 0; 19 | position: absolute; 20 | width: 1px; 21 | } 22 | .ui-helper-reset { 23 | margin: 0; 24 | padding: 0; 25 | border: 0; 26 | outline: 0; 27 | line-height: 1.3; 28 | text-decoration: none; 29 | font-size: 100%; 30 | list-style: none; 31 | } 32 | .ui-helper-clearfix:before, 33 | .ui-helper-clearfix:after { 34 | content: ""; 35 | display: table; 36 | border-collapse: collapse; 37 | } 38 | .ui-helper-clearfix:after { 39 | clear: both; 40 | } 41 | .ui-helper-zfix { 42 | width: 100%; 43 | height: 100%; 44 | top: 0; 45 | left: 0; 46 | position: absolute; 47 | opacity: 0; 48 | filter:Alpha(Opacity=0); /* support: IE8 */ 49 | } 50 | 51 | .ui-front { 52 | z-index: 100; 53 | } 54 | 55 | 56 | /* Interaction Cues 57 | ----------------------------------*/ 58 | .ui-state-disabled { 59 | cursor: default !important; 60 | pointer-events: none; 61 | } 62 | 63 | 64 | /* Icons 65 | ----------------------------------*/ 66 | .ui-icon { 67 | display: inline-block; 68 | vertical-align: middle; 69 | margin-top: -.25em; 70 | position: relative; 71 | text-indent: -99999px; 72 | overflow: hidden; 73 | background-repeat: no-repeat; 74 | } 75 | 76 | .ui-widget-icon-block { 77 | left: 50%; 78 | margin-left: -8px; 79 | display: block; 80 | } 81 | 82 | /* Misc visuals 83 | ----------------------------------*/ 84 | 85 | /* Overlays */ 86 | .ui-widget-overlay { 87 | position: fixed; 88 | top: 0; 89 | left: 0; 90 | width: 100%; 91 | height: 100%; 92 | } 93 | .ui-accordion .ui-accordion-header { 94 | display: block; 95 | cursor: pointer; 96 | position: relative; 97 | margin: 2px 0 0 0; 98 | padding: .5em .5em .5em .7em; 99 | font-size: 100%; 100 | } 101 | .ui-accordion .ui-accordion-content { 102 | padding: 1em 2.2em; 103 | border-top: 0; 104 | overflow: auto; 105 | } 106 | .ui-autocomplete { 107 | position: absolute; 108 | top: 0; 109 | left: 0; 110 | cursor: default; 111 | } 112 | .ui-menu { 113 | list-style: none; 114 | padding: 0; 115 | margin: 0; 116 | display: block; 117 | outline: 0; 118 | } 119 | .ui-menu .ui-menu { 120 | position: absolute; 121 | } 122 | .ui-menu .ui-menu-item { 123 | margin: 0; 124 | cursor: pointer; 125 | /* support: IE10, see #8844 */ 126 | list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 127 | } 128 | .ui-menu .ui-menu-item-wrapper { 129 | position: relative; 130 | padding: 3px 1em 3px .4em; 131 | } 132 | .ui-menu .ui-menu-divider { 133 | margin: 5px 0; 134 | height: 0; 135 | font-size: 0; 136 | line-height: 0; 137 | border-width: 1px 0 0 0; 138 | } 139 | .ui-menu .ui-state-focus, 140 | .ui-menu .ui-state-active { 141 | margin: -1px; 142 | } 143 | 144 | /* icon support */ 145 | .ui-menu-icons { 146 | position: relative; 147 | } 148 | .ui-menu-icons .ui-menu-item-wrapper { 149 | padding-left: 2em; 150 | } 151 | 152 | /* left-aligned */ 153 | .ui-menu .ui-icon { 154 | position: absolute; 155 | top: 0; 156 | bottom: 0; 157 | left: .2em; 158 | margin: auto 0; 159 | } 160 | 161 | /* right-aligned */ 162 | .ui-menu .ui-menu-icon { 163 | left: auto; 164 | right: 0; 165 | } 166 | .ui-button { 167 | padding: .4em 1em; 168 | display: inline-block; 169 | position: relative; 170 | line-height: normal; 171 | margin-right: .1em; 172 | cursor: pointer; 173 | vertical-align: middle; 174 | text-align: center; 175 | -webkit-user-select: none; 176 | -moz-user-select: none; 177 | -ms-user-select: none; 178 | user-select: none; 179 | 180 | /* Support: IE <= 11 */ 181 | overflow: visible; 182 | } 183 | 184 | .ui-button, 185 | .ui-button:link, 186 | .ui-button:visited, 187 | .ui-button:hover, 188 | .ui-button:active { 189 | text-decoration: none; 190 | } 191 | 192 | /* to make room for the icon, a width needs to be set here */ 193 | .ui-button-icon-only { 194 | width: 2em; 195 | box-sizing: border-box; 196 | text-indent: -9999px; 197 | white-space: nowrap; 198 | } 199 | 200 | /* no icon support for input elements */ 201 | input.ui-button.ui-button-icon-only { 202 | text-indent: 0; 203 | } 204 | 205 | /* button icon element(s) */ 206 | .ui-button-icon-only .ui-icon { 207 | position: absolute; 208 | top: 50%; 209 | left: 50%; 210 | margin-top: -8px; 211 | margin-left: -8px; 212 | } 213 | 214 | .ui-button.ui-icon-notext .ui-icon { 215 | padding: 0; 216 | width: 2.1em; 217 | height: 2.1em; 218 | text-indent: -9999px; 219 | white-space: nowrap; 220 | 221 | } 222 | 223 | input.ui-button.ui-icon-notext .ui-icon { 224 | width: auto; 225 | height: auto; 226 | text-indent: 0; 227 | white-space: normal; 228 | padding: .4em 1em; 229 | } 230 | 231 | /* workarounds */ 232 | /* Support: Firefox 5 - 40 */ 233 | input.ui-button::-moz-focus-inner, 234 | button.ui-button::-moz-focus-inner { 235 | border: 0; 236 | padding: 0; 237 | } 238 | .ui-controlgroup { 239 | vertical-align: middle; 240 | display: inline-block; 241 | } 242 | .ui-controlgroup > .ui-controlgroup-item { 243 | float: left; 244 | margin-left: 0; 245 | margin-right: 0; 246 | } 247 | .ui-controlgroup > .ui-controlgroup-item:focus, 248 | .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { 249 | z-index: 9999; 250 | } 251 | .ui-controlgroup-vertical > .ui-controlgroup-item { 252 | display: block; 253 | float: none; 254 | width: 100%; 255 | margin-top: 0; 256 | margin-bottom: 0; 257 | text-align: left; 258 | } 259 | .ui-controlgroup-vertical .ui-controlgroup-item { 260 | box-sizing: border-box; 261 | } 262 | .ui-controlgroup .ui-controlgroup-label { 263 | padding: .4em 1em; 264 | } 265 | .ui-controlgroup .ui-controlgroup-label span { 266 | font-size: 80%; 267 | } 268 | .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { 269 | border-left: none; 270 | } 271 | .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { 272 | border-top: none; 273 | } 274 | .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { 275 | border-right: none; 276 | } 277 | .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { 278 | border-bottom: none; 279 | } 280 | 281 | /* Spinner specific style fixes */ 282 | .ui-controlgroup-vertical .ui-spinner-input { 283 | 284 | /* Support: IE8 only, Android < 4.4 only */ 285 | width: 75%; 286 | width: calc( 100% - 2.4em ); 287 | } 288 | .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { 289 | border-top-style: solid; 290 | } 291 | 292 | .ui-checkboxradio-label .ui-icon-background { 293 | box-shadow: inset 1px 1px 1px #ccc; 294 | border-radius: .12em; 295 | border: none; 296 | } 297 | .ui-checkboxradio-radio-label .ui-icon-background { 298 | width: 16px; 299 | height: 16px; 300 | border-radius: 1em; 301 | overflow: visible; 302 | border: none; 303 | } 304 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 305 | .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { 306 | background-image: none; 307 | width: 8px; 308 | height: 8px; 309 | border-width: 4px; 310 | border-style: solid; 311 | } 312 | .ui-checkboxradio-disabled { 313 | pointer-events: none; 314 | } 315 | .ui-datepicker { 316 | width: 17em; 317 | padding: .2em .2em 0; 318 | display: none; 319 | } 320 | .ui-datepicker .ui-datepicker-header { 321 | position: relative; 322 | padding: .2em 0; 323 | } 324 | .ui-datepicker .ui-datepicker-prev, 325 | .ui-datepicker .ui-datepicker-next { 326 | position: absolute; 327 | top: 2px; 328 | width: 1.8em; 329 | height: 1.8em; 330 | } 331 | .ui-datepicker .ui-datepicker-prev-hover, 332 | .ui-datepicker .ui-datepicker-next-hover { 333 | top: 1px; 334 | } 335 | .ui-datepicker .ui-datepicker-prev { 336 | left: 2px; 337 | } 338 | .ui-datepicker .ui-datepicker-next { 339 | right: 2px; 340 | } 341 | .ui-datepicker .ui-datepicker-prev-hover { 342 | left: 1px; 343 | } 344 | .ui-datepicker .ui-datepicker-next-hover { 345 | right: 1px; 346 | } 347 | .ui-datepicker .ui-datepicker-prev span, 348 | .ui-datepicker .ui-datepicker-next span { 349 | display: block; 350 | position: absolute; 351 | left: 50%; 352 | margin-left: -8px; 353 | top: 50%; 354 | margin-top: -8px; 355 | } 356 | .ui-datepicker .ui-datepicker-title { 357 | margin: 0 2.3em; 358 | line-height: 1.8em; 359 | text-align: center; 360 | } 361 | .ui-datepicker .ui-datepicker-title select { 362 | font-size: 1em; 363 | margin: 1px 0; 364 | } 365 | .ui-datepicker select.ui-datepicker-month, 366 | .ui-datepicker select.ui-datepicker-year { 367 | width: 45%; 368 | } 369 | .ui-datepicker table { 370 | width: 100%; 371 | font-size: .9em; 372 | border-collapse: collapse; 373 | margin: 0 0 .4em; 374 | } 375 | .ui-datepicker th { 376 | padding: .7em .3em; 377 | text-align: center; 378 | font-weight: bold; 379 | border: 0; 380 | } 381 | .ui-datepicker td { 382 | border: 0; 383 | padding: 1px; 384 | } 385 | .ui-datepicker td span, 386 | .ui-datepicker td a { 387 | display: block; 388 | padding: .2em; 389 | text-align: right; 390 | text-decoration: none; 391 | } 392 | .ui-datepicker .ui-datepicker-buttonpane { 393 | background-image: none; 394 | margin: .7em 0 0 0; 395 | padding: 0 .2em; 396 | border-left: 0; 397 | border-right: 0; 398 | border-bottom: 0; 399 | } 400 | .ui-datepicker .ui-datepicker-buttonpane button { 401 | float: right; 402 | margin: .5em .2em .4em; 403 | cursor: pointer; 404 | padding: .2em .6em .3em .6em; 405 | width: auto; 406 | overflow: visible; 407 | } 408 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 409 | float: left; 410 | } 411 | 412 | /* with multiple calendars */ 413 | .ui-datepicker.ui-datepicker-multi { 414 | width: auto; 415 | } 416 | .ui-datepicker-multi .ui-datepicker-group { 417 | float: left; 418 | } 419 | .ui-datepicker-multi .ui-datepicker-group table { 420 | width: 95%; 421 | margin: 0 auto .4em; 422 | } 423 | .ui-datepicker-multi-2 .ui-datepicker-group { 424 | width: 50%; 425 | } 426 | .ui-datepicker-multi-3 .ui-datepicker-group { 427 | width: 33.3%; 428 | } 429 | .ui-datepicker-multi-4 .ui-datepicker-group { 430 | width: 25%; 431 | } 432 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 433 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 434 | border-left-width: 0; 435 | } 436 | .ui-datepicker-multi .ui-datepicker-buttonpane { 437 | clear: left; 438 | } 439 | .ui-datepicker-row-break { 440 | clear: both; 441 | width: 100%; 442 | font-size: 0; 443 | } 444 | 445 | /* RTL support */ 446 | .ui-datepicker-rtl { 447 | direction: rtl; 448 | } 449 | .ui-datepicker-rtl .ui-datepicker-prev { 450 | right: 2px; 451 | left: auto; 452 | } 453 | .ui-datepicker-rtl .ui-datepicker-next { 454 | left: 2px; 455 | right: auto; 456 | } 457 | .ui-datepicker-rtl .ui-datepicker-prev:hover { 458 | right: 1px; 459 | left: auto; 460 | } 461 | .ui-datepicker-rtl .ui-datepicker-next:hover { 462 | left: 1px; 463 | right: auto; 464 | } 465 | .ui-datepicker-rtl .ui-datepicker-buttonpane { 466 | clear: right; 467 | } 468 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { 469 | float: left; 470 | } 471 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 472 | .ui-datepicker-rtl .ui-datepicker-group { 473 | float: right; 474 | } 475 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 476 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 477 | border-right-width: 0; 478 | border-left-width: 1px; 479 | } 480 | 481 | /* Icons */ 482 | .ui-datepicker .ui-icon { 483 | display: block; 484 | text-indent: -99999px; 485 | overflow: hidden; 486 | background-repeat: no-repeat; 487 | left: .5em; 488 | top: .3em; 489 | } 490 | .ui-dialog { 491 | position: absolute; 492 | top: 0; 493 | left: 0; 494 | padding: .2em; 495 | outline: 0; 496 | } 497 | .ui-dialog .ui-dialog-titlebar { 498 | padding: .4em 1em; 499 | position: relative; 500 | } 501 | .ui-dialog .ui-dialog-title { 502 | float: left; 503 | margin: .1em 0; 504 | white-space: nowrap; 505 | width: 90%; 506 | overflow: hidden; 507 | text-overflow: ellipsis; 508 | } 509 | .ui-dialog .ui-dialog-titlebar-close { 510 | position: absolute; 511 | right: .3em; 512 | top: 50%; 513 | width: 20px; 514 | margin: -10px 0 0 0; 515 | padding: 1px; 516 | height: 20px; 517 | } 518 | .ui-dialog .ui-dialog-content { 519 | position: relative; 520 | border: 0; 521 | padding: .5em 1em; 522 | background: none; 523 | overflow: auto; 524 | } 525 | .ui-dialog .ui-dialog-buttonpane { 526 | text-align: left; 527 | border-width: 1px 0 0 0; 528 | background-image: none; 529 | margin-top: .5em; 530 | padding: .3em 1em .5em .4em; 531 | } 532 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 533 | float: right; 534 | } 535 | .ui-dialog .ui-dialog-buttonpane button { 536 | margin: .5em .4em .5em 0; 537 | cursor: pointer; 538 | } 539 | .ui-dialog .ui-resizable-n { 540 | height: 2px; 541 | top: 0; 542 | } 543 | .ui-dialog .ui-resizable-e { 544 | width: 2px; 545 | right: 0; 546 | } 547 | .ui-dialog .ui-resizable-s { 548 | height: 2px; 549 | bottom: 0; 550 | } 551 | .ui-dialog .ui-resizable-w { 552 | width: 2px; 553 | left: 0; 554 | } 555 | .ui-dialog .ui-resizable-se, 556 | .ui-dialog .ui-resizable-sw, 557 | .ui-dialog .ui-resizable-ne, 558 | .ui-dialog .ui-resizable-nw { 559 | width: 7px; 560 | height: 7px; 561 | } 562 | .ui-dialog .ui-resizable-se { 563 | right: 0; 564 | bottom: 0; 565 | } 566 | .ui-dialog .ui-resizable-sw { 567 | left: 0; 568 | bottom: 0; 569 | } 570 | .ui-dialog .ui-resizable-ne { 571 | right: 0; 572 | top: 0; 573 | } 574 | .ui-dialog .ui-resizable-nw { 575 | left: 0; 576 | top: 0; 577 | } 578 | .ui-draggable .ui-dialog-titlebar { 579 | cursor: move; 580 | } 581 | .ui-draggable-handle { 582 | -ms-touch-action: none; 583 | touch-action: none; 584 | } 585 | .ui-resizable { 586 | position: relative; 587 | } 588 | .ui-resizable-handle { 589 | position: absolute; 590 | font-size: 0.1px; 591 | display: block; 592 | -ms-touch-action: none; 593 | touch-action: none; 594 | } 595 | .ui-resizable-disabled .ui-resizable-handle, 596 | .ui-resizable-autohide .ui-resizable-handle { 597 | display: none; 598 | } 599 | .ui-resizable-n { 600 | cursor: n-resize; 601 | height: 7px; 602 | width: 100%; 603 | top: -5px; 604 | left: 0; 605 | } 606 | .ui-resizable-s { 607 | cursor: s-resize; 608 | height: 7px; 609 | width: 100%; 610 | bottom: -5px; 611 | left: 0; 612 | } 613 | .ui-resizable-e { 614 | cursor: e-resize; 615 | width: 7px; 616 | right: -5px; 617 | top: 0; 618 | height: 100%; 619 | } 620 | .ui-resizable-w { 621 | cursor: w-resize; 622 | width: 7px; 623 | left: -5px; 624 | top: 0; 625 | height: 100%; 626 | } 627 | .ui-resizable-se { 628 | cursor: se-resize; 629 | width: 12px; 630 | height: 12px; 631 | right: 1px; 632 | bottom: 1px; 633 | } 634 | .ui-resizable-sw { 635 | cursor: sw-resize; 636 | width: 9px; 637 | height: 9px; 638 | left: -5px; 639 | bottom: -5px; 640 | } 641 | .ui-resizable-nw { 642 | cursor: nw-resize; 643 | width: 9px; 644 | height: 9px; 645 | left: -5px; 646 | top: -5px; 647 | } 648 | .ui-resizable-ne { 649 | cursor: ne-resize; 650 | width: 9px; 651 | height: 9px; 652 | right: -5px; 653 | top: -5px; 654 | } 655 | .ui-progressbar { 656 | height: 2em; 657 | text-align: left; 658 | overflow: hidden; 659 | } 660 | .ui-progressbar .ui-progressbar-value { 661 | margin: -1px; 662 | height: 100%; 663 | } 664 | .ui-progressbar .ui-progressbar-overlay { 665 | background: url("data:image/gif;base64,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"); 666 | height: 100%; 667 | filter: alpha(opacity=25); /* support: IE8 */ 668 | opacity: 0.25; 669 | } 670 | .ui-progressbar-indeterminate .ui-progressbar-value { 671 | background-image: none; 672 | } 673 | .ui-selectable { 674 | -ms-touch-action: none; 675 | touch-action: none; 676 | } 677 | .ui-selectable-helper { 678 | position: absolute; 679 | z-index: 100; 680 | border: 1px dotted black; 681 | } 682 | .ui-selectmenu-menu { 683 | padding: 0; 684 | margin: 0; 685 | position: absolute; 686 | top: 0; 687 | left: 0; 688 | display: none; 689 | } 690 | .ui-selectmenu-menu .ui-menu { 691 | overflow: auto; 692 | overflow-x: hidden; 693 | padding-bottom: 1px; 694 | } 695 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 696 | font-size: 1em; 697 | font-weight: bold; 698 | line-height: 1.5; 699 | padding: 2px 0.4em; 700 | margin: 0.5em 0 0 0; 701 | height: auto; 702 | border: 0; 703 | } 704 | .ui-selectmenu-open { 705 | display: block; 706 | } 707 | .ui-selectmenu-text { 708 | display: block; 709 | margin-right: 20px; 710 | overflow: hidden; 711 | text-overflow: ellipsis; 712 | } 713 | .ui-selectmenu-button.ui-button { 714 | text-align: left; 715 | white-space: nowrap; 716 | width: 14em; 717 | } 718 | .ui-selectmenu-icon.ui-icon { 719 | float: right; 720 | margin-top: 0; 721 | } 722 | .ui-slider { 723 | position: relative; 724 | text-align: left; 725 | } 726 | .ui-slider .ui-slider-handle { 727 | position: absolute; 728 | z-index: 2; 729 | width: 1.2em; 730 | height: 1.2em; 731 | cursor: default; 732 | -ms-touch-action: none; 733 | touch-action: none; 734 | } 735 | .ui-slider .ui-slider-range { 736 | position: absolute; 737 | z-index: 1; 738 | font-size: .7em; 739 | display: block; 740 | border: 0; 741 | background-position: 0 0; 742 | } 743 | 744 | /* support: IE8 - See #6727 */ 745 | .ui-slider.ui-state-disabled .ui-slider-handle, 746 | .ui-slider.ui-state-disabled .ui-slider-range { 747 | filter: inherit; 748 | } 749 | 750 | .ui-slider-horizontal { 751 | height: .8em; 752 | } 753 | .ui-slider-horizontal .ui-slider-handle { 754 | top: -.3em; 755 | margin-left: -.6em; 756 | } 757 | .ui-slider-horizontal .ui-slider-range { 758 | top: 0; 759 | height: 100%; 760 | } 761 | .ui-slider-horizontal .ui-slider-range-min { 762 | left: 0; 763 | } 764 | .ui-slider-horizontal .ui-slider-range-max { 765 | right: 0; 766 | } 767 | 768 | .ui-slider-vertical { 769 | width: .8em; 770 | height: 100px; 771 | } 772 | .ui-slider-vertical .ui-slider-handle { 773 | left: -.3em; 774 | margin-left: 0; 775 | margin-bottom: -.6em; 776 | } 777 | .ui-slider-vertical .ui-slider-range { 778 | left: 0; 779 | width: 100%; 780 | } 781 | .ui-slider-vertical .ui-slider-range-min { 782 | bottom: 0; 783 | } 784 | .ui-slider-vertical .ui-slider-range-max { 785 | top: 0; 786 | } 787 | .ui-sortable-handle { 788 | -ms-touch-action: none; 789 | touch-action: none; 790 | } 791 | .ui-spinner { 792 | position: relative; 793 | display: inline-block; 794 | overflow: hidden; 795 | padding: 0; 796 | vertical-align: middle; 797 | } 798 | .ui-spinner-input { 799 | border: none; 800 | background: none; 801 | color: inherit; 802 | padding: .222em 0; 803 | margin: .2em 0; 804 | vertical-align: middle; 805 | margin-left: .4em; 806 | margin-right: 2em; 807 | } 808 | .ui-spinner-button { 809 | width: 1.6em; 810 | height: 50%; 811 | font-size: .5em; 812 | padding: 0; 813 | margin: 0; 814 | text-align: center; 815 | position: absolute; 816 | cursor: default; 817 | display: block; 818 | overflow: hidden; 819 | right: 0; 820 | } 821 | /* more specificity required here to override default borders */ 822 | .ui-spinner a.ui-spinner-button { 823 | border-top-style: none; 824 | border-bottom-style: none; 825 | border-right-style: none; 826 | } 827 | .ui-spinner-up { 828 | top: 0; 829 | } 830 | .ui-spinner-down { 831 | bottom: 0; 832 | } 833 | .ui-tabs { 834 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 835 | padding: .2em; 836 | } 837 | .ui-tabs .ui-tabs-nav { 838 | margin: 0; 839 | padding: .2em .2em 0; 840 | } 841 | .ui-tabs .ui-tabs-nav li { 842 | list-style: none; 843 | float: left; 844 | position: relative; 845 | top: 0; 846 | margin: 1px .2em 0 0; 847 | border-bottom-width: 0; 848 | padding: 0; 849 | white-space: nowrap; 850 | } 851 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 852 | float: left; 853 | padding: .5em 1em; 854 | text-decoration: none; 855 | } 856 | .ui-tabs .ui-tabs-nav li.ui-tabs-active { 857 | margin-bottom: -1px; 858 | padding-bottom: 1px; 859 | } 860 | .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 861 | .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 862 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 863 | cursor: text; 864 | } 865 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 866 | cursor: pointer; 867 | } 868 | .ui-tabs .ui-tabs-panel { 869 | display: block; 870 | border-width: 0; 871 | padding: 1em 1.4em; 872 | background: none; 873 | } 874 | .ui-tooltip { 875 | padding: 8px; 876 | position: absolute; 877 | z-index: 9999; 878 | max-width: 300px; 879 | } 880 | body .ui-tooltip { 881 | border-width: 2px; 882 | } 883 | 884 | /* Component containers 885 | ----------------------------------*/ 886 | .ui-widget { 887 | font-family: Arial,Helvetica,sans-serif; 888 | font-size: 1em; 889 | } 890 | .ui-widget .ui-widget { 891 | font-size: 1em; 892 | } 893 | .ui-widget input, 894 | .ui-widget select, 895 | .ui-widget textarea, 896 | .ui-widget button { 897 | font-family: Arial,Helvetica,sans-serif; 898 | font-size: 1em; 899 | } 900 | .ui-widget.ui-widget-content { 901 | border: 1px solid #c5c5c5; 902 | } 903 | .ui-widget-content { 904 | border: 1px solid #dddddd; 905 | background: #ffffff; 906 | color: #333333; 907 | } 908 | .ui-widget-content a { 909 | color: #333333; 910 | } 911 | .ui-widget-header { 912 | border: 1px solid #dddddd; 913 | background: #e9e9e9; 914 | color: #333333; 915 | font-weight: bold; 916 | } 917 | .ui-widget-header a { 918 | color: #333333; 919 | } 920 | 921 | /* Interaction states 922 | ----------------------------------*/ 923 | .ui-state-default, 924 | .ui-widget-content .ui-state-default, 925 | .ui-widget-header .ui-state-default, 926 | .ui-button, 927 | 928 | /* We use html here because we need a greater specificity to make sure disabled 929 | works properly when clicked or hovered */ 930 | html .ui-button.ui-state-disabled:hover, 931 | html .ui-button.ui-state-disabled:active { 932 | border: 1px solid #c5c5c5; 933 | background: #f6f6f6; 934 | font-weight: normal; 935 | color: #454545; 936 | } 937 | .ui-state-default a, 938 | .ui-state-default a:link, 939 | .ui-state-default a:visited, 940 | a.ui-button, 941 | a:link.ui-button, 942 | a:visited.ui-button, 943 | .ui-button { 944 | color: #454545; 945 | text-decoration: none; 946 | } 947 | .ui-state-hover, 948 | .ui-widget-content .ui-state-hover, 949 | .ui-widget-header .ui-state-hover, 950 | .ui-state-focus, 951 | .ui-widget-content .ui-state-focus, 952 | .ui-widget-header .ui-state-focus, 953 | .ui-button:hover, 954 | .ui-button:focus { 955 | border: 1px solid #cccccc; 956 | background: #ededed; 957 | font-weight: normal; 958 | color: #2b2b2b; 959 | } 960 | .ui-state-hover a, 961 | .ui-state-hover a:hover, 962 | .ui-state-hover a:link, 963 | .ui-state-hover a:visited, 964 | .ui-state-focus a, 965 | .ui-state-focus a:hover, 966 | .ui-state-focus a:link, 967 | .ui-state-focus a:visited, 968 | a.ui-button:hover, 969 | a.ui-button:focus { 970 | color: #2b2b2b; 971 | text-decoration: none; 972 | } 973 | 974 | .ui-visual-focus { 975 | box-shadow: 0 0 3px 1px rgb(94, 158, 214); 976 | } 977 | .ui-state-active, 978 | .ui-widget-content .ui-state-active, 979 | .ui-widget-header .ui-state-active, 980 | a.ui-button:active, 981 | .ui-button:active, 982 | .ui-button.ui-state-active:hover { 983 | border: 1px solid #003eff; 984 | background: #007fff; 985 | font-weight: normal; 986 | color: #ffffff; 987 | } 988 | .ui-icon-background, 989 | .ui-state-active .ui-icon-background { 990 | border: #003eff; 991 | background-color: #ffffff; 992 | } 993 | .ui-state-active a, 994 | .ui-state-active a:link, 995 | .ui-state-active a:visited { 996 | color: #ffffff; 997 | text-decoration: none; 998 | } 999 | 1000 | /* Interaction Cues 1001 | ----------------------------------*/ 1002 | .ui-state-highlight, 1003 | .ui-widget-content .ui-state-highlight, 1004 | .ui-widget-header .ui-state-highlight { 1005 | border: 1px solid #dad55e; 1006 | background: #fffa90; 1007 | color: #777620; 1008 | } 1009 | .ui-state-checked { 1010 | border: 1px solid #dad55e; 1011 | background: #fffa90; 1012 | } 1013 | .ui-state-highlight a, 1014 | .ui-widget-content .ui-state-highlight a, 1015 | .ui-widget-header .ui-state-highlight a { 1016 | color: #777620; 1017 | } 1018 | .ui-state-error, 1019 | .ui-widget-content .ui-state-error, 1020 | .ui-widget-header .ui-state-error { 1021 | border: 1px solid #f1a899; 1022 | background: #fddfdf; 1023 | color: #5f3f3f; 1024 | } 1025 | .ui-state-error a, 1026 | .ui-widget-content .ui-state-error a, 1027 | .ui-widget-header .ui-state-error a { 1028 | color: #5f3f3f; 1029 | } 1030 | .ui-state-error-text, 1031 | .ui-widget-content .ui-state-error-text, 1032 | .ui-widget-header .ui-state-error-text { 1033 | color: #5f3f3f; 1034 | } 1035 | .ui-priority-primary, 1036 | .ui-widget-content .ui-priority-primary, 1037 | .ui-widget-header .ui-priority-primary { 1038 | font-weight: bold; 1039 | } 1040 | .ui-priority-secondary, 1041 | .ui-widget-content .ui-priority-secondary, 1042 | .ui-widget-header .ui-priority-secondary { 1043 | opacity: .7; 1044 | filter:Alpha(Opacity=70); /* support: IE8 */ 1045 | font-weight: normal; 1046 | } 1047 | .ui-state-disabled, 1048 | .ui-widget-content .ui-state-disabled, 1049 | .ui-widget-header .ui-state-disabled { 1050 | opacity: .35; 1051 | filter:Alpha(Opacity=35); /* support: IE8 */ 1052 | background-image: none; 1053 | } 1054 | .ui-state-disabled .ui-icon { 1055 | filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ 1056 | } 1057 | 1058 | /* Icons 1059 | ----------------------------------*/ 1060 | 1061 | /* states and images */ 1062 | .ui-icon { 1063 | width: 16px; 1064 | height: 16px; 1065 | } 1066 | .ui-icon, 1067 | .ui-widget-content .ui-icon { 1068 | background-image: url("images/ui-icons_444444_256x240.png"); 1069 | } 1070 | .ui-widget-header .ui-icon { 1071 | background-image: url("images/ui-icons_444444_256x240.png"); 1072 | } 1073 | .ui-state-hover .ui-icon, 1074 | .ui-state-focus .ui-icon, 1075 | .ui-button:hover .ui-icon, 1076 | .ui-button:focus .ui-icon { 1077 | background-image: url("images/ui-icons_555555_256x240.png"); 1078 | } 1079 | .ui-state-active .ui-icon, 1080 | .ui-button:active .ui-icon { 1081 | background-image: url("images/ui-icons_ffffff_256x240.png"); 1082 | } 1083 | .ui-state-highlight .ui-icon, 1084 | .ui-button .ui-state-highlight.ui-icon { 1085 | background-image: url("images/ui-icons_777620_256x240.png"); 1086 | } 1087 | .ui-state-error .ui-icon, 1088 | .ui-state-error-text .ui-icon { 1089 | background-image: url("images/ui-icons_cc0000_256x240.png"); 1090 | } 1091 | .ui-button .ui-icon { 1092 | background-image: url("images/ui-icons_777777_256x240.png"); 1093 | } 1094 | 1095 | /* positioning */ 1096 | .ui-icon-blank { background-position: 16px 16px; } 1097 | .ui-icon-caret-1-n { background-position: 0 0; } 1098 | .ui-icon-caret-1-ne { background-position: -16px 0; } 1099 | .ui-icon-caret-1-e { background-position: -32px 0; } 1100 | .ui-icon-caret-1-se { background-position: -48px 0; } 1101 | .ui-icon-caret-1-s { background-position: -65px 0; } 1102 | .ui-icon-caret-1-sw { background-position: -80px 0; } 1103 | .ui-icon-caret-1-w { background-position: -96px 0; } 1104 | .ui-icon-caret-1-nw { background-position: -112px 0; } 1105 | .ui-icon-caret-2-n-s { background-position: -128px 0; } 1106 | .ui-icon-caret-2-e-w { background-position: -144px 0; } 1107 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 1108 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 1109 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 1110 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 1111 | .ui-icon-triangle-1-s { background-position: -65px -16px; } 1112 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 1113 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 1114 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 1115 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 1116 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 1117 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 1118 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 1119 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 1120 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 1121 | .ui-icon-arrow-1-s { background-position: -65px -32px; } 1122 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 1123 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 1124 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 1125 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 1126 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 1127 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 1128 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 1129 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 1130 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 1131 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 1132 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 1133 | .ui-icon-arrowthick-1-n { background-position: 1px -48px; } 1134 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 1135 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 1136 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 1137 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 1138 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 1139 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 1140 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 1141 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 1142 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 1143 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 1144 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 1145 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 1146 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 1147 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 1148 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 1149 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 1150 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 1151 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 1152 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 1153 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 1154 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 1155 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 1156 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 1157 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 1158 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 1159 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 1160 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 1161 | .ui-icon-arrow-4 { background-position: 0 -80px; } 1162 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 1163 | .ui-icon-extlink { background-position: -32px -80px; } 1164 | .ui-icon-newwin { background-position: -48px -80px; } 1165 | .ui-icon-refresh { background-position: -64px -80px; } 1166 | .ui-icon-shuffle { background-position: -80px -80px; } 1167 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 1168 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 1169 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 1170 | .ui-icon-folder-open { background-position: -16px -96px; } 1171 | .ui-icon-document { background-position: -32px -96px; } 1172 | .ui-icon-document-b { background-position: -48px -96px; } 1173 | .ui-icon-note { background-position: -64px -96px; } 1174 | .ui-icon-mail-closed { background-position: -80px -96px; } 1175 | .ui-icon-mail-open { background-position: -96px -96px; } 1176 | .ui-icon-suitcase { background-position: -112px -96px; } 1177 | .ui-icon-comment { background-position: -128px -96px; } 1178 | .ui-icon-person { background-position: -144px -96px; } 1179 | .ui-icon-print { background-position: -160px -96px; } 1180 | .ui-icon-trash { background-position: -176px -96px; } 1181 | .ui-icon-locked { background-position: -192px -96px; } 1182 | .ui-icon-unlocked { background-position: -208px -96px; } 1183 | .ui-icon-bookmark { background-position: -224px -96px; } 1184 | .ui-icon-tag { background-position: -240px -96px; } 1185 | .ui-icon-home { background-position: 0 -112px; } 1186 | .ui-icon-flag { background-position: -16px -112px; } 1187 | .ui-icon-calendar { background-position: -32px -112px; } 1188 | .ui-icon-cart { background-position: -48px -112px; } 1189 | .ui-icon-pencil { background-position: -64px -112px; } 1190 | .ui-icon-clock { background-position: -80px -112px; } 1191 | .ui-icon-disk { background-position: -96px -112px; } 1192 | .ui-icon-calculator { background-position: -112px -112px; } 1193 | .ui-icon-zoomin { background-position: -128px -112px; } 1194 | .ui-icon-zoomout { background-position: -144px -112px; } 1195 | .ui-icon-search { background-position: -160px -112px; } 1196 | .ui-icon-wrench { background-position: -176px -112px; } 1197 | .ui-icon-gear { background-position: -192px -112px; } 1198 | .ui-icon-heart { background-position: -208px -112px; } 1199 | .ui-icon-star { background-position: -224px -112px; } 1200 | .ui-icon-link { background-position: -240px -112px; } 1201 | .ui-icon-cancel { background-position: 0 -128px; } 1202 | .ui-icon-plus { background-position: -16px -128px; } 1203 | .ui-icon-plusthick { background-position: -32px -128px; } 1204 | .ui-icon-minus { background-position: -48px -128px; } 1205 | .ui-icon-minusthick { background-position: -64px -128px; } 1206 | .ui-icon-close { background-position: -80px -128px; } 1207 | .ui-icon-closethick { background-position: -96px -128px; } 1208 | .ui-icon-key { background-position: -112px -128px; } 1209 | .ui-icon-lightbulb { background-position: -128px -128px; } 1210 | .ui-icon-scissors { background-position: -144px -128px; } 1211 | .ui-icon-clipboard { background-position: -160px -128px; } 1212 | .ui-icon-copy { background-position: -176px -128px; } 1213 | .ui-icon-contact { background-position: -192px -128px; } 1214 | .ui-icon-image { background-position: -208px -128px; } 1215 | .ui-icon-video { background-position: -224px -128px; } 1216 | .ui-icon-script { background-position: -240px -128px; } 1217 | .ui-icon-alert { background-position: 0 -144px; } 1218 | .ui-icon-info { background-position: -16px -144px; } 1219 | .ui-icon-notice { background-position: -32px -144px; } 1220 | .ui-icon-help { background-position: -48px -144px; } 1221 | .ui-icon-check { background-position: -64px -144px; } 1222 | .ui-icon-bullet { background-position: -80px -144px; } 1223 | .ui-icon-radio-on { background-position: -96px -144px; } 1224 | .ui-icon-radio-off { background-position: -112px -144px; } 1225 | .ui-icon-pin-w { background-position: -128px -144px; } 1226 | .ui-icon-pin-s { background-position: -144px -144px; } 1227 | .ui-icon-play { background-position: 0 -160px; } 1228 | .ui-icon-pause { background-position: -16px -160px; } 1229 | .ui-icon-seek-next { background-position: -32px -160px; } 1230 | .ui-icon-seek-prev { background-position: -48px -160px; } 1231 | .ui-icon-seek-end { background-position: -64px -160px; } 1232 | .ui-icon-seek-start { background-position: -80px -160px; } 1233 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 1234 | .ui-icon-seek-first { background-position: -80px -160px; } 1235 | .ui-icon-stop { background-position: -96px -160px; } 1236 | .ui-icon-eject { background-position: -112px -160px; } 1237 | .ui-icon-volume-off { background-position: -128px -160px; } 1238 | .ui-icon-volume-on { background-position: -144px -160px; } 1239 | .ui-icon-power { background-position: 0 -176px; } 1240 | .ui-icon-signal-diag { background-position: -16px -176px; } 1241 | .ui-icon-signal { background-position: -32px -176px; } 1242 | .ui-icon-battery-0 { background-position: -48px -176px; } 1243 | .ui-icon-battery-1 { background-position: -64px -176px; } 1244 | .ui-icon-battery-2 { background-position: -80px -176px; } 1245 | .ui-icon-battery-3 { background-position: -96px -176px; } 1246 | .ui-icon-circle-plus { background-position: 0 -192px; } 1247 | .ui-icon-circle-minus { background-position: -16px -192px; } 1248 | .ui-icon-circle-close { background-position: -32px -192px; } 1249 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 1250 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 1251 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 1252 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 1253 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 1254 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 1255 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 1256 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 1257 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 1258 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 1259 | .ui-icon-circle-check { background-position: -208px -192px; } 1260 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 1261 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 1262 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 1263 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 1264 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 1265 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 1266 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 1267 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 1268 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 1269 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 1270 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 1271 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 1272 | 1273 | 1274 | /* Misc visuals 1275 | ----------------------------------*/ 1276 | 1277 | /* Corner radius */ 1278 | .ui-corner-all, 1279 | .ui-corner-top, 1280 | .ui-corner-left, 1281 | .ui-corner-tl { 1282 | border-top-left-radius: 3px; 1283 | } 1284 | .ui-corner-all, 1285 | .ui-corner-top, 1286 | .ui-corner-right, 1287 | .ui-corner-tr { 1288 | border-top-right-radius: 3px; 1289 | } 1290 | .ui-corner-all, 1291 | .ui-corner-bottom, 1292 | .ui-corner-left, 1293 | .ui-corner-bl { 1294 | border-bottom-left-radius: 3px; 1295 | } 1296 | .ui-corner-all, 1297 | .ui-corner-bottom, 1298 | .ui-corner-right, 1299 | .ui-corner-br { 1300 | border-bottom-right-radius: 3px; 1301 | } 1302 | 1303 | /* Overlays */ 1304 | .ui-widget-overlay { 1305 | background: #aaaaaa; 1306 | opacity: .003; 1307 | filter: Alpha(Opacity=.3); /* support: IE8 */ 1308 | } 1309 | .ui-widget-shadow { 1310 | -webkit-box-shadow: 0px 0px 5px #666666; 1311 | box-shadow: 0px 0px 5px #666666; 1312 | } 1313 | -------------------------------------------------------------------------------- /resource/video-js.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 3 | position: absolute; 4 | top: 0; 5 | left: 0; 6 | width: 100%; 7 | height: 100%; 8 | } 9 | 10 | .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 11 | text-align: center; 12 | } 13 | 14 | @font-face { 15 | font-family: VideoJS; 16 | src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); 17 | font-weight: normal; 18 | font-style: normal; 19 | } 20 | .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 21 | font-family: VideoJS; 22 | font-weight: normal; 23 | font-style: normal; 24 | } 25 | .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { 26 | content: "\f101"; 27 | } 28 | 29 | .vjs-icon-play-circle { 30 | font-family: VideoJS; 31 | font-weight: normal; 32 | font-style: normal; 33 | } 34 | .vjs-icon-play-circle:before { 35 | content: "\f102"; 36 | } 37 | 38 | .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { 39 | font-family: VideoJS; 40 | font-weight: normal; 41 | font-style: normal; 42 | } 43 | .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { 44 | content: "\f103"; 45 | } 46 | 47 | .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { 48 | font-family: VideoJS; 49 | font-weight: normal; 50 | font-style: normal; 51 | } 52 | .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { 53 | content: "\f104"; 54 | } 55 | 56 | .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { 57 | font-family: VideoJS; 58 | font-weight: normal; 59 | font-style: normal; 60 | } 61 | .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { 62 | content: "\f105"; 63 | } 64 | 65 | .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { 66 | font-family: VideoJS; 67 | font-weight: normal; 68 | font-style: normal; 69 | } 70 | .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { 71 | content: "\f106"; 72 | } 73 | 74 | .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { 75 | font-family: VideoJS; 76 | font-weight: normal; 77 | font-style: normal; 78 | } 79 | .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { 80 | content: "\f107"; 81 | } 82 | 83 | .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { 84 | font-family: VideoJS; 85 | font-weight: normal; 86 | font-style: normal; 87 | } 88 | .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { 89 | content: "\f108"; 90 | } 91 | 92 | .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { 93 | font-family: VideoJS; 94 | font-weight: normal; 95 | font-style: normal; 96 | } 97 | .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { 98 | content: "\f109"; 99 | } 100 | 101 | .vjs-icon-square { 102 | font-family: VideoJS; 103 | font-weight: normal; 104 | font-style: normal; 105 | } 106 | .vjs-icon-square:before { 107 | content: "\f10a"; 108 | } 109 | 110 | .vjs-icon-spinner { 111 | font-family: VideoJS; 112 | font-weight: normal; 113 | font-style: normal; 114 | } 115 | .vjs-icon-spinner:before { 116 | content: "\f10b"; 117 | } 118 | 119 | .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, 120 | .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, 121 | .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, 122 | .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, 123 | .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { 124 | font-family: VideoJS; 125 | font-weight: normal; 126 | font-style: normal; 127 | } 128 | .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, 129 | .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, 130 | .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, 131 | .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, 132 | .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { 133 | content: "\f10c"; 134 | } 135 | 136 | .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, 137 | .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { 138 | font-family: VideoJS; 139 | font-weight: normal; 140 | font-style: normal; 141 | } 142 | .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, 143 | .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { 144 | content: "\f10d"; 145 | } 146 | 147 | .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { 148 | font-family: VideoJS; 149 | font-weight: normal; 150 | font-style: normal; 151 | } 152 | .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { 153 | content: "\f10e"; 154 | } 155 | 156 | .vjs-icon-share { 157 | font-family: VideoJS; 158 | font-weight: normal; 159 | font-style: normal; 160 | } 161 | .vjs-icon-share:before { 162 | content: "\f10f"; 163 | } 164 | 165 | .vjs-icon-cog { 166 | font-family: VideoJS; 167 | font-weight: normal; 168 | font-style: normal; 169 | } 170 | .vjs-icon-cog:before { 171 | content: "\f110"; 172 | } 173 | 174 | .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { 175 | font-family: VideoJS; 176 | font-weight: normal; 177 | font-style: normal; 178 | } 179 | .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { 180 | content: "\f111"; 181 | } 182 | 183 | .vjs-icon-circle-outline { 184 | font-family: VideoJS; 185 | font-weight: normal; 186 | font-style: normal; 187 | } 188 | .vjs-icon-circle-outline:before { 189 | content: "\f112"; 190 | } 191 | 192 | .vjs-icon-circle-inner-circle { 193 | font-family: VideoJS; 194 | font-weight: normal; 195 | font-style: normal; 196 | } 197 | .vjs-icon-circle-inner-circle:before { 198 | content: "\f113"; 199 | } 200 | 201 | .vjs-icon-hd { 202 | font-family: VideoJS; 203 | font-weight: normal; 204 | font-style: normal; 205 | } 206 | .vjs-icon-hd:before { 207 | content: "\f114"; 208 | } 209 | 210 | .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { 211 | font-family: VideoJS; 212 | font-weight: normal; 213 | font-style: normal; 214 | } 215 | .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { 216 | content: "\f115"; 217 | } 218 | 219 | .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { 220 | font-family: VideoJS; 221 | font-weight: normal; 222 | font-style: normal; 223 | } 224 | .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { 225 | content: "\f116"; 226 | } 227 | 228 | .vjs-icon-facebook { 229 | font-family: VideoJS; 230 | font-weight: normal; 231 | font-style: normal; 232 | } 233 | .vjs-icon-facebook:before { 234 | content: "\f117"; 235 | } 236 | 237 | .vjs-icon-gplus { 238 | font-family: VideoJS; 239 | font-weight: normal; 240 | font-style: normal; 241 | } 242 | .vjs-icon-gplus:before { 243 | content: "\f118"; 244 | } 245 | 246 | .vjs-icon-linkedin { 247 | font-family: VideoJS; 248 | font-weight: normal; 249 | font-style: normal; 250 | } 251 | .vjs-icon-linkedin:before { 252 | content: "\f119"; 253 | } 254 | 255 | .vjs-icon-twitter { 256 | font-family: VideoJS; 257 | font-weight: normal; 258 | font-style: normal; 259 | } 260 | .vjs-icon-twitter:before { 261 | content: "\f11a"; 262 | } 263 | 264 | .vjs-icon-tumblr { 265 | font-family: VideoJS; 266 | font-weight: normal; 267 | font-style: normal; 268 | } 269 | .vjs-icon-tumblr:before { 270 | content: "\f11b"; 271 | } 272 | 273 | .vjs-icon-pinterest { 274 | font-family: VideoJS; 275 | font-weight: normal; 276 | font-style: normal; 277 | } 278 | .vjs-icon-pinterest:before { 279 | content: "\f11c"; 280 | } 281 | 282 | .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { 283 | font-family: VideoJS; 284 | font-weight: normal; 285 | font-style: normal; 286 | } 287 | .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { 288 | content: "\f11d"; 289 | } 290 | 291 | .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { 292 | font-family: VideoJS; 293 | font-weight: normal; 294 | font-style: normal; 295 | } 296 | .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { 297 | content: "\f11e"; 298 | } 299 | 300 | .vjs-icon-next-item { 301 | font-family: VideoJS; 302 | font-weight: normal; 303 | font-style: normal; 304 | } 305 | .vjs-icon-next-item:before { 306 | content: "\f11f"; 307 | } 308 | 309 | .vjs-icon-previous-item { 310 | font-family: VideoJS; 311 | font-weight: normal; 312 | font-style: normal; 313 | } 314 | .vjs-icon-previous-item:before { 315 | content: "\f120"; 316 | } 317 | 318 | .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { 319 | font-family: VideoJS; 320 | font-weight: normal; 321 | font-style: normal; 322 | } 323 | .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { 324 | content: "\f121"; 325 | } 326 | 327 | .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { 328 | font-family: VideoJS; 329 | font-weight: normal; 330 | font-style: normal; 331 | } 332 | .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { 333 | content: "\f122"; 334 | } 335 | 336 | .video-js { 337 | display: block; 338 | vertical-align: top; 339 | box-sizing: border-box; 340 | color: #fff; 341 | background-color: #000; 342 | position: relative; 343 | padding: 0; 344 | font-size: 10px; 345 | line-height: 1; 346 | font-weight: normal; 347 | font-style: normal; 348 | font-family: Arial, Helvetica, sans-serif; 349 | word-break: initial; 350 | } 351 | .video-js:-moz-full-screen { 352 | position: absolute; 353 | } 354 | .video-js:-webkit-full-screen { 355 | width: 100% !important; 356 | height: 100% !important; 357 | } 358 | 359 | .video-js[tabindex="-1"] { 360 | outline: none; 361 | } 362 | 363 | .video-js *, 364 | .video-js *:before, 365 | .video-js *:after { 366 | box-sizing: inherit; 367 | } 368 | 369 | .video-js ul { 370 | font-family: inherit; 371 | font-size: inherit; 372 | line-height: inherit; 373 | list-style-position: outside; 374 | margin-left: 0; 375 | margin-right: 0; 376 | margin-top: 0; 377 | margin-bottom: 0; 378 | } 379 | 380 | .video-js.vjs-fluid, 381 | .video-js.vjs-16-9, 382 | .video-js.vjs-4-3 { 383 | width: 100%; 384 | max-width: 100%; 385 | height: 0; 386 | } 387 | 388 | .video-js.vjs-16-9 { 389 | padding-top: 56.25%; 390 | } 391 | 392 | .video-js.vjs-4-3 { 393 | padding-top: 75%; 394 | } 395 | 396 | .video-js.vjs-fill { 397 | width: 100%; 398 | height: 100%; 399 | } 400 | 401 | .video-js .vjs-tech { 402 | position: absolute; 403 | top: 0; 404 | left: 0; 405 | width: 100%; 406 | height: 100%; 407 | } 408 | 409 | body.vjs-full-window { 410 | padding: 0; 411 | margin: 0; 412 | height: 100%; 413 | } 414 | 415 | .vjs-full-window .video-js.vjs-fullscreen { 416 | position: fixed; 417 | overflow: hidden; 418 | z-index: 1000; 419 | left: 0; 420 | top: 0; 421 | bottom: 0; 422 | right: 0; 423 | } 424 | 425 | .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) { 426 | width: 100% !important; 427 | height: 100% !important; 428 | padding-top: 0 !important; 429 | } 430 | 431 | .video-js.vjs-fullscreen.vjs-user-inactive { 432 | cursor: none; 433 | } 434 | 435 | .vjs-hidden { 436 | display: none !important; 437 | } 438 | 439 | .vjs-disabled { 440 | opacity: 0.5; 441 | cursor: default; 442 | } 443 | 444 | .video-js .vjs-offscreen { 445 | height: 1px; 446 | left: -9999px; 447 | position: absolute; 448 | top: 0; 449 | width: 1px; 450 | } 451 | 452 | .vjs-lock-showing { 453 | display: block !important; 454 | opacity: 1; 455 | visibility: visible; 456 | } 457 | 458 | .vjs-no-js { 459 | padding: 20px; 460 | color: #fff; 461 | background-color: #000; 462 | font-size: 18px; 463 | font-family: Arial, Helvetica, sans-serif; 464 | text-align: center; 465 | width: 300px; 466 | height: 150px; 467 | margin: 0px auto; 468 | } 469 | 470 | .vjs-no-js a, 471 | .vjs-no-js a:visited { 472 | color: #66A8CC; 473 | } 474 | 475 | .video-js .vjs-big-play-button { 476 | font-size: 3em; 477 | line-height: 1.5em; 478 | height: 1.63332em; 479 | width: 3em; 480 | display: block; 481 | position: absolute; 482 | top: 10px; 483 | left: 10px; 484 | padding: 0; 485 | cursor: pointer; 486 | opacity: 1; 487 | border: 0.06666em solid #fff; 488 | background-color: #2B333F; 489 | background-color: rgba(43, 51, 63, 0.7); 490 | border-radius: 0.3em; 491 | transition: all 0.4s; 492 | } 493 | .vjs-big-play-centered .vjs-big-play-button { 494 | top: 50%; 495 | left: 50%; 496 | margin-top: -0.81666em; 497 | margin-left: -1.5em; 498 | } 499 | 500 | .video-js:hover .vjs-big-play-button, 501 | .video-js .vjs-big-play-button:focus { 502 | border-color: #fff; 503 | background-color: #73859f; 504 | background-color: rgba(115, 133, 159, 0.5); 505 | transition: all 0s; 506 | } 507 | 508 | .vjs-controls-disabled .vjs-big-play-button, 509 | .vjs-has-started .vjs-big-play-button, 510 | .vjs-using-native-controls .vjs-big-play-button, 511 | .vjs-error .vjs-big-play-button { 512 | display: none; 513 | } 514 | 515 | .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { 516 | display: block; 517 | } 518 | 519 | .video-js button { 520 | background: none; 521 | border: none; 522 | color: inherit; 523 | display: inline-block; 524 | font-size: inherit; 525 | line-height: inherit; 526 | text-transform: none; 527 | text-decoration: none; 528 | transition: none; 529 | -webkit-appearance: none; 530 | -moz-appearance: none; 531 | appearance: none; 532 | } 533 | 534 | .vjs-control .vjs-button { 535 | width: 100%; 536 | height: 100%; 537 | } 538 | 539 | .video-js .vjs-control.vjs-close-button { 540 | cursor: pointer; 541 | height: 3em; 542 | position: absolute; 543 | right: 0; 544 | top: 0.5em; 545 | z-index: 2; 546 | } 547 | .video-js .vjs-modal-dialog { 548 | background: rgba(0, 0, 0, 0.8); 549 | background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); 550 | overflow: auto; 551 | } 552 | 553 | .video-js .vjs-modal-dialog > * { 554 | box-sizing: border-box; 555 | } 556 | 557 | .vjs-modal-dialog .vjs-modal-dialog-content { 558 | font-size: 1.2em; 559 | line-height: 1.5; 560 | padding: 20px 24px; 561 | z-index: 1; 562 | } 563 | 564 | .vjs-menu-button { 565 | cursor: pointer; 566 | } 567 | 568 | .vjs-menu-button.vjs-disabled { 569 | cursor: default; 570 | } 571 | 572 | .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { 573 | display: none; 574 | } 575 | 576 | .vjs-menu .vjs-menu-content { 577 | display: block; 578 | padding: 0; 579 | margin: 0; 580 | font-family: Arial, Helvetica, sans-serif; 581 | overflow: auto; 582 | } 583 | 584 | .vjs-menu .vjs-menu-content > * { 585 | box-sizing: border-box; 586 | } 587 | 588 | .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { 589 | display: none; 590 | } 591 | 592 | .vjs-menu li { 593 | list-style: none; 594 | margin: 0; 595 | padding: 0.2em 0; 596 | line-height: 1.4em; 597 | font-size: 1.2em; 598 | text-align: center; 599 | text-transform: lowercase; 600 | } 601 | 602 | .vjs-menu li.vjs-menu-item:focus, 603 | .vjs-menu li.vjs-menu-item:hover, 604 | .js-focus-visible .vjs-menu li.vjs-menu-item:hover { 605 | background-color: #73859f; 606 | background-color: rgba(115, 133, 159, 0.5); 607 | } 608 | 609 | .vjs-menu li.vjs-selected, 610 | .vjs-menu li.vjs-selected:focus, 611 | .vjs-menu li.vjs-selected:hover, 612 | .js-focus-visible .vjs-menu li.vjs-selected:hover { 613 | background-color: #fff; 614 | color: #2B333F; 615 | } 616 | 617 | .vjs-menu li.vjs-menu-title { 618 | text-align: center; 619 | text-transform: uppercase; 620 | font-size: 1em; 621 | line-height: 2em; 622 | padding: 0; 623 | margin: 0 0 0.3em 0; 624 | font-weight: bold; 625 | cursor: default; 626 | } 627 | 628 | .vjs-menu-button-popup .vjs-menu { 629 | display: none; 630 | position: absolute; 631 | bottom: 0; 632 | width: 10em; 633 | left: -3em; 634 | height: 0em; 635 | margin-bottom: 1.5em; 636 | border-top-color: rgba(43, 51, 63, 0.7); 637 | } 638 | 639 | .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 640 | background-color: #2B333F; 641 | background-color: rgba(43, 51, 63, 0.7); 642 | position: absolute; 643 | width: 100%; 644 | bottom: 1.5em; 645 | max-height: 15em; 646 | } 647 | 648 | .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 649 | .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 650 | max-height: 5em; 651 | } 652 | 653 | .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 654 | max-height: 10em; 655 | } 656 | 657 | .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 658 | max-height: 14em; 659 | } 660 | 661 | .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 662 | .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, 663 | .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { 664 | max-height: 25em; 665 | } 666 | 667 | .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, 668 | .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { 669 | display: block; 670 | } 671 | 672 | .video-js .vjs-menu-button-inline { 673 | transition: all 0.4s; 674 | overflow: hidden; 675 | } 676 | 677 | .video-js .vjs-menu-button-inline:before { 678 | width: 2.222222222em; 679 | } 680 | 681 | .video-js .vjs-menu-button-inline:hover, 682 | .video-js .vjs-menu-button-inline:focus, 683 | .video-js .vjs-menu-button-inline.vjs-slider-active, 684 | .video-js.vjs-no-flex .vjs-menu-button-inline { 685 | width: 12em; 686 | } 687 | 688 | .vjs-menu-button-inline .vjs-menu { 689 | opacity: 0; 690 | height: 100%; 691 | width: auto; 692 | position: absolute; 693 | left: 4em; 694 | top: 0; 695 | padding: 0; 696 | margin: 0; 697 | transition: all 0.4s; 698 | } 699 | 700 | .vjs-menu-button-inline:hover .vjs-menu, 701 | .vjs-menu-button-inline:focus .vjs-menu, 702 | .vjs-menu-button-inline.vjs-slider-active .vjs-menu { 703 | display: block; 704 | opacity: 1; 705 | } 706 | 707 | .vjs-no-flex .vjs-menu-button-inline .vjs-menu { 708 | display: block; 709 | opacity: 1; 710 | position: relative; 711 | width: auto; 712 | } 713 | 714 | .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, 715 | .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, 716 | .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { 717 | width: auto; 718 | } 719 | 720 | .vjs-menu-button-inline .vjs-menu-content { 721 | width: auto; 722 | height: 100%; 723 | margin: 0; 724 | overflow: hidden; 725 | } 726 | 727 | .video-js .vjs-control-bar { 728 | display: none; 729 | width: 100%; 730 | position: absolute; 731 | bottom: 0; 732 | left: 0; 733 | right: 0; 734 | height: 3em; 735 | background-color: #2B333F; 736 | background-color: rgba(43, 51, 63, 0.7); 737 | } 738 | 739 | .vjs-has-started .vjs-control-bar { 740 | display: flex; 741 | visibility: visible; 742 | opacity: 1; 743 | transition: visibility 0.1s, opacity 0.1s; 744 | } 745 | 746 | .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 747 | visibility: visible; 748 | opacity: 0; 749 | transition: visibility 1s, opacity 1s; 750 | } 751 | 752 | .vjs-controls-disabled .vjs-control-bar, 753 | .vjs-using-native-controls .vjs-control-bar, 754 | .vjs-error .vjs-control-bar { 755 | display: none !important; 756 | } 757 | 758 | .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { 759 | opacity: 1; 760 | visibility: visible; 761 | } 762 | 763 | .vjs-has-started.vjs-no-flex .vjs-control-bar { 764 | display: table; 765 | } 766 | 767 | .video-js .vjs-control { 768 | position: relative; 769 | text-align: center; 770 | margin: 0; 771 | padding: 0; 772 | height: 100%; 773 | width: 4em; 774 | flex: none; 775 | } 776 | 777 | .vjs-button > .vjs-icon-placeholder:before { 778 | font-size: 1.8em; 779 | line-height: 1.67; 780 | } 781 | 782 | .video-js .vjs-control:focus:before, 783 | .video-js .vjs-control:hover:before, 784 | .video-js .vjs-control:focus { 785 | text-shadow: 0em 0em 1em white; 786 | } 787 | 788 | .video-js .vjs-control-text { 789 | border: 0; 790 | clip: rect(0 0 0 0); 791 | height: 1px; 792 | overflow: hidden; 793 | padding: 0; 794 | position: absolute; 795 | width: 1px; 796 | } 797 | 798 | .vjs-no-flex .vjs-control { 799 | display: table-cell; 800 | vertical-align: middle; 801 | } 802 | 803 | .video-js .vjs-custom-control-spacer { 804 | display: none; 805 | } 806 | 807 | .video-js .vjs-progress-control { 808 | cursor: pointer; 809 | flex: auto; 810 | display: flex; 811 | align-items: center; 812 | min-width: 4em; 813 | touch-action: none; 814 | } 815 | 816 | .video-js .vjs-progress-control.disabled { 817 | cursor: default; 818 | } 819 | 820 | .vjs-live .vjs-progress-control { 821 | display: none; 822 | } 823 | 824 | .vjs-liveui .vjs-progress-control { 825 | display: flex; 826 | align-items: center; 827 | } 828 | 829 | .vjs-no-flex .vjs-progress-control { 830 | width: auto; 831 | } 832 | 833 | .video-js .vjs-progress-holder { 834 | flex: auto; 835 | transition: all 0.2s; 836 | height: 0.3em; 837 | } 838 | 839 | .video-js .vjs-progress-control .vjs-progress-holder { 840 | margin: 0 10px; 841 | } 842 | 843 | .video-js .vjs-progress-control:hover .vjs-progress-holder { 844 | font-size: 1.6666666667em; 845 | } 846 | 847 | .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { 848 | font-size: 1em; 849 | } 850 | 851 | .video-js .vjs-progress-holder .vjs-play-progress, 852 | .video-js .vjs-progress-holder .vjs-load-progress, 853 | .video-js .vjs-progress-holder .vjs-load-progress div { 854 | position: absolute; 855 | display: block; 856 | height: 100%; 857 | margin: 0; 858 | padding: 0; 859 | width: 0; 860 | } 861 | 862 | .video-js .vjs-play-progress { 863 | background-color: #fff; 864 | } 865 | .video-js .vjs-play-progress:before { 866 | font-size: 0.9em; 867 | position: absolute; 868 | right: -0.5em; 869 | top: -0.3333333333em; 870 | z-index: 1; 871 | } 872 | 873 | .video-js .vjs-load-progress { 874 | background: rgba(115, 133, 159, 0.5); 875 | } 876 | 877 | .video-js .vjs-load-progress div { 878 | background: rgba(115, 133, 159, 0.75); 879 | } 880 | 881 | .video-js .vjs-time-tooltip { 882 | background-color: #fff; 883 | background-color: rgba(255, 255, 255, 0.8); 884 | border-radius: 0.3em; 885 | color: #000; 886 | float: right; 887 | font-family: Arial, Helvetica, sans-serif; 888 | font-size: 1em; 889 | padding: 6px 8px 8px 8px; 890 | pointer-events: none; 891 | position: absolute; 892 | top: -3.4em; 893 | visibility: hidden; 894 | z-index: 1; 895 | } 896 | 897 | .video-js .vjs-progress-holder:focus .vjs-time-tooltip { 898 | display: none; 899 | } 900 | 901 | .video-js .vjs-progress-control:hover .vjs-time-tooltip, 902 | .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { 903 | display: block; 904 | font-size: 0.6em; 905 | visibility: visible; 906 | } 907 | 908 | .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { 909 | font-size: 1em; 910 | } 911 | 912 | .video-js .vjs-progress-control .vjs-mouse-display { 913 | display: none; 914 | position: absolute; 915 | width: 1px; 916 | height: 100%; 917 | background-color: #000; 918 | z-index: 1; 919 | } 920 | 921 | .vjs-no-flex .vjs-progress-control .vjs-mouse-display { 922 | z-index: 0; 923 | } 924 | 925 | .video-js .vjs-progress-control:hover .vjs-mouse-display { 926 | display: block; 927 | } 928 | 929 | .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { 930 | visibility: hidden; 931 | opacity: 0; 932 | transition: visibility 1s, opacity 1s; 933 | } 934 | 935 | .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { 936 | display: none; 937 | } 938 | 939 | .vjs-mouse-display .vjs-time-tooltip { 940 | color: #fff; 941 | background-color: #000; 942 | background-color: rgba(0, 0, 0, 0.8); 943 | } 944 | 945 | .video-js .vjs-slider { 946 | position: relative; 947 | cursor: pointer; 948 | padding: 0; 949 | margin: 0 0.45em 0 0.45em; 950 | /* iOS Safari */ 951 | -webkit-touch-callout: none; 952 | /* Safari */ 953 | -webkit-user-select: none; 954 | /* Konqueror HTML */ 955 | /* Firefox */ 956 | -moz-user-select: none; 957 | /* Internet Explorer/Edge */ 958 | -ms-user-select: none; 959 | /* Non-prefixed version, currently supported by Chrome and Opera */ 960 | user-select: none; 961 | background-color: #73859f; 962 | background-color: rgba(115, 133, 159, 0.5); 963 | } 964 | 965 | .video-js .vjs-slider.disabled { 966 | cursor: default; 967 | } 968 | 969 | .video-js .vjs-slider:focus { 970 | text-shadow: 0em 0em 1em white; 971 | box-shadow: 0 0 1em #fff; 972 | } 973 | 974 | .video-js .vjs-mute-control { 975 | cursor: pointer; 976 | flex: none; 977 | } 978 | .video-js .vjs-volume-control { 979 | cursor: pointer; 980 | margin-right: 1em; 981 | display: flex; 982 | } 983 | 984 | .video-js .vjs-volume-control.vjs-volume-horizontal { 985 | width: 5em; 986 | } 987 | 988 | .video-js .vjs-volume-panel .vjs-volume-control { 989 | visibility: visible; 990 | opacity: 0; 991 | width: 1px; 992 | height: 1px; 993 | margin-left: -1px; 994 | } 995 | 996 | .video-js .vjs-volume-panel { 997 | transition: width 1s; 998 | } 999 | .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { 1000 | visibility: visible; 1001 | opacity: 1; 1002 | position: relative; 1003 | transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; 1004 | } 1005 | .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { 1006 | width: 5em; 1007 | height: 3em; 1008 | margin-right: 0; 1009 | } 1010 | .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { 1011 | left: -3.5em; 1012 | transition: left 0s; 1013 | } 1014 | .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { 1015 | width: 10em; 1016 | transition: width 0.1s; 1017 | } 1018 | .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { 1019 | width: 4em; 1020 | } 1021 | 1022 | .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { 1023 | height: 8em; 1024 | width: 3em; 1025 | left: -3000em; 1026 | transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; 1027 | } 1028 | 1029 | .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { 1030 | transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; 1031 | } 1032 | 1033 | .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { 1034 | width: 5em; 1035 | height: 3em; 1036 | visibility: visible; 1037 | opacity: 1; 1038 | position: relative; 1039 | transition: none; 1040 | } 1041 | 1042 | .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, 1043 | .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { 1044 | position: absolute; 1045 | bottom: 3em; 1046 | left: 0.5em; 1047 | } 1048 | 1049 | .video-js .vjs-volume-panel { 1050 | display: flex; 1051 | } 1052 | 1053 | .video-js .vjs-volume-bar { 1054 | margin: 1.35em 0.45em; 1055 | } 1056 | 1057 | .vjs-volume-bar.vjs-slider-horizontal { 1058 | width: 5em; 1059 | height: 0.3em; 1060 | } 1061 | 1062 | .vjs-volume-bar.vjs-slider-vertical { 1063 | width: 0.3em; 1064 | height: 5em; 1065 | margin: 1.35em auto; 1066 | } 1067 | 1068 | .video-js .vjs-volume-level { 1069 | position: absolute; 1070 | bottom: 0; 1071 | left: 0; 1072 | background-color: #fff; 1073 | } 1074 | .video-js .vjs-volume-level:before { 1075 | position: absolute; 1076 | font-size: 0.9em; 1077 | } 1078 | 1079 | .vjs-slider-vertical .vjs-volume-level { 1080 | width: 0.3em; 1081 | } 1082 | .vjs-slider-vertical .vjs-volume-level:before { 1083 | top: -0.5em; 1084 | left: -0.3em; 1085 | } 1086 | 1087 | .vjs-slider-horizontal .vjs-volume-level { 1088 | height: 0.3em; 1089 | } 1090 | .vjs-slider-horizontal .vjs-volume-level:before { 1091 | top: -0.3em; 1092 | right: -0.5em; 1093 | } 1094 | 1095 | .video-js .vjs-volume-panel.vjs-volume-panel-vertical { 1096 | width: 4em; 1097 | } 1098 | 1099 | .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { 1100 | height: 100%; 1101 | } 1102 | 1103 | .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { 1104 | width: 100%; 1105 | } 1106 | 1107 | .video-js .vjs-volume-vertical { 1108 | width: 3em; 1109 | height: 8em; 1110 | bottom: 8em; 1111 | background-color: #2B333F; 1112 | background-color: rgba(43, 51, 63, 0.7); 1113 | } 1114 | 1115 | .video-js .vjs-volume-horizontal .vjs-menu { 1116 | left: -2em; 1117 | } 1118 | 1119 | .vjs-poster { 1120 | display: inline-block; 1121 | vertical-align: middle; 1122 | background-repeat: no-repeat; 1123 | background-position: 50% 50%; 1124 | background-size: contain; 1125 | background-color: #000000; 1126 | cursor: pointer; 1127 | margin: 0; 1128 | padding: 0; 1129 | position: absolute; 1130 | top: 0; 1131 | right: 0; 1132 | bottom: 0; 1133 | left: 0; 1134 | height: 100%; 1135 | } 1136 | 1137 | .vjs-has-started .vjs-poster { 1138 | display: none; 1139 | } 1140 | 1141 | .vjs-audio.vjs-has-started .vjs-poster { 1142 | display: block; 1143 | } 1144 | 1145 | .vjs-using-native-controls .vjs-poster { 1146 | display: none; 1147 | } 1148 | 1149 | .video-js .vjs-live-control { 1150 | display: flex; 1151 | align-items: flex-start; 1152 | flex: auto; 1153 | font-size: 1em; 1154 | line-height: 3em; 1155 | } 1156 | 1157 | .vjs-no-flex .vjs-live-control { 1158 | display: table-cell; 1159 | width: auto; 1160 | text-align: left; 1161 | } 1162 | 1163 | .video-js:not(.vjs-live) .vjs-live-control, 1164 | .video-js.vjs-liveui .vjs-live-control { 1165 | display: none; 1166 | } 1167 | 1168 | .video-js .vjs-seek-to-live-control { 1169 | cursor: pointer; 1170 | flex: none; 1171 | display: inline-flex; 1172 | height: 100%; 1173 | padding-left: 0.5em; 1174 | padding-right: 0.5em; 1175 | font-size: 1em; 1176 | line-height: 3em; 1177 | width: auto; 1178 | min-width: 4em; 1179 | } 1180 | 1181 | .vjs-no-flex .vjs-seek-to-live-control { 1182 | display: table-cell; 1183 | width: auto; 1184 | text-align: left; 1185 | } 1186 | 1187 | .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, 1188 | .video-js:not(.vjs-live) .vjs-seek-to-live-control { 1189 | display: none; 1190 | } 1191 | 1192 | .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { 1193 | cursor: auto; 1194 | } 1195 | 1196 | .vjs-seek-to-live-control .vjs-icon-placeholder { 1197 | margin-right: 0.5em; 1198 | color: #888; 1199 | } 1200 | 1201 | .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { 1202 | color: red; 1203 | } 1204 | 1205 | .video-js .vjs-time-control { 1206 | flex: none; 1207 | font-size: 1em; 1208 | line-height: 3em; 1209 | min-width: 2em; 1210 | width: auto; 1211 | padding-left: 1em; 1212 | padding-right: 1em; 1213 | } 1214 | 1215 | .vjs-live .vjs-time-control { 1216 | display: none; 1217 | } 1218 | 1219 | .video-js .vjs-current-time, 1220 | .vjs-no-flex .vjs-current-time { 1221 | display: none; 1222 | } 1223 | 1224 | .video-js .vjs-duration, 1225 | .vjs-no-flex .vjs-duration { 1226 | display: none; 1227 | } 1228 | 1229 | .vjs-time-divider { 1230 | display: none; 1231 | line-height: 3em; 1232 | } 1233 | 1234 | .vjs-live .vjs-time-divider { 1235 | display: none; 1236 | } 1237 | 1238 | .video-js .vjs-play-control { 1239 | cursor: pointer; 1240 | } 1241 | 1242 | .video-js .vjs-play-control .vjs-icon-placeholder { 1243 | flex: none; 1244 | } 1245 | 1246 | .vjs-text-track-display { 1247 | position: absolute; 1248 | bottom: 3em; 1249 | left: 0; 1250 | right: 0; 1251 | top: 0; 1252 | pointer-events: none; 1253 | } 1254 | 1255 | .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { 1256 | bottom: 1em; 1257 | } 1258 | 1259 | .video-js .vjs-text-track { 1260 | font-size: 1.4em; 1261 | text-align: center; 1262 | margin-bottom: 0.1em; 1263 | } 1264 | 1265 | .vjs-subtitles { 1266 | color: #fff; 1267 | } 1268 | 1269 | .vjs-captions { 1270 | color: #fc6; 1271 | } 1272 | 1273 | .vjs-tt-cue { 1274 | display: block; 1275 | } 1276 | 1277 | video::-webkit-media-text-track-display { 1278 | transform: translateY(-3em); 1279 | } 1280 | 1281 | .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { 1282 | transform: translateY(-1.5em); 1283 | } 1284 | 1285 | .video-js .vjs-picture-in-picture-control { 1286 | cursor: pointer; 1287 | flex: none; 1288 | } 1289 | .video-js .vjs-fullscreen-control { 1290 | cursor: pointer; 1291 | flex: none; 1292 | } 1293 | .vjs-playback-rate > .vjs-menu-button, 1294 | .vjs-playback-rate .vjs-playback-rate-value { 1295 | position: absolute; 1296 | top: 0; 1297 | left: 0; 1298 | width: 100%; 1299 | height: 100%; 1300 | } 1301 | 1302 | .vjs-playback-rate .vjs-playback-rate-value { 1303 | pointer-events: none; 1304 | font-size: 1.5em; 1305 | line-height: 2; 1306 | text-align: center; 1307 | } 1308 | 1309 | .vjs-playback-rate .vjs-menu { 1310 | width: 4em; 1311 | left: 0em; 1312 | } 1313 | 1314 | .vjs-error .vjs-error-display .vjs-modal-dialog-content { 1315 | font-size: 1.4em; 1316 | text-align: center; 1317 | } 1318 | 1319 | .vjs-error .vjs-error-display:before { 1320 | color: #fff; 1321 | content: "X"; 1322 | font-family: Arial, Helvetica, sans-serif; 1323 | font-size: 4em; 1324 | left: 0; 1325 | line-height: 1; 1326 | margin-top: -0.5em; 1327 | position: absolute; 1328 | text-shadow: 0.05em 0.05em 0.1em #000; 1329 | text-align: center; 1330 | top: 50%; 1331 | vertical-align: middle; 1332 | width: 100%; 1333 | } 1334 | 1335 | .vjs-loading-spinner { 1336 | display: none; 1337 | position: absolute; 1338 | top: 50%; 1339 | left: 50%; 1340 | margin: -25px 0 0 -25px; 1341 | opacity: 0.85; 1342 | text-align: left; 1343 | border: 6px solid rgba(43, 51, 63, 0.7); 1344 | box-sizing: border-box; 1345 | background-clip: padding-box; 1346 | width: 50px; 1347 | height: 50px; 1348 | border-radius: 25px; 1349 | visibility: hidden; 1350 | } 1351 | 1352 | .vjs-seeking .vjs-loading-spinner, 1353 | .vjs-waiting .vjs-loading-spinner { 1354 | display: block; 1355 | -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; 1356 | animation: vjs-spinner-show 0s linear 0.3s forwards; 1357 | } 1358 | 1359 | .vjs-loading-spinner:before, 1360 | .vjs-loading-spinner:after { 1361 | content: ""; 1362 | position: absolute; 1363 | margin: -6px; 1364 | box-sizing: inherit; 1365 | width: inherit; 1366 | height: inherit; 1367 | border-radius: inherit; 1368 | opacity: 1; 1369 | border: inherit; 1370 | border-color: transparent; 1371 | border-top-color: white; 1372 | } 1373 | 1374 | .vjs-seeking .vjs-loading-spinner:before, 1375 | .vjs-seeking .vjs-loading-spinner:after, 1376 | .vjs-waiting .vjs-loading-spinner:before, 1377 | .vjs-waiting .vjs-loading-spinner:after { 1378 | -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; 1379 | animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; 1380 | } 1381 | 1382 | .vjs-seeking .vjs-loading-spinner:before, 1383 | .vjs-waiting .vjs-loading-spinner:before { 1384 | border-top-color: white; 1385 | } 1386 | 1387 | .vjs-seeking .vjs-loading-spinner:after, 1388 | .vjs-waiting .vjs-loading-spinner:after { 1389 | border-top-color: white; 1390 | -webkit-animation-delay: 0.44s; 1391 | animation-delay: 0.44s; 1392 | } 1393 | 1394 | @keyframes vjs-spinner-show { 1395 | to { 1396 | visibility: visible; 1397 | } 1398 | } 1399 | @-webkit-keyframes vjs-spinner-show { 1400 | to { 1401 | visibility: visible; 1402 | } 1403 | } 1404 | @keyframes vjs-spinner-spin { 1405 | 100% { 1406 | transform: rotate(360deg); 1407 | } 1408 | } 1409 | @-webkit-keyframes vjs-spinner-spin { 1410 | 100% { 1411 | -webkit-transform: rotate(360deg); 1412 | } 1413 | } 1414 | @keyframes vjs-spinner-fade { 1415 | 0% { 1416 | border-top-color: #73859f; 1417 | } 1418 | 20% { 1419 | border-top-color: #73859f; 1420 | } 1421 | 35% { 1422 | border-top-color: white; 1423 | } 1424 | 60% { 1425 | border-top-color: #73859f; 1426 | } 1427 | 100% { 1428 | border-top-color: #73859f; 1429 | } 1430 | } 1431 | @-webkit-keyframes vjs-spinner-fade { 1432 | 0% { 1433 | border-top-color: #73859f; 1434 | } 1435 | 20% { 1436 | border-top-color: #73859f; 1437 | } 1438 | 35% { 1439 | border-top-color: white; 1440 | } 1441 | 60% { 1442 | border-top-color: #73859f; 1443 | } 1444 | 100% { 1445 | border-top-color: #73859f; 1446 | } 1447 | } 1448 | .vjs-chapters-button .vjs-menu ul { 1449 | width: 24em; 1450 | } 1451 | 1452 | .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { 1453 | vertical-align: middle; 1454 | display: inline-block; 1455 | margin-bottom: -0.1em; 1456 | } 1457 | 1458 | .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { 1459 | font-family: VideoJS; 1460 | content: ""; 1461 | font-size: 1.5em; 1462 | line-height: inherit; 1463 | } 1464 | 1465 | .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { 1466 | vertical-align: middle; 1467 | display: inline-block; 1468 | margin-bottom: -0.1em; 1469 | } 1470 | 1471 | .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { 1472 | font-family: VideoJS; 1473 | content: " "; 1474 | font-size: 1.5em; 1475 | line-height: inherit; 1476 | } 1477 | 1478 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, 1479 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, 1480 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, 1481 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, 1482 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, 1483 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, 1484 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, 1485 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, 1486 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, 1487 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, 1488 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, 1489 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, 1490 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, 1491 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, 1492 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, 1493 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, 1494 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, 1495 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, 1496 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, 1497 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, 1498 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, 1499 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, 1500 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, 1501 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, 1502 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, 1503 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, 1504 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, 1505 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, 1506 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, 1507 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, 1508 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { 1509 | display: none; 1510 | } 1511 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1512 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1513 | .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1514 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1515 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, 1516 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, 1517 | .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { 1518 | width: auto; 1519 | width: initial; 1520 | } 1521 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { 1522 | display: none; 1523 | } 1524 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { 1525 | flex: auto; 1526 | display: block; 1527 | } 1528 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { 1529 | width: auto; 1530 | } 1531 | .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { 1532 | display: none; 1533 | } 1534 | 1535 | .vjs-modal-dialog.vjs-text-track-settings { 1536 | background-color: #2B333F; 1537 | background-color: rgba(43, 51, 63, 0.75); 1538 | color: #fff; 1539 | height: 70%; 1540 | } 1541 | 1542 | .vjs-text-track-settings .vjs-modal-dialog-content { 1543 | display: table; 1544 | } 1545 | 1546 | .vjs-text-track-settings .vjs-track-settings-colors, 1547 | .vjs-text-track-settings .vjs-track-settings-font, 1548 | .vjs-text-track-settings .vjs-track-settings-controls { 1549 | display: table-cell; 1550 | } 1551 | 1552 | .vjs-text-track-settings .vjs-track-settings-controls { 1553 | text-align: right; 1554 | vertical-align: bottom; 1555 | } 1556 | 1557 | @supports (display: grid) { 1558 | .vjs-text-track-settings .vjs-modal-dialog-content { 1559 | display: grid; 1560 | grid-template-columns: 1fr 1fr; 1561 | grid-template-rows: 1fr; 1562 | padding: 20px 24px 0px 24px; 1563 | } 1564 | 1565 | .vjs-track-settings-controls .vjs-default-button { 1566 | margin-bottom: 20px; 1567 | } 1568 | 1569 | .vjs-text-track-settings .vjs-track-settings-controls { 1570 | grid-column: 1/-1; 1571 | } 1572 | 1573 | .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, 1574 | .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, 1575 | .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { 1576 | grid-template-columns: 1fr; 1577 | } 1578 | } 1579 | .vjs-track-setting > select { 1580 | margin-right: 1em; 1581 | margin-bottom: 0.5em; 1582 | } 1583 | 1584 | .vjs-text-track-settings fieldset { 1585 | margin: 5px; 1586 | padding: 3px; 1587 | border: none; 1588 | } 1589 | 1590 | .vjs-text-track-settings fieldset span { 1591 | display: inline-block; 1592 | } 1593 | 1594 | .vjs-text-track-settings fieldset span > select { 1595 | max-width: 7.3em; 1596 | } 1597 | 1598 | .vjs-text-track-settings legend { 1599 | color: #fff; 1600 | margin: 0 0 5px 0; 1601 | } 1602 | 1603 | .vjs-text-track-settings .vjs-label { 1604 | position: absolute; 1605 | clip: rect(1px 1px 1px 1px); 1606 | clip: rect(1px, 1px, 1px, 1px); 1607 | display: block; 1608 | margin: 0 0 5px 0; 1609 | padding: 0; 1610 | border: 0; 1611 | height: 1px; 1612 | width: 1px; 1613 | overflow: hidden; 1614 | } 1615 | 1616 | .vjs-track-settings-controls button:focus, 1617 | .vjs-track-settings-controls button:active { 1618 | outline-style: solid; 1619 | outline-width: medium; 1620 | background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); 1621 | } 1622 | 1623 | .vjs-track-settings-controls button:hover { 1624 | color: rgba(43, 51, 63, 0.75); 1625 | } 1626 | 1627 | .vjs-track-settings-controls button { 1628 | background-color: #fff; 1629 | background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); 1630 | color: #2B333F; 1631 | cursor: pointer; 1632 | border-radius: 2px; 1633 | } 1634 | 1635 | .vjs-track-settings-controls .vjs-default-button { 1636 | margin-right: 1em; 1637 | } 1638 | 1639 | @media print { 1640 | .video-js > *:not(.vjs-tech):not(.vjs-poster) { 1641 | visibility: hidden; 1642 | } 1643 | } 1644 | .vjs-resize-manager { 1645 | position: absolute; 1646 | top: 0; 1647 | left: 0; 1648 | width: 100%; 1649 | height: 100%; 1650 | border: none; 1651 | z-index: -1000; 1652 | } 1653 | 1654 | .js-focus-visible .video-js *:focus:not(.focus-visible) { 1655 | outline: none; 1656 | background: none; 1657 | } 1658 | 1659 | .video-js *:focus:not(:focus-visible), 1660 | .video-js .vjs-menu *:focus:not(:focus-visible) { 1661 | outline: none; 1662 | background: none; 1663 | } 1664 | --------------------------------------------------------------------------------