Файл: media/mediaelementplayer.min.css
Строк: 839
.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{
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;
}
.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(bigplay.svg) no-repeat;
}
.no-svg
.mejs-overlay-button{
background-image:url(bigplay.png);
}
.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(background.png);
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(loading.gif) 50% 50% no-repeat;
}
.mejs-container
.mejs-controls{
position:absolute;
list-style-type:none;
margin:0;
padding:0;
bottom:0;
left:0;
background:url(background.png);
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(controls.svg) no-repeat;
}
.no-svg .mejs-controls .mejs-button
button{
background-image:url(controls.png);
}
.mejs-controls
.mejs-button button:focus{
outline:dotted 1px #999;
}
.mejs-container
.mejs-controls
.mejs-time{
color:#fff;
display:block;
height:17px;
width:auto;
padding:8px
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
span{
color:#fff;
font-size:11px;
line-height:12px;
display:block;
float:left;
margin:1px
2px 0 0;
width:auto;
}
.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;
}
.mejs-controls
div.mejs-time-rail{
direction:ltr;
width:200px;
padding-top:5px;
}
.mejs-controls
.mejs-time-rail
span{
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-fullscreen-button button{
background-position:-32px
0;
}
.mejs-controls .mejs-unfullscreen
button{
background-position:-32px -16px;
}
.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(background.png);
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 .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;
}
.mejs-controls
div.mejs-horizontal-volume-slider{
height:26px;
width:60px;
position:relative;
}
.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;
}
.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:-10px;
width:130px;
height:100px;
background:url(background.png);
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-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:100px;
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:22px;
font-size:12px;
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:45px;
}
.mejs-captions-text{
padding:3px
5px;
background:url(background.png);
background:rgba(20,20,20,0.8);
}
.me-cannotplay
a{
color:#fff;
font-weight:bold;
}
.me-cannotplay
span{
padding:15px;
display:block;
}
.mejs-controls .mejs-loop-off
button{
background-position:-64px -16px;
}
.mejs-controls
.mejs-loop-on button{
background-position:-64px 0;
}
.mejs-controls
.mejs-backlight-off button{
background-position:-80px
-16px;
}
.mejs-controls .mejs-backlight-on
button{
background-position:-80px 0;
}
.mejs-controls
.mejs-picturecontrols-button{
background-position:-96px
0;
}
.mejs-contextmenu{
position:absolute;
width:150px;
padding:10px;
border-radius:4px;
top:0;
left:0;
background:#fff;
border:solid
1px #999;
z-index:1001;
}
.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;
}
.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(background.png);
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;
}
.mejs-postroll-layer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:url(background.png);
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(background.png);
background:rgba(50,50,50,0.7);
color:#fff;
padding:4px;
z-index:100;
cursor:pointer;
}