1586 lines
71 KiB
CSS
1586 lines
71 KiB
CSS
|
|
.mistvideo {
|
|
background: black center none no-repeat;
|
|
/*LTS
|
|
background-size: auto 30%;
|
|
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0ic3ZnNTI4MCIgaGVpZ2h0PSIxNTAiIHdpZHRoPSIyMDIuNTIwMTciIHZlcnNpb249IjEuMSI+PGRlZnMgaWQ9ImRlZnM1MjgyIiAvPjxtZXRhZGF0YSBpZD0ibWV0YWRhdGE1Mjg1Ij48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4LjcyNjIzNCwtNDQ5Ljc1MjA0KSI+PHBhdGggc3R5bGU9ImZpbGw6IzhjYjNjZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgaWQ9InBhdGg0NiIgZD0ibSA2OS4wODIxNTMsNTM0LjI1MzE0IDgxLjAyODYzNyw0My4yNjQ4OCA4MS4wMjYwNSwtNDMuMjY0ODggLTMwLjUwNzA3LC02OS4wMDg5NCAtMTAxLjAzOTA2OCwwIC0zMC41MDg1NDksNjkuMDA4OTQgMCwwIHogbSA4MS4wMjg2MzcsNTAuMTE3MzIgLTg4LjgyNjQ4NiwtNDcuNDMwODggMzQuMzY5NDE4LC03Ny43NDA3OSAxMDguOTEzNTY4LDAgMzQuMzY5MDUsNzcuNzQwNzkgLTg4LjgyNTU1LDQ3LjQzMDg4IDAsMCIgLz48cGF0aCBzdHlsZT0iZmlsbDojYjVkM2UyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDQ4IiBkPSJtIDIzNC44NzM1Miw1MzguMDM5NTkgLTE2Ni43NTE1MTksMCAwLC02LjA0NTQxIDE2Ni43NTE1MTksMCAwLDYuMDQ1NDEiIC8+PHBhdGggc3R5bGU9ImZpbGw6IzhjYjNjZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgaWQ9InBhdGg1MCIgZD0ibSA4My40ODcwMDksNTM1LjUyMDgyIGMgMCw5LjU5OTY4IC03Ljc4MTA4LDE3LjM4MDc1IC0xNy4zNzk2NTEsMTcuMzgwNzUgLTkuNTk5MTIyLDAgLTE3LjM4MTEyNCwtNy43ODEwNiAtMTcuMzgxMTI0LC0xNy4zODA3NSAwLC05LjU5Nzg0IDcuNzgyMDAyLC0xNy4zODA3NiAxNy4zODExMjQsLTE3LjM4MDc2IDkuNTk4NTcxLDAgMTcuMzc5NjUxLDcuNzgyOTIgMTcuMzc5NjUxLDE3LjM4MDc2IiAvPjxwYXRoIHN0eWxlPSJmaWxsOiM4Y2IzY2Y7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGlkPSJwYXRoNTIiIGQ9Im0gMjUxLjI0NjQsNTM1LjUyMDgyIGMgMCw5LjU5OTY4IC03Ljc4MTA3LDE3LjM4MDc1IC0xNy4zODA3NCwxNy4zODA3NSAtOS41OTk2OCwwIC0xNy4zNzg5MiwtNy43ODEwNiAtMTcuMzc4OTIsLTE3LjM4MDc1IDAsLTkuNTk3ODQgNy43NzkyNCwtMTcuMzgwNzYgMTcuMzc4OTIsLTE3LjM4MDc2IDkuNTk5NjcsMCAxNy4zODA3NCw3Ljc4MjkyIDE3LjM4MDc0LDE3LjM4MDc2IiAvPjxwYXRoIHN0eWxlPSJmaWxsOiNiNWQzZTI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGlkPSJwYXRoNTQiIGQ9Im0gMTU1Ljc4NzY4LDUzNy4xODI4IC01LjA1MjI4LC0zLjMyMjEyIDQ5LjM3MTA4LC03NS4wNjM1NiA1LjA1MDQzLDMuMzIyMTEgLTQ5LjM2OTIzLDc1LjA2MzU3IDAsMCIgLz48cGF0aCBzdHlsZT0iZmlsbDojYjVkM2UyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDU2IiBkPSJtIDE0OC43ODYsNTM3Ljc4MTYyIC01Mi44OTY5NzcsLTc0LjA1NTY5IDQuOTE5NDE3LC0zLjUxNTU4IDUyLjg5NTMzLDc0LjA1NzU0IC00LjkxNzc3LDMuNTEzNzMgMCwwIiAvPjxwYXRoIHN0eWxlPSJmaWxsOiM4Y2IzY2Y7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGlkPSJwYXRoNTgiIGQ9Im0gMjE0LjU5NjI4LDQ2Mi41OTgyOSBjIDAsNy4wOTc1IC01Ljc1MjQyLDEyLjg0ODEgLTEyLjg0NjI0LDEyLjg0ODEgLTcuMDk1NjUsMCAtMTIuODQ2MjUsLTUuNzUwNiAtMTIuODQ2MjUsLTEyLjg0ODEgMCwtNy4wOTM4MSA1Ljc1MDYsLTEyLjg0NjI1IDEyLjg0NjI1LC0xMi44NDYyNSA3LjA5MzgyLDAgMTIuODQ2MjQsNS43NTI0NCAxMi44NDYyNCwxMi44NDYyNSIgLz48cGF0aCBzdHlsZT0iZmlsbDojOGNiM2NmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDYwIiBkPSJtIDExMS44MjQ4NCw0NjIuNTk4MjkgYyAwLDcuMDk3NSAtNS43NTEzMywxMi44NDgxIC0xMi44NDU4NzMsMTIuODQ4MSAtNy4wOTUyODUsMCAtMTIuODQ3NTMyLC01Ljc1MDYgLTEyLjg0NzUzMiwtMTIuODQ4MSAwLC03LjA5MzgxIDUuNzUyMjQ3LC0xMi44NDYyNSAxMi44NDc1MzIsLTEyLjg0NjI1IDcuMDk0NTQzLDAgMTIuODQ1ODczLDUuNzUyNDQgMTIuODQ1ODczLDEyLjg0NjI1IiAvPjxwYXRoIHN0eWxlPSJmaWxsOiM4Y2IzY2Y7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGlkPSJwYXRoNjIiIGQ9Im0gMTY4Ljg3NzE0LDQ4Ny41MzUzNSBjIDAsOS4zOTE0NSAtNy42MTE1NywxNy4wMDQ4NyAtMTcuMDAxMTksMTcuMDA0ODcgLTkuMzg5NjMsMCAtMTcuMDAzMDQsLTcuNjEzNDIgLTE3LjAwMzA0LC0xNy4wMDQ4NyAwLC05LjM4OTYyIDcuNjEzNDEsLTE3LjAwMTIgMTcuMDAzMDQsLTE3LjAwMTIgOS4zODk2MiwwIDE3LjAwMTE5LDcuNjExNTggMTcuMDAxMTksMTcuMDAxMiIgLz48cGF0aCBzdHlsZT0iZmlsbDojYjVkM2UyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDY0IiBkPSJtIDE2NS44NTUzNiw1MzYuNDAxNTYgYyAwLDcuNzIzOTYgLTYuMjU5MTMsMTMuOTgxMjYgLTEzLjk3OTQxLDEzLjk4MTI2IC03LjcyMDI5LDAgLTEzLjk4MTI2LC02LjI1NzMgLTEzLjk4MTI2LC0xMy45ODEyNiAwLC03LjcyMDI5IDYuMjYwOTcsLTEzLjk3OTQxIDEzLjk4MTI2LC0xMy45Nzk0MSA3LjcyMDI4LDAgMTMuOTc5NDEsNi4yNTkxMiAxMy45Nzk0MSwxMy45Nzk0MSIgLz48cGF0aCBzdHlsZT0iZmlsbDojOGNiM2NmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDY2IiBkPSJtIDY4LjMzNTczNiw1MzcuNDA1NzQgLTIuOTQ1ODY2LC01LjI4MDc0IDgzLjg3ODg4LC00Ny45ODU0NyA0LjQ1NzEyLDYuNzkxNjIgLTg1LjM5MDEzNCw0Ni40NzQ1OSAwLDAiIC8+PHBhdGggc3R5bGU9ImZpbGw6IzhjYjNjZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgaWQ9InBhdGg2OCIgZD0ibSAxNDkuNDY5NTgsNDkwLjY1NDc3IC01Mi4xNDE3MjQsLTI1LjMxNDc2IDIuNTQ1NjY5LC01LjQ4MTU5IDUzLjY1MzM1NSwyMy44MDIwNCAtMy4zMDE4NSw2LjIzODg3IC0wLjc1NTQ1LDAuNzU1NDQiIC8+PHBhdGggc3R5bGU9ImZpbGw6IzhjYjNjZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgaWQ9InBhdGg3MCIgZD0ibSAxNDkuNDE0Myw0ODQuMDYzOTcgNTEuMDA3MjYsLTIzLjgwMjAzIDIuNjU1MSw1LjQyOTk5IC00OS40OTYzNSwyNS4zMTQ3NyIgLz48cGF0aCBzdHlsZT0iZmlsbDojOGNiM2NmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDcyIiBkPSJtIDIzMy4wOTM2Miw1MzguNTA3NTggLTgzLjg4MDE2LC00Ny45ODU0NyA0LjU2NzY4LC02LjcyNzE0IDgyLjM2NzQzLDQ5LjQ5NjM3IC0zLjA1NDk1LDUuMjE2MjQgMCwwIiAvPjxwYXRoIHN0eWxlPSJmaWxsOiM4Y2IzY2Y7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGlkPSJwYXRoNzQiIGQ9Im0gMTU0LjUyMDAxLDU4MC40ODQ1MiAtNi44MDA4NCwwIC0yLjI2NjM0LC05My43MDI3OCAxMS4zMzUzNiwwIC0yLjI2ODE4LDkzLjcwMjc4IDAsMCIgLz48cGF0aCBzdHlsZT0iZmlsbDojOGNiM2NmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBpZD0icGF0aDc2IiBkPSJtIDE2OC4xMjE2OSw1ODIuMzczMTMgYyAwLDkuNTk5NjggLTcuNzgxMDcsMTcuMzc4OTEgLTE3LjM4MDc1LDE3LjM3ODkxIC05LjU5Nzg0LDAgLTE3LjM3ODkxLC03Ljc3OTIzIC0xNy4zNzg5MSwtMTcuMzc4OTEgMCwtOS41OTk2OCA3Ljc4MTA3LC0xNy4zODA3NiAxNy4zNzg5MSwtMTcuMzgwNzYgOS41OTk2OCwwIDE3LjM4MDc1LDcuNzgxMDggMTcuMzgwNzUsMTcuMzgwNzYiIC8+PC9nPjwvc3ZnPg==');
|
|
LTS*/
|
|
display: inline-block;
|
|
color: white;
|
|
font-family: sans-serif;
|
|
text-align: center;
|
|
position: relative;
|
|
text-shadow: 0 0 1px black, 0 0 1px black;
|
|
}
|
|
.mistvideo[data-loading] {
|
|
background-image: none;
|
|
position: relative;
|
|
min-width: 70px;
|
|
min-height: 70px;
|
|
}
|
|
.mistvideo[data-loading]:before {
|
|
content: '';
|
|
display: block;
|
|
width: 25px;
|
|
height: 25px;
|
|
border: 5px solid transparent;
|
|
border-radius: 25px;
|
|
border-top-color: white;
|
|
border-left: 0px;
|
|
opacity: 0.8;
|
|
animation: spin 1.5s infinite linear;
|
|
margin: -15px 0 0 -12.5px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: 5;
|
|
}
|
|
.mistvideo .error {
|
|
margin: 225px 20px 20px;
|
|
min-width: 300px;
|
|
z-index: 69;
|
|
}
|
|
.mistvideo .error button {
|
|
margin: 5px auto;
|
|
display: block;
|
|
}
|
|
.mistvideo .vjs-error-display:before {
|
|
content: '' !important;
|
|
}
|
|
.mistplayer {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.mistplayer[data-hide] {
|
|
cursor: none;
|
|
}
|
|
.mistplayer .html5_player {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.mistplayer .controls {
|
|
height: 75px;
|
|
background-color: black;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: -75px;
|
|
display: flex;
|
|
align-items: center;
|
|
text-shadow: none;
|
|
}
|
|
.mistplayer .controls.smaller {
|
|
height: 30px;
|
|
bottom: -30px;
|
|
}
|
|
.mistplayer:hover:not([data-hide]) .controls {
|
|
bottom: 0;
|
|
}
|
|
.mistplayer.audio {
|
|
width: 500px;
|
|
}
|
|
.mistplayer.audio .controls {
|
|
position: static;
|
|
}
|
|
.mistplayer:not(:hover) .controls,
|
|
.mistplayer[data-hide] .controls {
|
|
transition: bottom 0.5s ease-in 1s;
|
|
}
|
|
.mistplayer video {
|
|
display: block;
|
|
}
|
|
.mistplayer .controls .row {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
flex-shrink: 1;
|
|
}
|
|
.mistplayer .controls .column {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
align-items: center;
|
|
flex-shrink: 1;
|
|
}
|
|
.mistplayer .controls .row .button:not(:first-child) {
|
|
margin-left: 0;
|
|
}
|
|
.mistplayer .controls .button {
|
|
cursor: pointer;
|
|
width: 45px;
|
|
margin: 5px;
|
|
line-height: 45px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
background: transparent center none no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.mistplayer .controls.smaller .button {
|
|
width: 15px;
|
|
margin: 0;
|
|
line-height: 15px;
|
|
font-size: 8px;
|
|
}
|
|
.mistplayer .controls .button.play {
|
|
height: 45px;
|
|
margin-left: 15px;
|
|
}
|
|
.mistplayer .controls.minimal .button.play,
|
|
.mistplayer .controls.minimal .button.fullscreen,
|
|
.mistplayer .controls.minimal .button.tracks,
|
|
.mistplayer .controls.minimal .button.loop,
|
|
.mistplayer .controls.minimal .button.timestamp,
|
|
.mistplayer .controls.minimal .button.sound {
|
|
display: none;
|
|
}
|
|
.mistplayer .controls.smaller .button.play {
|
|
height: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
.mistplayer .controls .button.play[data-state=playing] {
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcyIiBoZWlnaHQ9IjQ1IiB3aWR0aD0iNDUiPjxkZWZzIGlkPSJkZWZzNCIgLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNyI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMDcuMzYyMikiIGlkPSJsYXllcjEiPjxnIHN0eWxlPSJmaWxsOiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDMwNDU3NSw0Ny43Mjk3MDUpIiBpZD0iZzM3NzkiPjxwYXRoIGlkPSJwYXRoMzgyMy03IiBkPSJtIDQuNDY5NTQyOSw5OTguMTYzNzcgYSA0LjAwMTE5MTYsNC4wMDExOTE2IDAgMCAwIDMuNzQ5OTk5LDMuOTY4NzMgbCAyLjI4MTI1MDEsMCBhIDQuMDAxMTkxNiw0LjAwMTE5MTYgMCAwIDAgMy45Njg3NSwtMy43NTAwMyBsIDAsLTMyLjI4MTIzIGEgNC4wMDExOTE2LDQuMDAxMTkxNiAwIDAgMCAtMy43NSwtMy45Njg3NSBsIC0yLjI4MTI1MDEsMCBhIDQuMDAxMTkxNiw0LjAwMTE5MTYgMCAwIDAgLTMuOTY4NzQ5LDMuNzUgbCAwLDMyLjI4MTI4IHoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PHBhdGggaWQ9InBhdGgzODIzLTctNCIgZD0ibSAyNC40Njk1NDIsOTk4LjE2MzggYSA0LjAwMTE5MTYsNC4wMDExOTE2IDAgMCAwIDMuNzUsMy45Njg3IGwgMi4yODEyNSwwIGEgNC4wMDExOTE2LDQuMDAxMTkxNiAwIDAgMCAzLjk2ODc1LC0zLjc1IGwgMCwtMzIuMjgxMjYgYSA0LjAwMTE5MTYsNC4wMDExOTE2IDAgMCAwIC0zLjc1LC0zLjk2ODc1IGwgLTIuMjgxMjUsMCBhIDQuMDAxMTkxNiw0LjAwMTE5MTYgMCAwIDAgLTMuOTY4NzUsMy43NSBsIDAsMzIuMjgxMzEgeiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz48L2c+PC9nPjwvc3ZnPg==");
|
|
}
|
|
.mistplayer .controls .button.play[data-state=paused] {
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmcyIiBoZWlnaHQ9IjQ1IiB3aWR0aD0iNDUiPjxkZWZzIGlkPSJkZWZzNCIgLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNyI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMDcuMzYyMikiIGlkPSJsYXllcjEiPjxwYXRoIHRyYW5zZm9ybT0ibWF0cml4KDEuMDE0MTgyNywtMC41ODU1Mzg2NywwLjU4NTUzODY3LDEuMDE0MTgyNywtMC40ODQxOTgzMSwxMDIyLjg4OTMpIiBkPSJNIDEwLjMxMjUsLTYuMzQzNzUgQSAyLjk0MTYxODYsMi45NDE2MTg2IDAgMCAwIDcuOTA2MjUsLTQuODc1IGwgLTE0LjEyNSwyNC41IGEgMi45NDE2MTg2LDIuOTQxNjE4NiAwIDAgMCAyLjU2MjUsNC40MDYyNSBsIDI4LjI4MTI1LDAgQSAyLjk0MTYxODYsMi45NDE2MTg2IDAgMCAwIDI3LjE1NjI1LDE5LjYyNSBMIDEzLC00Ljg3NSBhIDIuOTQxNjE4NiwyLjk0MTYxODYgMCAwIDAgLTIuNjg3NSwtMS40Njg3NSB6IiBpZD0icGF0aDM4MDkiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIC8+PC9nPjwvc3ZnPg==");
|
|
}
|
|
.mistplayer .controls .progress_container {
|
|
flex-grow: 1;
|
|
position: relative;
|
|
margin: 15px;
|
|
}
|
|
.mistplayer .controls.smaller .progress_container {
|
|
margin: 5px;
|
|
min-width: 20px;
|
|
}
|
|
.mistplayer .controls .button.progress {
|
|
height: 15px;
|
|
border: 1px solid white;
|
|
overflow: hidden;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
.mistplayer .controls.smaller .button.progress {
|
|
height: 10px;
|
|
}
|
|
.mistplayer .controls .button.progress .bar {
|
|
background-color: white;
|
|
position: absolute;
|
|
width: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
min-width: 5px;
|
|
}
|
|
.mistplayer .controls .button.progress .buffer {
|
|
background-color: white;
|
|
opacity: 0.5;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.mistplayer .controls .progress_container .hint {
|
|
position: absolute;
|
|
background: white;
|
|
border-radius: 5px;
|
|
bottom: 22px;
|
|
padding: 3px 5px;
|
|
color: black;
|
|
opacity: 0.6;
|
|
display: none;
|
|
font-size: 12px;
|
|
}
|
|
.mistplayer .controls.smaller .progress_container .hint {
|
|
bottom: 17px;
|
|
font-size: 6px;
|
|
border-radius: 3px;
|
|
}
|
|
.mistplayer .controls .progress_container .hint:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
border: 5px solid transparent;
|
|
border-left-color: white;
|
|
bottom: -5px;
|
|
}
|
|
.mistplayer .controls.smaller .progress_container .hint:after {
|
|
border-width: 3px;
|
|
bottom: -3px;
|
|
}
|
|
.mistplayer .controls .button.timestamp {
|
|
width: auto;
|
|
cursor: default;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.mistplayer .controls .button.sound {
|
|
height: 65px;
|
|
width: 43px;
|
|
position: relative;
|
|
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmczOTM3IiBoZWlnaHQ9IjY1IiB3aWR0aD0iMzAiPjxkZWZzIGlkPSJkZWZzMzkzOSIgLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMzk0MiI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTk4Ny4zNjIyKSIgaWQ9ImxheWVyMSI+PHBhdGggaWQ9InJlY3Q0Njc0IiBkPSJtIDAsMTA1Mi4zNjIyIDAsLTY1IDUsMCBjIC0wLjE3MjU4OCwwIC0wLjMzNzI1NiwwLjAyOTUgLTAuNSwwLjA2MjUgLTAuNDg5MTExLDAuMSAtMC45NDIzNDUsMC4zMTcyNSAtMS4yODEyNSwwLjY1NjI1IC0wLjIyNjIwNiwwLjIyNjIgLTAuNDA0NzQzLDAuNTEzNSAtMC41MzEyNSwwLjgxMjUgLTAuMTI2NTA3LDAuMjk5MSAtMC4xODc1LDAuNjIzNjUgLTAuMTg3NSwwLjk2ODc1IDAsMCAwLjA3NTk3OCwwLjQ0NzA1IDAuMTg3NSwwLjc4MTI1IGwgMTkuODQzNzUsNTkuNDk5OTUgYyAwLjE0Mjc3NywxLjI0NTEgMS4xODU0MTQsMi4yMTg4IDIuNDY4NzUsMi4yMTg4IGwgLTI1LDAgeiBtIDI1LDAgYyAwLjg3NzU0OSwwIDEuNjQ3NjYzLC0wLjQ0MSAyLjA5Mzc1LC0xLjEyNSAwLjA2MzgxLC0wLjA5OCAwLjEwNjIsLTAuMjA0NiAwLjE1NjI1LC0wLjMxMjUgMC4wMjk2MiwtMC4wNjIgMC4wNjkyNiwtMC4xMjI1IDAuMDkzNzUsLTAuMTg3NSAwLjA0NTAxLC0wLjEyMTIgMC4wNjc0MSwtMC4yNDU5IDAuMDkzNzUsLTAuMzc1IDAuMDA5LC0wLjA0NCAwLjAyNDU3LC0wLjA4IDAuMDMxMjUsLTAuMTI1IDAuMDE4NzgsLTAuMTIzNSAwLjAzMTI1LC0wLjI0NjIgMC4wMzEyNSwtMC4zNzUgbCAwLC02MCBjIDAsLTEuMzg1IC0xLjExNDk5OSwtMi41IC0yLjUsLTIuNSBsIDUsMCAwLDY1IC01LDAgeiIgc3R5bGU9ImNvbG9yOiMwMDAwMDA7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7ZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO21hcmtlcjpub25lO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiIC8+PHBhdGggaWQ9InBhdGg0Njk3LTYiIGQ9Im0gMjUsMTA1Mi4zNjE3IGMgLTEuMjgzMzM2LDAgLTIuMzI1OTczLC0wLjk3MzcgLTIuNDY4NzUsLTIuMjE4NyBMIDIuNjg3NSw5OTAuNjQyOSBDIDIuNTc1OTc4LDk5MC4zMDg3IDIuNSw5ODkuODYxNyAyLjUsOTg5Ljg2MTcgYyAwLC0wLjM0NTEgMC4wNjA5OTMsLTAuNjY5NyAwLjE4NzUsLTAuOTY4OCAwLjEyNjUwNywtMC4yOTkgMC4zMDUwNDQsLTAuNTg2MyAwLjUzMTI1LC0wLjgxMjUgMC4zMzg5MDUsLTAuMzM5IDAuNzkyMTM5LC0wLjU1NjIgMS4yODEyNSwtMC42NTYyIDAuMTYyNzQ0LC0wLjAzMyAwLjMyNzQxMiwtMC4wNjIgMC41LC0wLjA2MiBsIDIwLDAgYyAxLjM4NTAwMSwwIDIuNSwxLjExNSAyLjUsMi41IGwgMCw2MCBjIDAsMC4xMjg4IC0wLjAxMjQ3LDAuMjUxNSAtMC4wMzEyNSwwLjM3NSAtMC4wMDY3LDAuMDQ1IC0wLjAyMjI1LDAuMDgxIC0wLjAzMTI1LDAuMTI1IC0wLjAyNjM0LDAuMTI5MiAtMC4wNDg3NCwwLjI1MzggLTAuMDkzNzUsMC4zNzUgLTAuMDI0NDksMC4wNjUgLTAuMDY0MTMsMC4xMjUyIC0wLjA5Mzc1LDAuMTg3NSAtMC4wNTAwNSwwLjEwNzkgLTAuMDkyNDQsMC4yMTQ1IC0wLjE1NjI1LDAuMzEyNSAtMC40NDYwODcsMC42ODQgLTEuMjE2MjAxLDEuMTI1IC0yLjA5Mzc1LDEuMTI1IHogbSAwLC0xLjIxODcgYyAwLjQ3NDEwNiwwIDAuODY0NzM0LC0wLjIxMTQgMS4wOTM3NSwtMC41NjI1IC0wLjAyMTEyLDAuMDMyIC0wLjAwNTksLTAuMDEgMC4wNjI1LC0wLjE1NjMgYSAxLjIwNDQ1MiwxLjIwNDQ1MiAwIDAgMSAwLC0wLjAzMSBjIDAuMDIzNSwtMC4wNDkgMC4wNTE5OCwtMC4wNTIgMC4wNjI1LC0wLjA2MiAwLjAwNTUsLTAuMDE2IDAuMDA5NCwtMC4wMzUgMCwtMC4wMzEgMC4wMDE3LC0wLjAxIDAuMDA1NSwtMC4wNjEgMC4wMzEyNSwtMC4xODc1IDAuMDA4LC0wLjAzOSAwLjAyNTU1LC0wLjAzOSAwLjAzMTI1LC0wLjA2MiAwLjAwOTgsLTAuMDY2IDAuMDA1NSwtMC4xMDI3IDAsLTAuMDk0IC0wLjAwMTYsLTAuMDMgMCwtMC4wNjggMCwtMC4wOTQgbCAwLC02MCBjIDAsLTAuNzM4NiAtMC41NDI2MTcsLTEuMjgxMyAtMS4yODEyNSwtMS4yODEzIGwgLTIwLDAgYyAtMC4wMzUzNTMsMCAtMC4xMDUzMjIsMCAtMC4yNSwwLjAzMSAtMC4yOTY4NjMsMC4wNjEgLTAuNTQ2MzQzLDAuMTcxMyAtMC42ODc1LDAuMzEyNSAtMC4wODkzOTQsMC4wODkgLTAuMjA1MjYzLDAuMjU4IC0wLjI4MTI1LDAuNDM3NSAtMC4wNTUzMTUsMC4xMzA4IC0wLjA1ODY2MSwwLjI4MzIgLTAuMDYyNSwwLjQ2ODcgLTIuNTJlLTQsMC4wMTIgMCwwLjAxOSAwLDAuMDMxIDAuMDI3OTgyLDAuMTM1MyAwLjA4MjQ5OSwwLjI3ODkgMC4xMjUsMC40MDYyIGwgMTkuODQzNzUsNTkuNTAwNSBhIDEuMjA0NDUyLDEuMjA0NDUyIDAgMCAxIDAuMDMxMjUsMC4yNSBjIDAuMDc1MjcsMC42NTY0IDAuNjA3MDU0LDEuMTI1IDEuMjgxMjUsMS4xMjUgeiIgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz48L2c+PC9zdmc+") no-repeat;
|
|
background-position: center right;
|
|
border: 1px solid black; /*helps with white border*/
|
|
flex-shrink: 0;
|
|
}
|
|
.mistplayer .controls.smaller .button.sound {
|
|
height: 19.5px;
|
|
width: 14px;
|
|
background-size: contain;
|
|
}
|
|
.mistplayer .controls .button.sound .speaker {
|
|
width: 25px;
|
|
height: 25px;
|
|
margin: 0;
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmc0NjU5IiBoZWlnaHQ9IjI1IiB3aWR0aD0iMjUiPjxkZWZzIGlkPSJkZWZzNDY2MSIgLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNDY2NCI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMjcuMzYyMikiIGlkPSJsYXllcjEiPjxwYXRoIGlkPSJyZWN0NDE1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxMDI3LjM2MjIpIiBkPSJNIDAgMCBMIDAgMjUgTCAyNSAyNSBMIDI1IDAgTCAwIDAgeiBNIDE3Ljc4OTA2MiAwLjc0NjA5Mzc1IEMgMTguMjk1MTM5IDAuNzY3NzkwNDMgMTguNzk2OTM2IDAuOTE1NDM0MzggMTkuMjUgMS4xODU1NDY5IEwgMTkuMjUgMjMuODEyNSBDIDE4LjA0MTUxMiAyNC41MzQ2IDE2LjQ4MTgzMiAyNC4zNzc0OTQgMTUuNDQ1MzEyIDIzLjMwODU5NCBMIDEwLjM0MTc5NyAxOC4wNDY4NzUgTCA4LjA4Nzg5MDYgMTguMDQ2ODc1IEMgNi43OTk3OTc2IDE4LjA0Njg3NSA1Ljc1IDE2Ljk2MzI2NiA1Ljc1IDE1LjYzNDc2NiBMIDUuNzUgOS4zNjMyODEyIEMgNS43NSA4LjAzNDg4MTIgNi43OTk3OTc2IDYuOTUxMTcxOSA4LjA4Nzg5MDYgNi45NTExNzE5IEwgMTAuMzQxNzk3IDYuOTUxMTcxOSBMIDE1LjQ0NTMxMiAxLjY4OTQ1MzEgQyAxNi4wOTI3NTkgMS4wMjE3MDMxIDE2Ljk0NTYwMiAwLjcwOTkzMjYyIDE3Ljc4OTA2MiAwLjc0NjA5Mzc1IHogIiBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cGF0aCBpZD0icmVjdDQ1NzQiIGQ9Im0gMTkuMjUsMTAyOC41NDczIGMgLTEuMjA4MTcsLTAuNzIwMyAtMi43Njk1OTksLTAuNTY0IC0zLjgwNTUxMywwLjUwNDQgbCAtNS4xMDIzNjIsNS4yNjIyIC0yLjI1MzU0MTgsMCBjIC0xLjI4ODA5MywwIC0yLjMzODU4MzIsMS4wODM0IC0yLjMzODU4MzIsMi40MTE4IGwgMCw2LjI3MDkgYyAwLDEuMzI4NSAxLjA1MDQ5MDIsMi40MTE5IDIuMzM4NTgzMiwyLjQxMTkgbCAyLjI1MzU0MTgsMCA1LjEwMjM2Miw1LjI2MjMgYyAxLjAzNjUyLDEuMDY4OSAyLjU5NzAyNSwxLjIyNjMgMy44MDU1MTMsMC41MDQyIGwgMCwtMjIuNjI3NyB6IiBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojZmZmZmZmO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48L2c+PC9zdmc+");
|
|
position: absolute;
|
|
top: 30px;
|
|
background-color: white;
|
|
box-shadow: inset 1px 1px black, inset -1px -1px black; /* helps with white shadow*/
|
|
}
|
|
.mistplayer .controls .button.sound .speaker[data-muted] {
|
|
background-color: transparent;
|
|
}
|
|
.mistplayer .controls.smaller .button.sound .speaker {
|
|
width: 8px;
|
|
height: 8px;
|
|
top: 10px;
|
|
box-shadow: none;
|
|
}
|
|
.mistplayer .controls .button.sound .volume {
|
|
position: absolute;
|
|
bottom: 0.5px;
|
|
right: 1px;
|
|
width: 23.5px;
|
|
background-color: white;
|
|
opacity: 0.6;
|
|
height: 100%;
|
|
z-index: -1;
|
|
border-left: 1px solid transparent; /* these help with white showing through */
|
|
border-right: 1px solid transparent;
|
|
}
|
|
.mistplayer .controls.smaller .button.sound .volume {
|
|
width: 6px;
|
|
}
|
|
.mistplayer .controls .button.loop {
|
|
min-height: 45px;
|
|
background-color: transparent;
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIGlkPSJzdmczOTM3IiB2ZXJzaW9uPSIxLjEiPiA8ZGVmcyBpZD0iZGVmczM5MzkiIC8+IDxtZXRhZGF0YSBpZD0ibWV0YWRhdGEzOTQyIj4gPHJkZjpSREY+IDxjYzpXb3JrIHJkZjphYm91dD0iIj4gPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+IDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+IDxkYzp0aXRsZT48L2RjOnRpdGxlPiA8L2NjOldvcms+IDwvcmRmOlJERj4gPC9tZXRhZGF0YT4gPHBhdGggaWQ9InJlY3Q0NTExIiBkPSJNIDAgMCBMIDAgNDUgTCA0NSA0NSBMIDQ1IDAgTCAwIDAgeiBNIDIyLjUgMTEuMjUgQSAxMS4yNSAxMS4yNSAwIDAgMSAzMy43NSAyMi41IEEgMTEuMjUgMTEuMjUgMCAwIDEgMjIuNSAzMy43NSBBIDExLjI1IDExLjI1IDAgMCAxIDE0LjU1MDc4MSAzMC40NDkyMTkgTCAxMi43MTQ4NDQgMzIuMjg1MTU2IEwgMTIuNzE0ODQ0IDI1Ljc4NTE1NiBMIDE5LjIxNDg0NCAyNS43ODUxNTYgTCAxNy4zNzY5NTMgMjcuNjIzMDQ3IEEgNy4yNSA3LjI1IDAgMCAwIDIyLjUgMjkuNzUgQSA3LjI1IDcuMjUgMCAwIDAgMjkuNzUgMjIuNSBBIDcuMjUgNy4yNSAwIDAgMCAyMi41IDE1LjI1IEEgNy4yNSA3LjI1IDAgMCAwIDE3LjM3Njk1MyAxNy4zNzY5NTMgTCAxNC41NTA3ODEgMTQuNTUwNzgxIEEgMTEuMjUgMTEuMjUgMCAwIDEgMjIuNSAxMS4yNSB6ICIgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEiIC8+IDxwYXRoIGlkPSJwYXRoNDQ5NSIgZD0iTSAyMi41IDExLjI1IEEgMTEuMjUgMTEuMjUgMCAwIDAgMTQuNTUwNzgxIDE0LjU1MDc4MSBMIDE3LjM3Njk1MyAxNy4zNzY5NTMgQSA3LjI1IDcuMjUgMCAwIDEgMjIuNSAxNS4yNSBBIDcuMjUgNy4yNSAwIDAgMSAyOS43NSAyMi41IEEgNy4yNSA3LjI1IDAgMCAxIDIyLjUgMjkuNzUgQSA3LjI1IDcuMjUgMCAwIDEgMTcuMzc2OTUzIDI3LjYyMzA0NyBMIDE5LjIxNDg0NCAyNS43ODUxNTYgTCAxMi43MTQ4NDQgMjUuNzg1MTU2IEwgMTIuNzE0ODQ0IDMyLjI4NTE1NiBMIDE0LjU1MDc4MSAzMC40NDkyMTkgQSAxMS4yNSAxMS4yNSAwIDAgMCAyMi41IDMzLjc1IEEgMTEuMjUgMTEuMjUgMCAwIDAgMzMuNzUgMjIuNSBBIDExLjI1IDExLjI1IDAgMCAwIDIyLjUgMTEuMjUgeiAiIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDpub25lO2ZpbGwtb3BhY2l0eTowLjg1ODQ0NzU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiNmZmZmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEiIC8+PC9zdmc+");
|
|
box-shadow: inset 1px 1px black, inset -1px -1px black; /* helps with white shadow*/
|
|
}
|
|
.mistplayer .controls.smaller .button.loop {
|
|
min-height: 15px;
|
|
}
|
|
.mistplayer .controls .button.loop[data-on] {
|
|
background-color: rgba(255,255,255,0.6);
|
|
}
|
|
.mistplayer .controls .button.fullscreen {
|
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIGlkPSJzdmczOTM3IiBoZWlnaHQ9IjQ1IiB3aWR0aD0iNDUiPjxkZWZzIGlkPSJkZWZzMzkzOSIgLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMzk0MiI+PHJkZjpSREY+PGNjOldvcmsgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMDcuMzYyMikiIGlkPSJsYXllcjEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEuMTA5Mzc1KSIgaWQ9Imc0NTYzIj48ZyBpZD0iZzQ1NTgiPjxwYXRoIGlkPSJyZWN0Mzk0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxMDA3LjM2MjIpIiBkPSJNIDUuMTU2MjUsMTAgQyAzLjY5MTM0NjEsMTAgMi41LDExLjE5MTM0NiAyLjUsMTIuNjU2MjUgbCAwLDE5LjY4NzUgQyAyLjUsMzMuODA4NjU0IDMuNjkxMzQ2MSwzNSA1LjE1NjI1LDM1IGwgMzQuNjg3NSwwIEMgNDEuMzA4NjU0LDM1IDQyLjUsMzMuODA4NjU0IDQyLjUsMzIuMzQzNzUgbCAwLC0xOS42ODc1IEMgNDIuNSwxMS4xOTEzNDYgNDEuMzA4NjU0LDEwIDM5Ljg0Mzc1LDEwIEwgNS4xNTYyNSwxMCB6IE0gNSwxMi41MzEyNSBsIDM1LDAgMCwyMCAtMzUsMCAwLC0yMCB6IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPjxyZWN0IHJ5PSIwIiB5PSIxMDE5Ljg2MjIiIHg9IjUiIGhlaWdodD0iMjAiIHdpZHRoPSIzNSIgaWQ9InJlY3QzOTQ3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtb3BhY2l0eTowLjM5MjE1Njg2O3N0cm9rZTpub25lIiAvPjxwYXRoIGlkPSJwYXRoMzk0OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxMDA3LjM2MjIpIiBkPSJtIDE4Ljc4MTI1LDM1LjQwNjI1IGMgLTEuNTM2NjEsMC4zNzk4MDkgLTIuOTcxNDY1LDAuOTkxNTU3IC00LjI4MTI1LDEuODEyNSBsIDE1LjY1NjI1LDAgYyAtMS4zMTMwMDUsLTAuODIyOTYxIC0yLjc2MjgyNSwtMS40MzI5NTMgLTQuMzEyNSwtMS44MTI1IGwgLTcuMDYyNSwwIHoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PC9nPjxnIGlkPSJnNDAwNyIgdHJhbnNmb3JtPSJtYXRyaXgoMi4wMzUzOTg1LDAsMCwxLjE2MzA4MjgsLTk5LjMyMTczNCwtMTQxLjU0NTgxKSIgc3R5bGU9ImZpbGw6IzAwMCI+PHBhdGggaWQ9InJlY3QzOTU4IiBkPSJtIDY1LjUzMzY0NiwxMDAxLjQ3NTggLTIuMDMyOTMyLDAgMC42NjI5MTMsMC42NjI5IC0yLjI1MzkwMywyLjI1MzkgMC43MDcxMDcsMC43MDcxIDIuMjUzOTAzLC0yLjI1MzkgMC42NjI5MTIsMC42NjI5IDAsLTIuMDMyOSB6IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPjxwYXRoIGlkPSJyZWN0Mzk1OC01IiBkPSJtIDY1LjUzMzY0NiwxMDEyLjg0IDAsLTIuMDMzIC0wLjY2MjgzNiwwLjY2MjkgLTIuMjUzOTAxLC0yLjI1MzkgLTAuNzA3MTA0LDAuNzA3MSAyLjI1MzkwMiwyLjI1MzkgLTAuNjYyOTA2LDAuNjYyOSAyLjAzMjg0NSwxZS00IHoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PHBhdGggaWQ9InJlY3QzOTU4LTUxIiBkPSJtIDU0LjE2OTQzLDEwMDEuNDc1OCAyLjAzMjkzMiwwIC0wLjY2MjkxMywwLjY2MjkgMi4yNTM5MDMsMi4yNTM5IC0wLjcwNzEwNywwLjcwNzEgLTIuMjUzOTAzLC0yLjI1MzkgLTAuNjYyOTEyLDAuNjYyOSAwLC0yLjAzMjkgeiIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz48cGF0aCBpZD0icmVjdDM5NTgtNS03IiBkPSJtIDU0LjE2OTQzLDEwMTIuODQgMCwtMi4wMzMgMC42NjI4MzYsMC42NjI5IDIuMjUzOTAxLC0yLjI1MzkgMC43MDcxMDQsMC43MDcxIC0yLjI1MzkwMiwyLjI1MzkgMC42NjI5MDYsMC42NjI5IC0yLjAzMjg0NSwxZS00IHoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+PC9nPjwvZz48L2c+PC9zdmc+");
|
|
height: 45px;
|
|
}
|
|
.mistplayer .controls.smaller .button.fullscreen {
|
|
height: 15px;
|
|
}
|
|
.mistplayer .controls .button.tracks {
|
|
line-height: 25px;
|
|
width: 100%;
|
|
margin: 0;
|
|
height: 25px;
|
|
box-sizing: border-box;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.mistplayer .controls.smaller .button.tracks {
|
|
height: 10px;
|
|
line-height: 10px;
|
|
}
|
|
.mistplayer .controls .tracks .settings {
|
|
position: absolute;
|
|
background-color: black;
|
|
padding: 5px 10px;
|
|
right: -1000px;
|
|
bottom: 23px;
|
|
}
|
|
.mistplayer .controls.smaller .tracks .settings {
|
|
padding: 2px 3px;
|
|
bottom: 12.5px;
|
|
}
|
|
.mistplayer .controls .tracks:hover .settings {
|
|
right: 0;
|
|
}
|
|
.mistplayer .controls .tracks:not(:hover) .settings {
|
|
transition: right 0.5s ease-in 1s;
|
|
}
|
|
.mistplayer .controls .tracks .settings label {
|
|
text-align: left;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.mistplayer .controls .tracks .settings label > *:not(:first-child) {
|
|
margin-left: 1em;
|
|
flex-grow: 1;
|
|
}
|
|
.mistplayer .controls .tracks .settings label span {
|
|
text-transform: capitalize;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.mistplayer .controls .tracks .settings label select {
|
|
background: none;
|
|
color: white;
|
|
border: none;
|
|
outline: none;
|
|
font-size: inherit;
|
|
}
|
|
.mistplayer .controls .tracks .settings label option {
|
|
color: black;
|
|
background-color: white;
|
|
font-size: inherit;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
|
|
text-align: center; }
|
|
|
|
@font-face {
|
|
font-family: VideoJS;
|
|
src: url("../font/1.5.1/VideoJS.eot?#iefix") format("eot"); }
|
|
|
|
@font-face {
|
|
font-family: VideoJS;
|
|
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACsAAAA2C4eUa2hoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABi/vcdWfH8Nl8ZuNkZQODSliXbkWl2BrA4BwMTiAIAKDsJfgB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
|
|
.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
|
|
content: '\f101'; }
|
|
|
|
.vjs-icon-play-circle {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-play-circle:before {
|
|
content: '\f102'; }
|
|
|
|
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
|
|
content: '\f103'; }
|
|
|
|
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-0 {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
|
|
content: '\f104'; }
|
|
|
|
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-1 {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
|
|
content: '\f105'; }
|
|
|
|
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-2 {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
|
|
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
|
|
content: '\f106'; }
|
|
|
|
.vjs-icon-volume-high, .video-js .vjs-mute-control,
|
|
.video-js .vjs-volume-menu-button {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
|
|
.video-js .vjs-volume-menu-button:before {
|
|
content: '\f107'; }
|
|
|
|
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
|
|
content: '\f108'; }
|
|
|
|
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
|
|
content: '\f109'; }
|
|
|
|
.vjs-icon-square {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-square:before {
|
|
content: '\f10a'; }
|
|
|
|
.vjs-icon-spinner {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-spinner:before {
|
|
content: '\f10b'; }
|
|
|
|
.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
|
|
content: '\f10c'; }
|
|
|
|
.vjs-icon-captions, .video-js .vjs-captions-button {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
|
|
content: '\f10d'; }
|
|
|
|
.vjs-icon-chapters, .video-js .vjs-chapters-button {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
|
|
content: '\f10e'; }
|
|
|
|
.vjs-icon-share {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-share:before {
|
|
content: '\f10f'; }
|
|
|
|
.vjs-icon-cog {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-cog:before {
|
|
content: '\f110'; }
|
|
|
|
.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
|
|
content: '\f111'; }
|
|
|
|
.vjs-icon-circle-outline {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-circle-outline:before {
|
|
content: '\f112'; }
|
|
|
|
.vjs-icon-circle-inner-circle {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-circle-inner-circle:before {
|
|
content: '\f113'; }
|
|
|
|
.vjs-icon-hd {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-hd:before {
|
|
content: '\f114'; }
|
|
|
|
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
|
|
content: '\f115'; }
|
|
|
|
.vjs-icon-replay {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-replay:before {
|
|
content: '\f116'; }
|
|
|
|
.vjs-icon-facebook {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-facebook:before {
|
|
content: '\f117'; }
|
|
|
|
.vjs-icon-gplus {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-gplus:before {
|
|
content: '\f118'; }
|
|
|
|
.vjs-icon-linkedin {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-linkedin:before {
|
|
content: '\f119'; }
|
|
|
|
.vjs-icon-twitter {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-twitter:before {
|
|
content: '\f11a'; }
|
|
|
|
.vjs-icon-tumblr {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-tumblr:before {
|
|
content: '\f11b'; }
|
|
|
|
.vjs-icon-pinterest {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-pinterest:before {
|
|
content: '\f11c'; }
|
|
|
|
.vjs-icon-audio-description {
|
|
font-family: VideoJS;
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.vjs-icon-audio-description:before {
|
|
content: '\f11d'; }
|
|
|
|
.video-js {
|
|
display: block;
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
background-color: #000;
|
|
position: relative;
|
|
padding: 0;
|
|
font-size: 10px;
|
|
line-height: 1;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none; }
|
|
.video-js:-moz-full-screen {
|
|
position: absolute; }
|
|
.video-js:-webkit-full-screen {
|
|
width: 100% !important;
|
|
height: 100% !important; }
|
|
|
|
.video-js *,
|
|
.video-js *:before,
|
|
.video-js *:after {
|
|
box-sizing: inherit; }
|
|
|
|
.video-js ul {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
list-style-position: outside;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0; }
|
|
|
|
.video-js.vjs-fluid,
|
|
.video-js.vjs-16-9,
|
|
.video-js.vjs-4-3 {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 0; }
|
|
|
|
.video-js.vjs-16-9 {
|
|
padding-top: 56.25%; }
|
|
|
|
.video-js.vjs-4-3 {
|
|
padding-top: 75%; }
|
|
|
|
.video-js.vjs-fill {
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.video-js .vjs-tech {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
body.vjs-full-window {
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
overflow-y: auto; }
|
|
|
|
.vjs-full-window .video-js.vjs-fullscreen {
|
|
position: fixed;
|
|
overflow: hidden;
|
|
z-index: 1000;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0; }
|
|
|
|
.video-js.vjs-fullscreen {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
padding-top: 0 !important; }
|
|
|
|
.video-js.vjs-fullscreen.vjs-user-inactive {
|
|
cursor: none; }
|
|
|
|
.vjs-hidden {
|
|
display: none !important; }
|
|
|
|
.video-js .vjs-offscreen {
|
|
height: 1px;
|
|
left: -9999px;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1px; }
|
|
|
|
.vjs-lock-showing {
|
|
display: block !important;
|
|
opacity: 1;
|
|
visibility: visible; }
|
|
|
|
.vjs-no-js {
|
|
padding: 20px;
|
|
color: #fff;
|
|
background-color: #000;
|
|
font-size: 18px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-align: center;
|
|
width: 300px;
|
|
height: 150px;
|
|
margin: 0px auto; }
|
|
|
|
.vjs-no-js a,
|
|
.vjs-no-js a:visited {
|
|
color: #66A8CC; }
|
|
|
|
.video-js .vjs-big-play-button {
|
|
font-size: 3em;
|
|
line-height: 1.5em;
|
|
height: 1.5em;
|
|
width: 3em;
|
|
display: block;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
border: 0.06666em solid #fff;
|
|
background-color: #2B333F;
|
|
background-color: rgba(43, 51, 63, 0.7);
|
|
-webkit-border-radius: 0.3em;
|
|
-moz-border-radius: 0.3em;
|
|
border-radius: 0.3em;
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
transition: all 0.4s; }
|
|
|
|
.vjs-big-play-centered .vjs-big-play-button {
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -0.75em;
|
|
margin-left: -1.5em; }
|
|
|
|
.video-js:hover .vjs-big-play-button,
|
|
.video-js .vjs-big-play-button:focus {
|
|
outline: 0;
|
|
border-color: #fff;
|
|
background-color: #73859f;
|
|
background-color: rgba(115, 133, 159, 0.5);
|
|
-webkit-transition: all 0s;
|
|
-moz-transition: all 0s;
|
|
-o-transition: all 0s;
|
|
transition: all 0s; }
|
|
|
|
.vjs-controls-disabled .vjs-big-play-button,
|
|
.vjs-has-started .vjs-big-play-button,
|
|
.vjs-using-native-controls .vjs-big-play-button,
|
|
.vjs-error .vjs-big-play-button {
|
|
display: none; }
|
|
|
|
.video-js button {
|
|
background: none;
|
|
border: none;
|
|
color: inherit;
|
|
display: inline-block;
|
|
overflow: visible;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
text-transform: none;
|
|
text-decoration: none;
|
|
transition: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none; }
|
|
|
|
.video-js .vjs-control.vjs-close-button {
|
|
cursor: pointer;
|
|
height: 3em;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0.5em;
|
|
z-index: 2; }
|
|
|
|
.vjs-menu-button {
|
|
cursor: pointer; }
|
|
|
|
.vjs-menu .vjs-menu-content {
|
|
display: block;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: auto; }
|
|
|
|
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
|
|
display: none; }
|
|
|
|
.vjs-menu li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0.2em 0;
|
|
line-height: 1.4em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
text-transform: lowercase; }
|
|
|
|
.vjs-menu li:focus,
|
|
.vjs-menu li:hover {
|
|
outline: 0;
|
|
background-color: #73859f;
|
|
background-color: rgba(115, 133, 159, 0.5); }
|
|
|
|
.vjs-menu li.vjs-selected,
|
|
.vjs-menu li.vjs-selected:focus,
|
|
.vjs-menu li.vjs-selected:hover {
|
|
background-color: #fff;
|
|
color: #2B333F; }
|
|
|
|
.vjs-menu li.vjs-menu-title {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-size: 1em;
|
|
line-height: 2em;
|
|
padding: 0;
|
|
margin: 0 0 0.3em 0;
|
|
font-weight: bold;
|
|
cursor: default; }
|
|
|
|
.vjs-menu-button-popup .vjs-menu {
|
|
display: none;
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 10em;
|
|
left: -3em;
|
|
height: 0em;
|
|
margin-bottom: 1.5em;
|
|
border-top-color: rgba(43, 51, 63, 0.7); }
|
|
|
|
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
|
|
background-color: #2B333F;
|
|
background-color: rgba(43, 51, 63, 0.7);
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 1.5em;
|
|
max-height: 15em; }
|
|
|
|
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
|
|
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
|
|
display: block; }
|
|
|
|
.video-js .vjs-menu-button-inline {
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
transition: all 0.4s;
|
|
overflow: hidden; }
|
|
|
|
.video-js .vjs-menu-button-inline:before {
|
|
width: 2.222222222em; }
|
|
|
|
.video-js .vjs-menu-button-inline:hover,
|
|
.video-js .vjs-menu-button-inline:focus,
|
|
.video-js .vjs-menu-button-inline.vjs-slider-active,
|
|
.video-js.vjs-no-flex .vjs-menu-button-inline {
|
|
width: 12em; }
|
|
|
|
.video-js .vjs-menu-button-inline.vjs-slider-active {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none; }
|
|
|
|
.vjs-menu-button-inline .vjs-menu {
|
|
opacity: 0;
|
|
height: 100%;
|
|
width: auto;
|
|
position: absolute;
|
|
left: 4em;
|
|
top: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
transition: all 0.4s; }
|
|
|
|
.vjs-menu-button-inline:hover .vjs-menu,
|
|
.vjs-menu-button-inline:focus .vjs-menu,
|
|
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
display: block;
|
|
opacity: 1; }
|
|
|
|
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
|
|
display: block;
|
|
opacity: 1;
|
|
position: relative;
|
|
width: auto; }
|
|
|
|
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
|
|
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
|
|
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
|
|
width: auto; }
|
|
|
|
.vjs-menu-button-inline .vjs-menu-content {
|
|
width: auto;
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden; }
|
|
|
|
.video-js .vjs-control-bar {
|
|
display: none;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 3.0em;
|
|
background-color: #2B333F;
|
|
background-color: rgba(43, 51, 63, 0.7); }
|
|
|
|
.vjs-has-started .vjs-control-bar {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
-webkit-transition: visibility 0.1s, opacity 0.1s;
|
|
-moz-transition: visibility 0.1s, opacity 0.1s;
|
|
-o-transition: visibility 0.1s, opacity 0.1s;
|
|
transition: visibility 0.1s, opacity 0.1s; }
|
|
|
|
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: visibility 1s, opacity 1s;
|
|
-moz-transition: visibility 1s, opacity 1s;
|
|
-o-transition: visibility 1s, opacity 1s;
|
|
transition: visibility 1s, opacity 1s; }
|
|
|
|
.vjs-controls-disabled .vjs-control-bar,
|
|
.vjs-using-native-controls .vjs-control-bar,
|
|
.vjs-error .vjs-control-bar {
|
|
display: none !important; }
|
|
|
|
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
opacity: 1;
|
|
visibility: visible; }
|
|
|
|
@media \0screen {
|
|
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
|
|
content: ""; } }
|
|
|
|
.vjs-has-started.vjs-no-flex .vjs-control-bar {
|
|
display: table; }
|
|
|
|
.video-js .vjs-control {
|
|
outline: none;
|
|
position: relative;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
width: 4em;
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none; }
|
|
.video-js .vjs-control:before {
|
|
font-size: 1.8em;
|
|
line-height: 1.67; }
|
|
|
|
.video-js .vjs-control:focus:before,
|
|
.video-js .vjs-control:hover:before,
|
|
.video-js .vjs-control:focus {
|
|
text-shadow: 0em 0em 1em white; }
|
|
|
|
.video-js .vjs-control-text {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
|
|
.vjs-no-flex .vjs-control {
|
|
display: table-cell;
|
|
vertical-align: middle; }
|
|
|
|
.video-js .vjs-custom-control-spacer {
|
|
display: none; }
|
|
|
|
.video-js .vjs-progress-control {
|
|
-webkit-box-flex: auto;
|
|
-moz-box-flex: auto;
|
|
-webkit-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
min-width: 4em; }
|
|
|
|
.vjs-live .vjs-progress-control {
|
|
display: none; }
|
|
|
|
.video-js .vjs-progress-holder {
|
|
-webkit-box-flex: auto;
|
|
-moz-box-flex: auto;
|
|
-webkit-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto;
|
|
-webkit-transition: all 0.2s;
|
|
-moz-transition: all 0.2s;
|
|
-o-transition: all 0.2s;
|
|
transition: all 0.2s;
|
|
height: 0.3em; }
|
|
|
|
.video-js .vjs-progress-control:hover .vjs-progress-holder {
|
|
font-size: 1.666666666666666666em; }
|
|
|
|
/* If we let the font size grow as much as everything else, the current time tooltip ends up
|
|
ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
|
|
to avoid a weird hitch when you roll off the hover. */
|
|
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
|
|
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
|
|
display: block;
|
|
font-size: 0.6em; }
|
|
|
|
.video-js .vjs-progress-holder .vjs-play-progress,
|
|
.video-js .vjs-progress-holder .vjs-load-progress,
|
|
.video-js .vjs-progress-holder .vjs-load-progress div {
|
|
position: absolute;
|
|
display: block;
|
|
height: 0.3em;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 0;
|
|
left: 0;
|
|
top: 0; }
|
|
|
|
.video-js .vjs-mouse-display:before {
|
|
display: none; }
|
|
|
|
.video-js .vjs-play-progress {
|
|
background-color: #fff; }
|
|
.video-js .vjs-play-progress:before {
|
|
position: absolute;
|
|
top: -0.333333333333333em;
|
|
right: -0.5em;
|
|
font-size: 0.9em; }
|
|
|
|
.video-js .vjs-mouse-display:after,
|
|
.video-js .vjs-play-progress:after {
|
|
display: none;
|
|
position: absolute;
|
|
top: -3.4em;
|
|
right: -1.5em;
|
|
font-size: 0.9em;
|
|
color: #000;
|
|
content: attr(data-current-time);
|
|
padding: 6px 8px 8px 8px;
|
|
background-color: #fff;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
-webkit-border-radius: 0.3em;
|
|
-moz-border-radius: 0.3em;
|
|
border-radius: 0.3em; }
|
|
|
|
.video-js .vjs-play-progress:before,
|
|
.video-js .vjs-play-progress:after {
|
|
z-index: 1; }
|
|
|
|
.video-js .vjs-load-progress {
|
|
background: #bfc7d3;
|
|
background: rgba(115, 133, 159, 0.5); }
|
|
|
|
.video-js .vjs-load-progress div {
|
|
background: white;
|
|
background: rgba(115, 133, 159, 0.75); }
|
|
|
|
.video-js.vjs-no-flex .vjs-progress-control {
|
|
width: auto; }
|
|
|
|
.video-js .vjs-progress-control .vjs-mouse-display {
|
|
display: none;
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 100%;
|
|
background-color: #000;
|
|
z-index: 1; }
|
|
|
|
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
|
|
z-index: 0; }
|
|
|
|
.video-js .vjs-progress-control:hover .vjs-mouse-display {
|
|
display: block; }
|
|
|
|
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
|
|
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: visibility 1s, opacity 1s;
|
|
-moz-transition: visibility 1s, opacity 1s;
|
|
-o-transition: visibility 1s, opacity 1s;
|
|
transition: visibility 1s, opacity 1s; }
|
|
|
|
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
|
|
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
|
|
display: none; }
|
|
|
|
.video-js .vjs-progress-control .vjs-mouse-display:after {
|
|
color: #fff;
|
|
background-color: #000;
|
|
background-color: rgba(0, 0, 0, 0.8); }
|
|
|
|
.video-js .vjs-slider {
|
|
outline: 0;
|
|
position: relative;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
margin: 0 0.45em 0 0.45em;
|
|
background-color: #73859f;
|
|
background-color: rgba(115, 133, 159, 0.5); }
|
|
|
|
.video-js .vjs-slider:focus {
|
|
text-shadow: 0em 0em 1em white;
|
|
-webkit-box-shadow: 0 0 1em #fff;
|
|
-moz-box-shadow: 0 0 1em #fff;
|
|
box-shadow: 0 0 1em #fff; }
|
|
|
|
.video-js .vjs-mute-control,
|
|
.video-js .vjs-volume-menu-button {
|
|
cursor: pointer;
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none; }
|
|
|
|
.video-js .vjs-volume-control {
|
|
width: 5em;
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center; }
|
|
|
|
.video-js .vjs-volume-bar {
|
|
margin: 1.35em 0.45em; }
|
|
|
|
.vjs-volume-bar.vjs-slider-horizontal {
|
|
width: 5em;
|
|
height: 0.3em; }
|
|
|
|
.vjs-volume-bar.vjs-slider-vertical {
|
|
width: 0.3em;
|
|
height: 5em;
|
|
margin: 1.35em auto; }
|
|
|
|
.video-js .vjs-volume-level {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: #fff; }
|
|
.video-js .vjs-volume-level:before {
|
|
position: absolute;
|
|
font-size: 0.9em; }
|
|
|
|
.vjs-slider-vertical .vjs-volume-level {
|
|
width: 0.3em; }
|
|
.vjs-slider-vertical .vjs-volume-level:before {
|
|
top: -0.5em;
|
|
left: -0.3em; }
|
|
|
|
.vjs-slider-horizontal .vjs-volume-level {
|
|
height: 0.3em; }
|
|
.vjs-slider-horizontal .vjs-volume-level:before {
|
|
top: -0.3em;
|
|
right: -0.5em; }
|
|
|
|
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
|
|
height: 100%; }
|
|
|
|
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
|
|
width: 100%; }
|
|
|
|
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top-color: transparent; }
|
|
|
|
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
|
|
left: 0.5em;
|
|
height: 8em; }
|
|
|
|
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
|
|
left: -2em; }
|
|
|
|
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
|
|
height: 0;
|
|
width: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden; }
|
|
|
|
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
|
|
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
|
|
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
|
|
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
|
|
height: 8em;
|
|
width: 2.9em; }
|
|
|
|
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
|
|
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
|
|
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
|
|
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
|
|
height: 2.9em;
|
|
width: 8em; }
|
|
|
|
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
|
|
background-color: transparent !important; }
|
|
|
|
.vjs-poster {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-size: contain;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 100%; }
|
|
|
|
.vjs-poster img {
|
|
display: block;
|
|
vertical-align: middle;
|
|
margin: 0 auto;
|
|
max-height: 100%;
|
|
padding: 0;
|
|
width: 100%; }
|
|
|
|
.vjs-has-started .vjs-poster {
|
|
display: none; }
|
|
|
|
.vjs-audio.vjs-has-started .vjs-poster {
|
|
display: block; }
|
|
|
|
.vjs-controls-disabled .vjs-poster {
|
|
display: none; }
|
|
|
|
.vjs-using-native-controls .vjs-poster {
|
|
display: none; }
|
|
|
|
.video-js .vjs-live-control {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: flex-start;
|
|
-webkit-align-items: flex-start;
|
|
-ms-flex-align: flex-start;
|
|
align-items: flex-start;
|
|
-webkit-box-flex: auto;
|
|
-moz-box-flex: auto;
|
|
-webkit-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto;
|
|
font-size: 1em;
|
|
line-height: 3em; }
|
|
|
|
.vjs-no-flex .vjs-live-control {
|
|
display: table-cell;
|
|
width: auto;
|
|
text-align: left; }
|
|
|
|
.video-js .vjs-time-control {
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none;
|
|
font-size: 1em;
|
|
line-height: 3em;
|
|
min-width: 2em;
|
|
width: auto;
|
|
padding-left: 1em;
|
|
padding-right: 1em; }
|
|
|
|
.vjs-live .vjs-time-control {
|
|
display: none; }
|
|
|
|
.video-js .vjs-current-time,
|
|
.vjs-no-flex .vjs-current-time {
|
|
display: none; }
|
|
|
|
.video-js .vjs-duration,
|
|
.vjs-no-flex .vjs-duration {
|
|
display: none; }
|
|
|
|
.vjs-time-divider {
|
|
display: none;
|
|
line-height: 3em; }
|
|
|
|
.vjs-live .vjs-time-divider {
|
|
display: none; }
|
|
|
|
.video-js .vjs-play-control {
|
|
cursor: pointer;
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none; }
|
|
|
|
.vjs-text-track-display {
|
|
position: absolute;
|
|
bottom: 3em;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
pointer-events: none; }
|
|
|
|
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
|
|
bottom: 1em; }
|
|
|
|
.video-js .vjs-text-track {
|
|
font-size: 1.4em;
|
|
text-align: center;
|
|
margin-bottom: 0.1em;
|
|
background-color: #000;
|
|
background-color: rgba(0, 0, 0, 0.5); }
|
|
|
|
.vjs-subtitles {
|
|
color: #fff; }
|
|
|
|
.vjs-captions {
|
|
color: #fc6; }
|
|
|
|
.vjs-tt-cue {
|
|
display: block; }
|
|
|
|
video::-webkit-media-text-track-display {
|
|
-moz-transform: translateY(-3em);
|
|
-ms-transform: translateY(-3em);
|
|
-o-transform: translateY(-3em);
|
|
-webkit-transform: translateY(-3em);
|
|
transform: translateY(-3em); }
|
|
|
|
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
|
|
-moz-transform: translateY(-1.5em);
|
|
-ms-transform: translateY(-1.5em);
|
|
-o-transform: translateY(-1.5em);
|
|
-webkit-transform: translateY(-1.5em);
|
|
transform: translateY(-1.5em); }
|
|
|
|
.video-js .vjs-fullscreen-control {
|
|
cursor: pointer;
|
|
-webkit-box-flex: none;
|
|
-moz-box-flex: none;
|
|
-webkit-flex: none;
|
|
-ms-flex: none;
|
|
flex: none; }
|
|
|
|
.vjs-playback-rate .vjs-playback-rate-value {
|
|
font-size: 1.5em;
|
|
line-height: 2;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center; }
|
|
|
|
.vjs-playback-rate .vjs-menu {
|
|
width: 4em;
|
|
left: 0em; }
|
|
|
|
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
|
|
font-size: 1.4em;
|
|
text-align: center; }
|
|
|
|
.vjs-error .vjs-error-display:before {
|
|
color: #fff;
|
|
content: 'X';
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 4em;
|
|
left: 0;
|
|
line-height: 1;
|
|
margin-top: -0.5em;
|
|
position: absolute;
|
|
text-shadow: 0.05em 0.05em 0.1em #000;
|
|
text-align: center;
|
|
top: 50%;
|
|
vertical-align: middle;
|
|
width: 100%; }
|
|
|
|
.vjs-loading-spinner {
|
|
display: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -25px 0 0 -25px;
|
|
opacity: 0.85;
|
|
text-align: left;
|
|
border: 6px solid rgba(43, 51, 63, 0.7);
|
|
box-sizing: border-box;
|
|
background-clip: padding-box;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px; }
|
|
|
|
.vjs-seeking .vjs-loading-spinner,
|
|
.vjs-waiting .vjs-loading-spinner {
|
|
display: block; }
|
|
|
|
.vjs-loading-spinner:before,
|
|
.vjs-loading-spinner:after {
|
|
content: "";
|
|
position: absolute;
|
|
margin: -6px;
|
|
box-sizing: inherit;
|
|
width: inherit;
|
|
height: inherit;
|
|
border-radius: inherit;
|
|
opacity: 1;
|
|
border: inherit;
|
|
border-color: transparent;
|
|
border-top-color: white; }
|
|
|
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
.vjs-waiting .vjs-loading-spinner:before,
|
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
|
|
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
|
|
|
|
.vjs-seeking .vjs-loading-spinner:before,
|
|
.vjs-waiting .vjs-loading-spinner:before {
|
|
border-top-color: white; }
|
|
|
|
.vjs-seeking .vjs-loading-spinner:after,
|
|
.vjs-waiting .vjs-loading-spinner:after {
|
|
border-top-color: white;
|
|
-webkit-animation-delay: 0.44s;
|
|
animation-delay: 0.44s; }
|
|
|
|
@keyframes vjs-spinner-spin {
|
|
100% {
|
|
transform: rotate(360deg); } }
|
|
|
|
@-webkit-keyframes vjs-spinner-spin {
|
|
100% {
|
|
-webkit-transform: rotate(360deg); } }
|
|
|
|
@keyframes vjs-spinner-fade {
|
|
0% {
|
|
border-top-color: #73859f; }
|
|
20% {
|
|
border-top-color: #73859f; }
|
|
35% {
|
|
border-top-color: white; }
|
|
60% {
|
|
border-top-color: #73859f; }
|
|
100% {
|
|
border-top-color: #73859f; } }
|
|
|
|
@-webkit-keyframes vjs-spinner-fade {
|
|
0% {
|
|
border-top-color: #73859f; }
|
|
20% {
|
|
border-top-color: #73859f; }
|
|
35% {
|
|
border-top-color: white; }
|
|
60% {
|
|
border-top-color: #73859f; }
|
|
100% {
|
|
border-top-color: #73859f; } }
|
|
|
|
.vjs-chapters-button .vjs-menu ul {
|
|
width: 24em; }
|
|
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
|
|
-webkit-box-flex: auto;
|
|
-moz-box-flex: auto;
|
|
-webkit-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto; }
|
|
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
|
|
width: auto; }
|
|
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
|
|
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button {
|
|
display: none; }
|
|
|
|
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
|
|
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
|
|
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
|
|
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button {
|
|
display: none; }
|
|
|
|
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
|
|
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
|
|
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
|
|
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
|
|
display: none; }
|
|
|
|
.vjs-caption-settings {
|
|
position: relative;
|
|
top: 1em;
|
|
background-color: #2B333F;
|
|
background-color: rgba(43, 51, 63, 0.75);
|
|
color: #fff;
|
|
margin: 0 auto;
|
|
padding: 0.5em;
|
|
height: 15em;
|
|
font-size: 12px;
|
|
width: 40em; }
|
|
|
|
.vjs-caption-settings .vjs-tracksettings {
|
|
top: 0;
|
|
bottom: 2em;
|
|
left: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
overflow: auto; }
|
|
|
|
.vjs-caption-settings .vjs-tracksettings-colors,
|
|
.vjs-caption-settings .vjs-tracksettings-font {
|
|
float: left; }
|
|
|
|
.vjs-caption-settings .vjs-tracksettings-colors:after,
|
|
.vjs-caption-settings .vjs-tracksettings-font:after,
|
|
.vjs-caption-settings .vjs-tracksettings-controls:after {
|
|
clear: both; }
|
|
|
|
.vjs-caption-settings .vjs-tracksettings-controls {
|
|
position: absolute;
|
|
bottom: 1em;
|
|
right: 1em; }
|
|
|
|
.vjs-caption-settings .vjs-tracksetting {
|
|
margin: 5px;
|
|
padding: 3px;
|
|
min-height: 40px; }
|
|
|
|
.vjs-caption-settings .vjs-tracksetting label {
|
|
display: block;
|
|
width: 100px;
|
|
margin-bottom: 5px; }
|
|
|
|
.vjs-caption-settings .vjs-tracksetting span {
|
|
display: inline;
|
|
margin-left: 5px; }
|
|
|
|
.vjs-caption-settings .vjs-tracksetting > div {
|
|
margin-bottom: 5px;
|
|
min-height: 20px; }
|
|
|
|
.vjs-caption-settings .vjs-tracksetting > div:last-child {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
min-height: 0; }
|
|
|
|
.vjs-caption-settings label > input {
|
|
margin-right: 10px; }
|
|
|
|
.vjs-caption-settings input[type="button"] {
|
|
width: 40px;
|
|
height: 40px; }
|
|
|
|
.video-js .vjs-modal-dialog {
|
|
background: rgba(0, 0, 0, 0.8);
|
|
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }
|
|
|
|
.vjs-modal-dialog .vjs-modal-dialog-content {
|
|
font-size: 1.2em;
|
|
line-height: 1.5;
|
|
padding: 20px 24px;
|
|
z-index: 1; }
|