/
var
/
www
/
barefootlaw.org
/
wp-content
/
plugins
/
vc-shortcodes
/
shortcodes
/
video-cover
/
css
/
Upload File
HOME
.cq-videocover{ /*cursor: pointer;*/ position: relative; } .cq-videocover-img.square{ border-radius: 0; } .cq-videocover-img.roundsmall{ border-radius: 8px; } .cq-videocover-img.roundlarge{ border-radius: 16px; } .cq-videocover-img.ellipse{ border-radius: 50%; } .cq-videocover-lightbox{ border: none; outline: none; } .fs-lightbox-video{ border: none; outline: none; } .cq-videocover-iconcontainer{ position: absolute; margin: 0; width: 64px; height: 64px; /*border-radius: 50%;*/ /*border-radius: 16px;*/ background: rgba(0, 0, 0, .7); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); } .cq-videocover-iconcontainer.icon-center{ top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cq-videocover-iconcontainer.icon-top-left{ top: 0; left: 0; -webkit-transform: translateX(32px) translateY(-50%); -moz-transform: translateX(32px) translateY(-50%); transform: translateX(32px) translateY(-50%); } .cq-videocover-iconcontainer.icon-top-center{ top: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cq-videocover-iconcontainer.icon-top-right{ top: 0; right: 0; -webkit-transform: translateX(-32px) translateY(-50%); -moz-transform: translateX(-32px) translateY(-50%); transform: translateX(-32px) translateY(-50%); } .cq-videocover-iconcontainer.icon-left-top{ top: 0; left: 0; -webkit-transform: translateX(-50%) translateY(32px); -moz-transform: translateX(-50%) translateY(32px); transform: translateX(-50%) translateY(32px); } .cq-videocover-iconcontainer.icon-left-center{ top: 50%; left: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cq-videocover-iconcontainer.icon-left-bottom{ bottom: 0; left: 0; -webkit-transform: translateX(-50%) translateY(-32px); -moz-transform: translateX(-50%) translateY(-32px); transform: translateX(-50%) translateY(-32px); } .cq-videocover-iconcontainer.icon-right-top{ top: 0; right: 0; -webkit-transform: translateX(50%) translateY(32px); -moz-transform: translateX(50%) translateY(32px); transform: translateX(50%) translateY(32px); } .cq-videocover-iconcontainer.icon-right-center{ top: 50%; right: 0; -webkit-transform: translateX(50%) translateY(-50%); -moz-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); } .cq-videocover-iconcontainer.icon-right-bottom{ bottom: 0; right: 0; -webkit-transform: translateX(50%) translateY(-32px); -moz-transform: translateX(50%) translateY(-32px); transform: translateX(50%) translateY(-32px); } .cq-videocover-iconcontainer.icon-bottom-left{ bottom: 0; left: 0; -webkit-transform: translateX(32px) translateY(50%); -moz-transform: translateX(32px) translateY(50%); transform: translateX(32px) translateY(50%); } .cq-videocover-iconcontainer.icon-bottom-center{ bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(50%); -moz-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); } .cq-videocover-iconcontainer.icon-bottom-right{ bottom: 0; right: 0; -webkit-transform: translateX(-32px) translateY(50%); -moz-transform: translateX(-32px) translateY(50%); transform: translateX(-32px) translateY(50%); } .cq-videocover-iconcontainer .cq-videocover-icon{ display: inline-block; width: 100%; text-align: center; color: #fff; padding: 0; border-radius: 4px; margin: 0 auto; padding: 0; font-size: 2em; line-height: 64px; } .cq-videocover-label{ display: inline-block; width: 100%; text-align: center; color: #fff; padding: 0; border-radius: 4px; margin: 0 auto; padding: 0; font-size: 1em; line-height: 64px; } .cq-videocover-iconcontainer.circle{ border-radius: 50%; /*line-height: 64px;*/ } .cq-videocover-iconcontainer.roundsmall{ border-radius: 8px; /*line-height: 64px;*/ } .cq-videocover-iconcontainer.roundlarge{ border-radius: 16px; /*line-height: 64px;*/ } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }