990 lines
63 KiB
SCSS
990 lines
63 KiB
SCSS
|
$backgroundUri: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9ImJpZ3BsYXktZ3JhZGllbnQuZnctUGFnZSUyMDEiIHZpZXdCb3g9IjAgMCAxMDAgMjAwIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjIwMHB4Ig0+DQk8ZGVmcz4NCQk8cmFkaWFsR3JhZGllbnQgaWQ9ImdyYWRpZW50MSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNTAlIj4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjcwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjMjIyMjIyIiBzdG9wLW9wYWNpdHk9IjAuMDExOCIgb2Zmc2V0PSI3MC4yMDIlIi8+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSI4NSUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiLz4NCQk8L3JhZGlhbEdyYWRpZW50Pg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQyIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iNzAlIi8+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMC4wMTE4IiBvZmZzZXQ9IjcwLjIwMiUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9Ijg1JSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYmJiYmJiIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQkJPGZpbHRlciBpZD0iZmlsdGVyMSIgeD0iLTEwMCUiIHk9Ii0xMDAlIiB3aWR0aD0iMzAwJSIgaGVpZ2h0PSIzMDAlIj4NCQkJPCEtLSBHbG93IC0tPg0JCQk8ZmVDb2xvck1hdHJpeCByZXN1bHQ9Im91dCIgaW49IlNvdXJjZUdyYXBoaWMiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjI1MSAwIi8+DQkJCTxmZU1vcnBob2xvZ3kgcmVzdWx0PSJvdXQiIGluPSJvdXQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMyIvPg0JCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMS41Ii8+DQkJCTxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9Im91dCIgbW9kZT0ibm9ybWFsIiByZXN1bHQ9Ikdsb3cxIi8+DQkJPC9maWx0ZXI+DQkJPGZpbHRlciBpZD0iZmlsdGVyMiIgeD0iLTEwMCUiIHk9Ii0xMDAlIiB3aWR0aD0iMzAwJSIgaGVpZ2h0PSIzMDAlIj4NCQkJPCEtLSBHbG93IC0tPg0JCQk8ZmVDb2xvck1hdHJpeCByZXN1bHQ9Im91dCIgaW49IlNvdXJjZUdyYXBoaWMiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwLjg2NjcgMCAgMCAwIDAgMC44NjY3IDAgIDAgMCAwIDAuODY2NyAwICAwIDAgMCAwLjI1MSAwIi8+DQkJCTxmZU1vcnBob2xvZ3kgcmVzdWx0PSJvdXQiIGluPSJvdXQiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMyIvPg0JCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMS41Ii8+DQkJCTxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9Im91dCIgbW9kZT0ibm9ybWFsIiByZXN1bHQ9Ikdsb3cyIi8+DQkJPC9maWx0ZXI+DQk8L2RlZnM+DQk8ZyBpZD0iQmFja2dyb3VuZCI+DQk8L2c+DQk8ZyBpZD0iZGFyayUyMHNoYWRvdyI+DQkJPHBhdGggZD0iTSAyMiA1MCBDIDIyIDM0LjUzNTggMzQuNTM1OCAyMiA1MCAyMiBDIDY1LjQ2NDIgMjIgNzggMzQuNTM1OCA3OCA1MCBDIDc4IDY1LjQ2NDIgNjUuNDY0MiA3OCA1MCA3OCBDIDM0LjUzNTggNzggMjIgNjUuNDY0MiAyMiA1MCBaTSA1IDUwIEMgNSA3NC44NTMxIDI1LjE0NjkgOTUgNTAgOTUgQyA3NC44NTMxIDk1IDk1IDc0Ljg1MzEgOTUgNTAgQyA5NSAyNS4xNDY5IDc0Ljg1MzEgNSA1MCA1IEMgMjUuMTQ2OSA1IDUgMjUuMTQ2OSA1IDUwIFoiIGZpbGw9InVybCgjZ3JhZGllbnQxKSIvPg0JCTxwYXRoIGQ9Ik0gMjIgMTUwIEMgMjIgMTM0LjUzNTggMzQuNTM1OCAxMjIgNTAgMTIyIEMgNjUuNDY0MiAxMjIgNzggMTM0LjUzNTggNzggMTUwIEMgNzggMTY1LjQ2NDIgNjUuNDY0MiAxNzggNTAgMTc4IEMgMzQuNTM1OCAxNzggMjIgMTY1LjQ2NDIgMjIgMTUwIFpNIDUgMTUwIEMgNSAxNzQuODUzMSAyNS4xNDY5IDE5NSA1MCAxOTUgQyA3NC44NTMxIDE5NSA5NSAxNzQuODUzMSA5NSAxNTAgQyA5NSAxMjUuMTQ2OSA3NC44NTMxIDEwNSA1MCAxMDUgQyAyNS4xNDY5IDEwNSA1IDEyNS4xNDY5IDUgMTUwIFoiIGZpbGw9InVybCgjZ3JhZGllbnQyKSIvPg0JPC9nPg0JPGcgaWQ9ImRhcmsiPg0JCTxwYXRoIGlkPSJQb2x5Z29uIiBmaWx0ZXI9InVybCgjZmlsdGVyMSkiIGQ9Ik0gNzIuNSA0OS41IEwgMzguNzUgNjguOTg1NiBMIDM4Ljc1IDMwLjAxNDQgTCA3Mi41IDQ5LjUgWiIgZmlsbD0iI2ZmZmZmZiIvPg0JCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDEzIDUwLjUgQyAxMyAyOS43ODkxIDI5Ljc4OTEgMTMgNTAuNSAxMyBDIDcxLjIxMDkgMTMgODggMjkuNzg5MSA4OCA1MC41IEMgODggNzEuMjEwOSA3MS4yMTA5IDg4IDUwLjUgODggQyAyOS43ODkxIDg4IDEzIDcxLjIxMDkgMTMg
|
||
|
|
||
|
.mejs-offscreen{
|
||
|
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
|
||
|
position: absolute !important;
|
||
|
top: -10000px;
|
||
|
left: -10000px;
|
||
|
overflow: hidden;
|
||
|
width: 1px;
|
||
|
height: 1px;
|
||
|
}
|
||
|
|
||
|
.mejs-container {
|
||
|
position: relative;
|
||
|
background: #000;
|
||
|
font-family: Helvetica, Arial;
|
||
|
text-align: left;
|
||
|
vertical-align: top;
|
||
|
text-indent: 0;
|
||
|
}
|
||
|
|
||
|
.me-plugin {
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.mejs-embed, .mejs-embed body {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background: #000;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-fullscreen {
|
||
|
/* set it to not show scroll bars so 100% will work */
|
||
|
overflow: hidden !important;
|
||
|
}
|
||
|
|
||
|
.mejs-container-fullscreen {
|
||
|
position: fixed;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
overflow: hidden;
|
||
|
z-index: 1000;
|
||
|
}
|
||
|
.mejs-container-fullscreen .mejs-mediaelement,
|
||
|
.mejs-container-fullscreen video {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.mejs-clear {
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
/* Start: LAYERS */
|
||
|
.mejs-background {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-mediaelement {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.mejs-poster {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
background-size: contain ;
|
||
|
background-position: 50% 50% ;
|
||
|
background-repeat: no-repeat ;
|
||
|
}
|
||
|
:root .mejs-poster img {
|
||
|
display: none ;
|
||
|
}
|
||
|
|
||
|
.mejs-poster img {
|
||
|
border: 0;
|
||
|
padding: 0;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-overlay {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-overlay-play {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.mejs-overlay-button {
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
left: 50%;
|
||
|
width: 100px;
|
||
|
height: 100px;
|
||
|
margin: -50px 0 0 -50px;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
}
|
||
|
|
||
|
.no-svg .mejs-overlay-button {
|
||
|
background-image: url(data:image/png;base64,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);
|
||
|
}
|
||
|
|
||
|
.mejs-overlay:hover .mejs-overlay-button {
|
||
|
background-position: 0 -100px ;
|
||
|
}
|
||
|
|
||
|
.mejs-overlay-loading {
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
left: 50%;
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
margin: -40px 0 0 -40px;
|
||
|
background: #333;
|
||
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==);
|
||
|
background: rgba(0, 0, 0, 0.9);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
|
||
|
background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
|
||
|
background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
|
||
|
background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
|
||
|
background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
|
||
|
background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
|
||
|
}
|
||
|
|
||
|
.mejs-overlay-loading span {
|
||
|
display: block;
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
background: transparent url(data:image/gif;base64,R0lGODlhMAAwAPcAAP////7+/v39/fv7+/j4+Pf39/X19e3t7ezs7Ovr6+rq6ujo6Obm5uXl5eTk5OHh4eDg4N/f397e3tzc3NnZ2djY2NbW1tXV1dTU1NPT08zMzMvLy8nJycjIyMfHx8PDw8LCwsDAwL+/v729vby8vLu7u7q6uri4uLOzs7KysrCwsK2traysrKampqSkpKOjo6KioqGhoaCgoJ6enp2dnZubm5qampmZmZeXl5aWlpWVlZSUlJOTk5GRkZCQkI+Pj46Ojo2NjYuLi4qKiomJiYiIiIeHh4WFhYSEhIODg4KCgoGBgYCAgH5+fn19fXx8fHt7e3p6enh4eHd3d3Z2dnV1dXR0dHJycnFxcWxsbGtra2pqamlpaWhoaGZmZmVlZWRkZGNjY19fX15eXl1dXVxcXFtbW1lZWVhYWFdXV1ZWVlVVVVNTU1JSUlFRUU9PT01NTUxMTEtLS0pKSklJSUdHR0ZGRkVFRURERENDQ0JCQkBAQD8/Pz4+Pj09PTw8PDo6Ojg4ODc3NzY2NjQ0NDMzMzIyMjExMTAwMC4uLi0tLSwsLCsrKykpKScnJyUlJSQkJCMjIyEhIR8fHx4eHh0dHRsbGxoaGhkZGRgYGBcXFxUVFRQUFBMTExISEhEREQ8PDw4ODg0NDQwMDAsLCwoKCggICAcHBwYGBgUFBQQEBAICAgEBAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgCtACwCAAAAKwAtAAAI/wBbCRxIsCDBVZYIEbK0yqDDhxANItpRIUGCCjsQRdzIsRWbBwBCinzApqPJgn8YiFwJgMGfkydNrWDJcoUpmB0RHaC58oBGnANLFUJTho8ngWsE8BQpYA1QgYxuVHDQQEIKOa3IBFgaMgCZp4tENBhL1oIbPAW4AiiAZyArVKk4mrpBtm6DD38yqL2ASWApRn3+SFIVsVAFu3W9YFHKU4AVgaoOyXnzho6kiGkQ1wXyKcZWlgFggBL4yc4bOZP/xH1YRjPZHa08GVnwOcACI0cFdqJzenIfVBD5SHDdgIrAVYq29OihRVHDgagAnT7NKKInFa4tCDrp6Q8dO4ZKbf+UYwGxAyiET57q9Cl9xFVrOlAdWwGKqKcwI3XxoWOKoNX4bbSKe62wEmBHnaxhBBBYIPLcgRtFYkMHG1RYwhkEQojKJ6MY2MooPVQo4gYi9AHhQJnEMYYZgwD3xwcjihgEgAGS0kYXOH6hURgxishCJydKAgaOOL6hCo89bvBjkEMSaeSLSc54oo1E6vhhiDGWeKJAKa7YokASUmghhlsKtGGHBCW4YIMPlgnRgG7GKSdBqWRSiXhzOhSJFDLAUAQgbZokSiSVnNKRJTycoOgJLbyUXxdPRIHGJxyRkcIJKWR6QhF4diRKF0qEygQcHj6UihKYZnppDJacFAkUSjCMwYQSWpASkSpPpKrpDJmcVEkUsc7aRacPyaFCqopOkaEnCuVGECpozKrEE45GJMoUx2LKQyQFOfKEDjo84YhBn8CRRRd/AMeRKHI4kQQZrRJUyhU41IvDFcQeR0q+HKlC40CVBGEvDkFUkidBmxgx8BGbHDwQfDrUq8MageZZyhxUUDEHvw6bctNTAQEAIfkECQoArQAsAgABACsALAAACP8AWwkcSLAgQVKEzJDZ08mgw4cQDTKyUaGBAwkp5ETcyLHVIhENQoq00KajyYKmbIhc2eDDyZetClVkGdJBl4GqKg0aVEnVyVWpCqZhQFPkD4GHdlRIkKACD0McO6kxAuTKIZ+txhAt2kBHKzYPAIgVGwACm4iRbHTQwNYEmqB6InBtQMUPg7F4ATTw83AUD7aANYjg06pTCq4VTK3Im5dFKYd/PgQGHORUqzgzWUI5dIAxXgRQDYKZDJgFp1aq1HDY2qAClFBqPOMVsMbhF9JsTQ+ExKUHjimCTGWVPVYAGYd+JJMOIrzgKoJmCBAHUOCOQ1F/J4vY0xHD9AuXHkL/qsEBcIkzqDpCIR6gSkROaoj4sBq0Y5wXngPA+MRRlWWYnQyhwFgBKFDEaTC9pAoiWfDAgxaJ1GcQKphUQkqCGLYSSRQzxGAEIBJmWBArpzQnUCU8nKDiCS3wJWJBpTDSxx+RpNcKGSicgMKOJxhx4YsCqXKIHG+8QUckraCShI475ihDJUAK9Ekdb8hB5B+nqNIEkzzOEF6UndBRJZF9pBdHCkyqOIWNQKICSJVVKiIQKFKgqSMPj0Q5kCd/0FGHIaMMBEocTRxBBiV6EnRKJ5+widNjiUYq6aSUViqQJzs1hCEqnoiCFUeOOJFDDk80kmAmcYxhxiAmQlTKFTjEm4oDFoGeREobXeT6RSEcVRKErDgEMclLkoCRa65wOOqQJkQAe4QmxBp77BvKGpSarDmsEaJAoUBCCaQHsXHsrh2REscUVMhRK0GRdOFEFGh4YlAmcKjK6kmmgEtQKF0o4S8TcHw6ECqfjCKwiJFAoQQTTCixhSiWDlSJwgwr0cW6lqJiRsNKONFHxAR58kYWXfzRKsiqkPJjggEBACH5BAkKAK0ALAMAAgAtACsAAAj/AFsJHEiw4MBRf8KE+SPKoMOHEB9G6vFhwwYQPiBF3MhxYCcbFkNuuMGpo8mHazqItOhhzcmXA1UZWRnyiKqBnvaQSVOoFExVpwqq+kHTYpBVrVbFUSHBgQMLOBSZFBXnyRIylQheKbrhisA1FhqIHStiEUdRU1ScOJGCh0aBiEjQLIGoVaQOY/M2wOEzohy1KVKsnYJKoCozIkSKOIO0iwO9YysUiqjKCdvAgmdkisknCAsWQfrcbOUD8lgHaCKmQnI58IkYWQmi4sQp1cBVOUyLdUBm4xjBmE8U6btRiu4GEvZsrLRj7doWf0wGqqA7hSeOkKTIgFHkD9KOqJw8/9ZrQY7JVJgsETcZygn1sR/awJxvONCUHT+8/MlDZg2i9fSZ9AkWGRQggAAIsOBHgCd5EoMAAEQoYQNsELSKJpWMwqCFRgQg4YcAQHCIQKWsYYQQWDSyoUCKLADihwHwcNMcOuBgIxSdrLiFhy9KaIElplBho406ELJiDz1+qAAhpkwxJA46DLIiD0lKuGQrcuQw5BPXbZhFlRH+2AopJgZxhSMrtpKIAmDu8N2FlQAYoCpFVPlAXWk+1IkLEILIQIV5QvRJFRYQAEAAB6wQXaAbXXLHGP6ZwuikraBCSSSgBDjbJ7ad9AkaUUDhxVsveQIIHXYgQopJq8DBhBKwdqCR6Umn/PHGrXIwMtpGpGShBBOvPhHJS53QIcexb/QRFEelcPHrq1FQ8tIndryB7B+dcuSHE7AygcayBJESSSQNCVWIHLfSMaxJqPjRhRZwfGJQJm2AAYYblxhUCiN9/CHJriaVQgorBqESRxcIdyGHpAVnm+cnYyTcxRhdUmrQKGZIbEa5FhfEiiBfIPzFIAR3XDAityJSmMkPqQIwfQEBACH5BAkKAK0ALAMAAgAsACsAAAj/AFsJHEiwYEFVpwwqXMiwISg4TZSQqdSwokWCoKSkOHEiBQ9IF0MyjLMRBQqOUhKKXClQVZMTJk2eoIGJJctTRmDGPCGDEkFRfbyA+SNKpCpNlEYZHHNypxFSAyHx+KBBA4geIC2SUkMkCJZGBSvt4MixxZ+BnGpUXavhBieLcXDIxfGkU0FIUmTEMPIn1UA1HNhW9bCmoqkpc3HkGGQ
|
||
|
}
|
||
|
|
||
|
/* End: LAYERS */
|
||
|
|
||
|
/* Start: CONTROL BAR */
|
||
|
.mejs-container .mejs-controls {
|
||
|
position: absolute;
|
||
|
list-style-type: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==);
|
||
|
background: rgba(0, 0, 0, 0.7);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
|
||
|
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
height: 30px;
|
||
|
width: 100%;
|
||
|
}
|
||
|
.mejs-container .mejs-controls div {
|
||
|
list-style-type: none;
|
||
|
background-image: none;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
width: 26px;
|
||
|
height: 26px;
|
||
|
font-size: 11px;
|
||
|
line-height: 11px;
|
||
|
font-family: Helvetica, Arial;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-button button {
|
||
|
cursor: pointer;
|
||
|
display: block;
|
||
|
font-size: 0;
|
||
|
line-height: 0;
|
||
|
text-decoration: none;
|
||
|
margin: 7px 5px;
|
||
|
padding: 0;
|
||
|
position: absolute;
|
||
|
height: 16px;
|
||
|
width: 16px;
|
||
|
border: 0;
|
||
|
background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9ImNvbnRyb2xzLmZ3LVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQ0IDMyIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE0NHB4IiBoZWlnaHQ9IjMycHgiDT4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAlIiBjeT0iNTAlIiByPSI1MCUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIwLjIiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQkJPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudDIiIHgxPSI1MCUiIHkxPSItNy44NjUyJSIgeDI9IjUwJSIgeTI9IjI0OS42NjI5JSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvbGluZWFyR3JhZGllbnQ+DQkJPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudDMiIHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjIzOC43NSUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEwMCUiLz4NCQk8L2xpbmVhckdyYWRpZW50Pg0JCTxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQ0IiB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAlIi8+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxMDAlIi8+DQkJPC9saW5lYXJHcmFkaWVudD4NCQk8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWRpZW50NSIgeDE9IjUwJSIgeTE9Ii0zMy4zMzMzJSIgeDI9IjUwJSIgeTI9IjE1Mi4wODMzJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvbGluZWFyR3JhZGllbnQ+DQkJPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudDYiIHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEwMCUiLz4NCQk8L2xpbmVhckdyYWRpZW50Pg0JCTxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQ3IiB4MT0iNTAlIiB5MT0iLTMzLjMzMzMlIiB4Mj0iNTAlIiB5Mj0iMTUyLjA4MzMlIj4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAlIi8+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxMDAlIi8+DQkJPC9saW5lYXJHcmFkaWVudD4NCQk8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWRpZW50OCIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvbGluZWFyR3JhZGllbnQ+DQkJPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudDkiIHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCUiLz4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEwMCUiLz4NCQk8L2xpbmVhckdyYWRpZW50Pg0JCTxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQxMCIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjYzhjOGM4IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvbGluZWFyR3JhZGllbnQ+DQkJPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudDExIiB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4NCQkJPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAlIi8+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNjOGM4YzgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxMDAlIi8+DQkJPC9saW5lYXJHcmFkaWVudD4NCQk8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWRpZW50MTIiIHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjIzOC43NSUiPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnN
|
||
|
}
|
||
|
|
||
|
.no-svg .mejs-controls .mejs-button button {
|
||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAAgCAMAAADKUgH/AAAAA3NCSVQICAjb4U/gAAAB+1BMVEX////+/v77+/v6+vr5+fn4+Pj39/f29vb19fX09PTy8vLx8fHw8PDv7+/u7u7t7e3s7Ozr6+vq6urp6eno6Ojm5ubk5OTj4+Pi4uLh4eHg4ODf39/e3t7c3Nzb29va2trZ2dnX19fW1tbT09PS0tLR0dHQ0NDOzs7Nzc3Ly8vGxsbFxcXExMTDw8PCwsLBwcHAwMC/v7+9vb24uLi3t7e2tra0tLSysrKvr6+urq6tra2srKyrq6uoqLenp6elpaWkpKSioqKgoKCenqyfn5+dnZ2cnJybm5uampqZmZmXl5eVlZWUlJSUlKGTk5OSkpKPj4+Ojo6MjIyLi4uKioqJiYmJiZWHh4eGhoaEhISDg4OCgoKBgYGAgIB5eXl4eHh3d3d1dYBycnJwcHBubm5tbXdpaXNpaWlnZ2dkZGRjY2NgYGBfX19eXl5dXV1cXFxaWlpYWFhWVlZVVVVTU1NSUlJRUVFPT09OTk5NTU1MTExLS0tKSkpJSUlHR0dGRkZERERDQ0NCQkJAQEA/Pz8+Pj47Ozs5OTk3Nzc2NjY1NTU1NTkzMzMyMjIxMTEwMDAsLCwrKysqKioqKi4pKSkoKCgnJychISEgICAgICIfHx8eHh4dHR0cHBwaGhoZGRkYGBgVFRcVFRUSEhIREREQEBAPDw8LCwsAAAD8LSgfAAAAqXRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8A+297FgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMy8xMqzAOnkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEAUlEQVRYhdVWCVsTVxQNJpqqGKONRCMRk0jjVrDuW1RIiIoo1SpIClq1JihGcUFZVNSAG264Aq5Ug/dn+u57d+5MwuQrtfMVer4v797z3p07J2+2Y4MpBttkC5Bo46GgoKGfOLUJVANUYySqA/QFGPq78/p8BRZcMYCYiwX52sZVdM6zc26322sw1ogEqbFOks1qIeZ6SrNv7qRbU61dL/U/ZNBvnNDaOBzxuMPBgux2fzpXz29Op5OJ07lHJXvkpNNYiGTEPR0XRvzT3CM4N9Z/KXUs0Zg4lrr6V25b2iE7Q1uYKcGCfhAIXNAWkc0W4Daza7WsFifF7/NboAEn4o4VNRizKxxxrLpnKyLYroIZZjKQtS8sZixsl4IUCbWrcsznCvDx+yAnnQtta9Ztz8gBsMozo1/V9M/wiHHwVtEjQlH6bv7uIOYwJK1zu92V169XilCndmgeIXwRiHkETP8cnh8CnyBzG4cMYJV+dWX2tEcX1NoDJvfQjwx1WL3HcwPghsdTD0rQAsZWYiUChQSVvA+LUQ6CyCugXwsU1KkLSnWa7VAJQ/GDXu9NgJte70EStIiw8jIQWyzAxx+CnHQxBB5kO57LAbCqZFa3Wu2ehWcYNO7QHbO/VMpQTcXJNvT2bhDhkBLkl6i8osoxLxPg48uOaNkRnCyD3m3rqx7IAXCitnj1GK6OrS6Wt/8t/aZOf8lRQru0lIGsI7yEEe6QggICa3MeiKPBYJBJMHiUZ5EaC5G89bkqxL3SU+Hy4YMHn7tSLfWxXbH6lrMfkI+7h0IMrU1AQqZYsmzZumt5u3ptVTnn5eXlCYwJkSA11knyrNQtUfqMZgcv4Xvo7MO8ptoOhRnaQijU1ETyUNDGrvwjAV7v4HS5QDNAM0aiOmTFuwP++fP9B96NbzNBVGD/ChY0+ejmYYoIMuD/JKgv/eq/08EghwN6UBB+KNO8RXtsqnkwQTIigMmoVYLIBxjsAPmh1i2KxaVVUa7IBCeUoGR02CJBZH4MHgj9UN/FIfBKtld9rdgX5WE0KgWN7o9ELdgjFETmh4LmhzKNO7Mb8f29z+Vy0XqtWYtkpOE07tDXhkhS9eRPx3cKIvNDQfdDVbd/PTWBFtHIC5BKXkSickL/uH6nIDI/FHQ/1HLuj+MTaKHuaEP2rwWRMaGg+6Hfzx/+c1IEkfmhoPuhTY+rzkygRTQyoJIBqy4ZmR8Kmh/qi1fBLxlAF8QLh81aiJv6K0brbmoyPwYPhH7oSU8WirPEMAQCjaYtxGPfIPZooMGyx175HC1IKD90crdiCbkQairQYxhfRAKWvRjJ1mjuRgL90PGfNdbMgylGk0JSNGnZp6MQ7n+04gz/EFPOfnwDzhnRIkQEkOIAAAAASUVORK5CYII=);
|
||
|
}
|
||
|
|
||
|
/* :focus for accessibility */
|
||
|
.mejs-controls .mejs-button button:focus {
|
||
|
outline: dotted 1px #999;
|
||
|
}
|
||
|
|
||
|
/* End: CONTROL BAR */
|
||
|
|
||
|
/* Start: Time (Current / Duration) */
|
||
|
.mejs-container .mejs-controls .mejs-time {
|
||
|
color: #fff;
|
||
|
display: block;
|
||
|
height: 17px;
|
||
|
width: auto;
|
||
|
padding: 10px 3px 0 3px ;
|
||
|
overflow: hidden;
|
||
|
text-align: center;
|
||
|
-moz-box-sizing: content-box;
|
||
|
-webkit-box-sizing: content-box;
|
||
|
box-sizing: content-box;
|
||
|
}
|
||
|
|
||
|
.mejs-container .mejs-controls .mejs-time a {
|
||
|
color: #fff;
|
||
|
font-size: 11px;
|
||
|
line-height: 12px;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
margin: 1px 2px 0 0;
|
||
|
width: auto;
|
||
|
}
|
||
|
/* End: Time (Current / Duration) */
|
||
|
|
||
|
/* Start: Play/Pause/Stop */
|
||
|
.mejs-controls .mejs-play button {
|
||
|
background-position: 0 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-pause button {
|
||
|
background-position: 0 -16px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-stop button {
|
||
|
background-position: -112px 0;
|
||
|
}
|
||
|
/* Start: Play/Pause/Stop */
|
||
|
|
||
|
/* Start: Progress Bar */
|
||
|
.mejs-controls div.mejs-time-rail {
|
||
|
direction: ltr;
|
||
|
width: 200px;
|
||
|
padding-top: 5px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
width: 180px;
|
||
|
height: 10px;
|
||
|
-webkit-border-radius: 2px;
|
||
|
-moz-border-radius: 2px;
|
||
|
border-radius: 2px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-total {
|
||
|
margin: 5px;
|
||
|
background: #333;
|
||
|
background: rgba(50,50,50,0.8);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
|
||
|
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-buffering {
|
||
|
width: 100%;
|
||
|
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||
|
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
|
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
|
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
|
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
|
-webkit-background-size: 15px 15px;
|
||
|
-moz-background-size: 15px 15px;
|
||
|
-o-background-size: 15px 15px;
|
||
|
background-size: 15px 15px;
|
||
|
-webkit-animation: buffering-stripes 2s linear infinite;
|
||
|
-moz-animation: buffering-stripes 2s linear infinite;
|
||
|
-ms-animation: buffering-stripes 2s linear infinite;
|
||
|
-o-animation: buffering-stripes 2s linear infinite;
|
||
|
animation: buffering-stripes 2s linear infinite;
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
|
||
|
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
|
||
|
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
|
||
|
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
|
||
|
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-loaded {
|
||
|
background: #3caac8;
|
||
|
background: rgba(60,170,200,0.8);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
|
||
|
background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
|
||
|
background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
|
||
|
background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
|
||
|
background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
|
||
|
background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
|
||
|
width: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-current {
|
||
|
background: #fff;
|
||
|
background: rgba(255,255,255,0.8);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
|
||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
width: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-handle {
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
margin: 0;
|
||
|
width: 10px;
|
||
|
background: #fff;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
cursor: pointer;
|
||
|
border: solid 2px #333;
|
||
|
top: -2px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-float {
|
||
|
position: absolute;
|
||
|
display: none;
|
||
|
background: #eee;
|
||
|
width: 36px;
|
||
|
height: 17px;
|
||
|
border: solid 1px #333;
|
||
|
top: -26px;
|
||
|
margin-left: -18px;
|
||
|
text-align: center;
|
||
|
color: #111;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-float-current {
|
||
|
margin: 2px;
|
||
|
width: 30px;
|
||
|
display: block;
|
||
|
text-align: center;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
|
||
|
position: absolute;
|
||
|
display: block;
|
||
|
width: 0;
|
||
|
height: 0;
|
||
|
line-height: 0;
|
||
|
border: solid 5px #eee;
|
||
|
border-color: #eee transparent transparent transparent;
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
top: 15px;
|
||
|
left: 13px;
|
||
|
}
|
||
|
|
||
|
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
|
||
|
width: 48px;
|
||
|
}
|
||
|
|
||
|
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
|
||
|
width: 44px;
|
||
|
}
|
||
|
|
||
|
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
|
||
|
left: 18px;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
|
||
|
visibility:visible;
|
||
|
}
|
||
|
*/
|
||
|
/* End: Progress Bar */
|
||
|
|
||
|
/* Start: Fullscreen */
|
||
|
.mejs-controls .mejs-fullscreen-button button {
|
||
|
background-position: -32px 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-unfullscreen button {
|
||
|
background-position: -32px -16px;
|
||
|
}
|
||
|
/* End: Fullscreen */
|
||
|
|
||
|
|
||
|
/* Start: Mute/Volume */
|
||
|
.mejs-controls .mejs-volume-button {
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-mute button {
|
||
|
background-position: -16px -16px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-unmute button {
|
||
|
background-position: -16px 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-volume-button {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-volume-button .mejs-volume-slider {
|
||
|
display: none;
|
||
|
height: 115px;
|
||
|
width: 25px;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50, 50, 50, 0.7);
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
top: -115px;
|
||
|
left: 0;
|
||
|
z-index: 1;
|
||
|
position: absolute;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-volume-button:hover {
|
||
|
-webkit-border-radius: 0 0 4px 4px;
|
||
|
-moz-border-radius: 0 0 4px 4px;
|
||
|
border-radius: 0 0 4px 4px;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
|
||
|
display: block;
|
||
|
}
|
||
|
*/
|
||
|
|
||
|
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
|
||
|
position: absolute;
|
||
|
left: 11px;
|
||
|
top: 8px;
|
||
|
width: 2px;
|
||
|
height: 100px;
|
||
|
background: #ddd;
|
||
|
background: rgba(255, 255, 255, 0.5);
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
|
||
|
position: absolute;
|
||
|
left: 11px;
|
||
|
top: 8px;
|
||
|
width: 2px;
|
||
|
height: 100px;
|
||
|
background: #ddd;
|
||
|
background: rgba(255, 255, 255, 0.9);
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
|
||
|
position: absolute;
|
||
|
left: 4px;
|
||
|
top: -3px;
|
||
|
width: 16px;
|
||
|
height: 6px;
|
||
|
background: #ddd;
|
||
|
background: rgba(255, 255, 255, 0.9);
|
||
|
cursor: N-resize;
|
||
|
-webkit-border-radius: 1px;
|
||
|
-moz-border-radius: 1px;
|
||
|
border-radius: 1px;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
/* horizontal version */
|
||
|
.mejs-controls a.mejs-horizontal-volume-slider {
|
||
|
height: 26px;
|
||
|
width: 56px;
|
||
|
position: relative;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 11px;
|
||
|
width: 50px;
|
||
|
height: 8px;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-size: 1px;
|
||
|
-webkit-border-radius: 2px;
|
||
|
-moz-border-radius: 2px;
|
||
|
border-radius: 2px;
|
||
|
background: #333;
|
||
|
background: rgba(50,50,50,0.8);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
|
||
|
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 11px;
|
||
|
width: 50px;
|
||
|
height: 8px;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-size: 1px;
|
||
|
-webkit-border-radius: 2px;
|
||
|
-moz-border-radius: 2px;
|
||
|
border-radius: 2px;
|
||
|
background: #fff;
|
||
|
background: rgba(255,255,255,0.8);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
|
||
|
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
/* End: Mute/Volume */
|
||
|
|
||
|
/* Start: Track (Captions and Chapters) */
|
||
|
.mejs-controls .mejs-captions-button {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-captions-button button {
|
||
|
background-position: -48px 0;
|
||
|
}
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-selector {
|
||
|
visibility: hidden;
|
||
|
position: absolute;
|
||
|
bottom: 26px;
|
||
|
right: -51px;
|
||
|
width: 85px;
|
||
|
height: 100px;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50,50,50,0.7);
|
||
|
border: solid 1px transparent;
|
||
|
padding: 10px 10px 0 10px;
|
||
|
overflow: hidden;
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
*/
|
||
|
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
display: block;
|
||
|
list-style-type: none !important;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
|
||
|
margin: 0 0 6px 0;
|
||
|
padding: 0;
|
||
|
list-style-type: none !important;
|
||
|
display: block;
|
||
|
color: #fff;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
|
||
|
clear: both;
|
||
|
float: left;
|
||
|
margin: 3px 3px 0 5px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
|
||
|
width: 55px;
|
||
|
float: left;
|
||
|
padding: 4px 0 0 0;
|
||
|
line-height: 15px;
|
||
|
font-family: helvetica, arial;
|
||
|
font-size: 10px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-captions-button .mejs-captions-translations {
|
||
|
font-size: 10px;
|
||
|
margin: 0 0 5px 0;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
-xborder-right: solid 1px #fff;
|
||
|
width: 10000px;
|
||
|
z-index: 1;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter {
|
||
|
position: absolute;
|
||
|
float: left;
|
||
|
background: #222;
|
||
|
background: rgba(0, 0, 0, 0.7);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
|
||
|
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
|
||
|
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
|
||
|
overflow: hidden;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter .mejs-chapter-block {
|
||
|
font-size: 11px;
|
||
|
color: #fff;
|
||
|
padding: 5px;
|
||
|
display: block;
|
||
|
border-right: solid 1px #333;
|
||
|
border-bottom: solid 1px #333;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
|
||
|
border-right: none;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
|
||
|
background: #666;
|
||
|
background: rgba(102,102,102, 0.7);
|
||
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
|
||
|
background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
|
||
|
background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
|
||
|
background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
|
||
|
background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
|
||
|
background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
|
||
|
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
|
||
|
font-size: 12px;
|
||
|
font-weight: bold;
|
||
|
display: block;
|
||
|
white-space: nowrap;
|
||
|
text-overflow: ellipsis;
|
||
|
margin: 0 0 3px 0;
|
||
|
line-height: 12px;
|
||
|
}
|
||
|
|
||
|
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
|
||
|
font-size: 12px;
|
||
|
line-height: 12px;
|
||
|
margin: 3px 0 4px 0;
|
||
|
display: block;
|
||
|
white-space: nowrap;
|
||
|
text-overflow: ellipsis;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-layer {
|
||
|
position: absolute;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
text-align:center;
|
||
|
line-height: 20px;
|
||
|
font-size: 16px;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-layer a {
|
||
|
color: #fff;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-layer[lang=ar] {
|
||
|
font-size: 20px;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-position {
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
bottom: 15px;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-position-hover {
|
||
|
bottom: 35px;
|
||
|
}
|
||
|
|
||
|
.mejs-captions-text {
|
||
|
padding: 3px 5px;
|
||
|
background: url($backgroundUri);
|
||
|
background: rgba(20, 20, 20, 0.5);
|
||
|
white-space: pre-wrap;
|
||
|
}
|
||
|
/* End: Track (Captions and Chapters) */
|
||
|
|
||
|
/* Start: Error */
|
||
|
.me-cannotplay {
|
||
|
}
|
||
|
|
||
|
.me-cannotplay a {
|
||
|
color: #fff;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.me-cannotplay span {
|
||
|
padding: 15px;
|
||
|
display: block;
|
||
|
}
|
||
|
/* End: Error */
|
||
|
|
||
|
|
||
|
/* Start: Loop */
|
||
|
.mejs-controls .mejs-loop-off button {
|
||
|
background-position: -64px -16px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-loop-on button {
|
||
|
background-position: -64px 0;
|
||
|
}
|
||
|
|
||
|
/* End: Loop */
|
||
|
|
||
|
/* Start: backlight */
|
||
|
.mejs-controls .mejs-backlight-off button {
|
||
|
background-position: -80px -16px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-backlight-on button {
|
||
|
background-position: -80px 0;
|
||
|
}
|
||
|
/* End: backlight */
|
||
|
|
||
|
/* Start: Picture Controls */
|
||
|
.mejs-controls .mejs-picturecontrols-button {
|
||
|
background-position: -96px 0;
|
||
|
}
|
||
|
/* End: Picture Controls */
|
||
|
|
||
|
|
||
|
/* context menu */
|
||
|
.mejs-contextmenu {
|
||
|
position: absolute;
|
||
|
width: 150px;
|
||
|
padding: 10px;
|
||
|
border-radius: 4px;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
background: #fff;
|
||
|
border: solid 1px #999;
|
||
|
z-index: 1001; /* make sure it shows on fullscreen */
|
||
|
}
|
||
|
.mejs-contextmenu .mejs-contextmenu-separator {
|
||
|
height: 1px;
|
||
|
font-size: 0;
|
||
|
margin: 5px 6px;
|
||
|
background: #333;
|
||
|
}
|
||
|
|
||
|
.mejs-contextmenu .mejs-contextmenu-item {
|
||
|
font-family: Helvetica, Arial;
|
||
|
font-size: 12px;
|
||
|
padding: 4px 6px;
|
||
|
cursor: pointer;
|
||
|
color: #333;
|
||
|
}
|
||
|
.mejs-contextmenu .mejs-contextmenu-item:hover {
|
||
|
background: #2C7C91;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
/* Start: Source Chooser */
|
||
|
.mejs-controls .mejs-sourcechooser-button {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button button {
|
||
|
background-position: -128px 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
|
||
|
visibility: hidden;
|
||
|
position: absolute;
|
||
|
bottom: 26px;
|
||
|
right: -10px;
|
||
|
width: 130px;
|
||
|
height: 100px;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50,50,50,0.7);
|
||
|
border: solid 1px transparent;
|
||
|
padding: 10px;
|
||
|
overflow: hidden;
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
display: block;
|
||
|
list-style-type: none !important;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
|
||
|
margin: 0 0 6px 0;
|
||
|
padding: 0;
|
||
|
list-style-type: none !important;
|
||
|
display: block;
|
||
|
color: #fff;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
|
||
|
clear: both;
|
||
|
float: left;
|
||
|
margin: 3px 3px 0 5px;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
|
||
|
width: 100px;
|
||
|
float: left;
|
||
|
padding: 4px 0 0 0;
|
||
|
line-height: 15px;
|
||
|
font-family: helvetica, arial;
|
||
|
font-size: 10px;
|
||
|
}
|
||
|
/* End: Source Chooser */
|
||
|
|
||
|
/* Start: Postroll */
|
||
|
.mejs-postroll-layer {
|
||
|
position: absolute;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50,50,50,0.7);
|
||
|
z-index: 1000;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
.mejs-postroll-layer-content {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
.mejs-postroll-close {
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50,50,50,0.7);
|
||
|
color: #fff;
|
||
|
padding: 4px;
|
||
|
z-index: 100;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
/* End: Postroll */
|
||
|
|
||
|
|
||
|
/* Start: Speed */
|
||
|
div.mejs-speed-button {
|
||
|
width: 46px !important;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.mejs-time span
|
||
|
{
|
||
|
font-size: 1rem !important;
|
||
|
line-height: 1.1 !important;
|
||
|
|
||
|
}
|
||
|
.mejs-controls .mejs-button.mejs-speed-button button {
|
||
|
background: transparent;
|
||
|
width: 36px;
|
||
|
font-size: 11px;
|
||
|
line-height: normal;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector {
|
||
|
visibility: hidden;
|
||
|
position: absolute;
|
||
|
top: -100px;
|
||
|
left: -10px;
|
||
|
width: 60px;
|
||
|
height: 100px;
|
||
|
background: url($backgroundUri) no-repeat;
|
||
|
background: rgba(50, 50, 50, 0.7);
|
||
|
border: solid 1px transparent;
|
||
|
padding: 0;
|
||
|
overflow: hidden;
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
|
||
|
color: rgba(33, 248, 248, 1);
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
display: block;
|
||
|
list-style-type: none !important;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
|
||
|
margin: 0 0 6px 0;
|
||
|
padding: 0 10px;
|
||
|
list-style-type: none !important;
|
||
|
display: block;
|
||
|
color: #fff;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
|
||
|
clear: both;
|
||
|
float: left;
|
||
|
margin: 3px 3px 0 5px;
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
|
||
|
width: 60px;
|
||
|
float: left;
|
||
|
padding: 4px 0 0 0;
|
||
|
line-height: 15px;
|
||
|
font-family: helvetica, arial;
|
||
|
font-size: 11.5px;
|
||
|
color: white;
|
||
|
margin-left: 5px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
|
||
|
background-color: rgb(200, 200, 200) !important;
|
||
|
background-color: rgba(255,255,255,.4) !important;
|
||
|
}
|
||
|
/* End: Speed */
|
||
|
|
||
|
/* Start: Skip Back */
|
||
|
|
||
|
.mejs-controls .mejs-button.mejs-skip-back-button {
|
||
|
background: transparent url(data:image/png;base64,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NQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5
|
||
|
background-position: 3px 3px;
|
||
|
}
|
||
|
.mejs-controls .mejs-button.mejs-skip-back-button button {
|
||
|
background: transparent;
|
||
|
font-size: 9px;
|
||
|
line-height: normal;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
|
||
|
/* End: Skip Back */
|
||
|
|