/*! videojs-overlay - v0.0.0 - 2014-4-26 * Copyright (c) 2014 Brightcove * Licensed under the Apache-2.0 license. */ /** * Some handy default styles for overlays. */ .vjs-overlay, .vjs-overlay.vjs-overlay-top-left { position: absolute; width: 33%; /* background-color: #646464; */ /* IE8 fallback */ /* background-color: rgba(255, 255, 255, 0.4); */ color: #fff; padding: 10px; border-radius: 3px; top: 5px; left: 5px; text-align: center; } /* overlay alignment styles */ .vjs-overlay.vjs-overlay-top { margin-left: -16.5%; left: 50%; } .vjs-overlay.vjs-overlay-top-right { left: auto; right: 5px; } .vjs-overlay.vjs-overlay-left { top: 50%; margin-top: -15px; } .vjs-overlay.vjs-overlay-right { left: auto; right: 5px; top: 50%; margin-top: -15px; } .vjs-overlay.vjs-overlay-bottom { margin-left: -16.5%; left: 50%; top: auto; /*bottom: 4.5em;*/ bottom: 3.5em; } .vjs-user-inactive .vjs-overlay.vjs-overlay-bottom { bottom: 1em; } .vjs-user-active .vjs-overlay.vjs-overlay-bottom { bottom: 3.5em; } .vjs-controls-disabled .vjs-overlay.vjs-overlay-bottom { bottom: 1em; } .vjs-overlay.vjs-overlay-bottom-left { /*bottom: 4.5em;*/ bottom: 3.5em; top: auto; left: 5px; } .vjs-overlay.vjs-overlay-bottom-right { /*bottom: 4.5em;*/ bottom: 3.5em; top: auto; left: auto; right: 5px; } .vjs-overlay div,.vjs-overlay img,.vjs-overlay span,.vjs-overlay a.vjs-overlay p{ padding-bottom:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-top:0px !important; }