| Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/plugins/mediaelement.less |
/* --------------------------------------------------
Mediaelement - KLEO Compatibility
----------------------------------------------------- */
.mejs-container.mejs-video {}
.mejs-container.mejs-audio {
/*height: 30px !important;*/
}
.kleo-video-wrap *,
.post-audio * {
outline: none !important;
}
.mejs-overlay, .mejs-poster {}
.mejs-mediaelement video {}
.mejs-postroll-layer {}
.mejs-container {}
.mejs-inner {}
.mejs-kleo {}
.mejs-video {}
.mejs-audio {}
.me-plugin {}
.mejs-embed,
.mejs-embed body {}
.mejs-container-fullscreen {}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {}
/* Start: LAYERS */
.mejs-background {}
.mejs-mediaelement {}
.mejs-poster { background-size: cover; }
.mejs-poster img {}
.mejs-overlay {
width: 100% !important;
}
.mejs-overlay-play {}
.mejs-overlay-button {
background: rgba(0,0,0, 0.5);
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: -25px !important;
}
.mejs-overlay:hover .mejs-overlay-button:before {}
.mejs-overlay-button:before {
font-family: "fontello";
font-size: 22px;
content: "\e8c4";
color: #fff;
display: block;
text-align: center;
line-height: 50px;
width: 50px;
height: 50px;
padding-left: 5px; /* Temporary */
}
/* End: LAYERS */
.mejs-container .mejs-controls div {}
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
background: none;
font-size: 11px !important;
/*overflow: hidden;*/
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-container .mejs-controls {
background: rgba(255,255,255, 0.2) !important;
}
.mejs-container.mejs-audio .mejs-controls {}
.mejs-container.mejs-audio div.mejs-volume-button {
min-height: 0;
}
.mejs-container .mejs-controls > div {
min-height: 26px;
height: auto;
}
.mejs-controls .mejs-button button {
background-image: none;
//height: 16px !important;
line-height: 0 !important;
margin: 13px 5px;
}
.mejs-controls .mejs-button button:before {
font-family: "fontello";
font-size: 13px;
color: #000;
display: inline-block;
}
.mejs-controls .mejs-button button:focus {}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
min-height: 0;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time {
margin: 2px !important;
}
.mejs-container .mejs-controls .mejs-time {
padding: 16px 3px 0;
}
.mejs-container .mejs-controls .mejs-time span {
color: #000;
}
/* rtMedia compatibility */
.rtmedia-activity-container .mejs-time.mejs-currenttime-container {
/*display: none;*/
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {}
.mejs-controls .mejs-play button:before { content: "\e8c4" !important; }
.mejs-controls .mejs-pause button:before { content: "\e8c8"!important; }
.mejs-overlay-loading,
.mejs-overlay-loading span {
background: none !important;
}
/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {}
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
margin: 0 10px 0 0;
padding-top: 12px;
}
.mejs-controls .mejs-time-rail a {
height: 4px;
}
.mejs-controls .mejs-time-rail span {
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #fff;
margin: 6px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-total .mejs-offscreen {
display: none;
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-time-rail .mejs-time-total {
background: rgba(255,255,255, 0.5);
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #00B9F7;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {}
.mejs-controls .mejs-time-rail .mejs-time-float {
border: 1px solid #e5e5e5;
background: #e5e5e5;
height: 17px;
}
.rtmedia-activity-container .mejs-time-rail .mejs-time-float {
margin-left: -17px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {}
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button:before {
content: "\e88c";
}
.mejs-controls .mejs-unfullscreen button:before {
content: "\e88e";
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button button:before {
content: "\e887" !important;
}
.mejs-controls .mejs-mute button:before {
content: "\e887" !important;
}
.mejs-controls .mejs-unmute button:before {
content: "\e886" !important;
}
.mejs-controls .mejs-volume-button {}
.mejs-controls .mejs-volume-button .mejs-volume-slider {}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {}
/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls div.mejs-horizontal-volume-slider {
float: right;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time-rail {
margin: 9px 5px 0 0 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #fff;
border-radius: 0;
height: 6px;
top: 18px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #444;
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {}
.mejs-controls .mejs-captions-button .mejs-captions-selector {}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {}
.mejs-controls .mejs-captions-button .mejs-captions-translations {}
.mejs-chapters {}
.mejs-chapters .mejs-chapter {}
.mejs-chapters .mejs-chapter .mejs-chapter-block {}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {}
.mejs-captions-layer {}
.mejs-captions-layer a {}
.mejs-captions-layer[lang=ar] {}
.mejs-captions-position {}
.mejs-captions-position-hover {}
.mejs-captions-text {}
/* End: TRACK (Captions and Chapters) */
.mejs-clear {}
/* Start: ERROR */
.me-cannotplay a {}
.me-cannotplay span {}
/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {}
.mejs-controls .mejs-loop-on button {}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {}
.mejs-controls .mejs-backlight-on button {}
/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {}
/* End: picture controls */
/* context menu */
.mejs-contextmenu {
z-index: 1001; /* make sure it shows on fullscreen */
}
/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {}
.mejs-controls .mejs-sourcechooser-button button {}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {}
/* End: SourceChooser */
/* Start: Postroll */
.mejs-postroll-layer {}
.mejs-postroll-layer-content {}
.mejs-postroll-close {}
/* End: Postroll */
.mejs-controls * { outline: none !important; }
// Pages compatibility
.kleo-masonry {
.mejs-container.mejs-audio {
border-bottom: 1px solid #e5e5e5;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: #fafafa;
}
}