?
Current Path : /home1/savoy/www/savoyeducation.com/assets/css/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
Current File : /home1/savoy/www/savoyeducation.com/assets/css/YouTubePopUp.css |
@charset "UTF-8"; /* Name: YouTubePopUp Description: jQuery plugin to display YouTube or Vimeo video in PopUp, responsive and retina, easy to use. Version: 1.0.1 Plugin URL: http://wp-time.com/youtube-popup-jquery-plugin/ Written By: Qassim Hassan Twitter: @QQQHZ Websites: wp-time.com | qass.im | wp-plugins.in Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html Copyright (c) 2016 - Qassim Hassan */ .YouTubePopUp-Wrap{ position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999999999999; } .YouTubePopUp-animation{ opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; } @-webkit-keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } } body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */ top:32px; z-index:99998; } .YouTubePopUp-Content{ max-width:680px; display:block; margin:0 auto; height:100%; position:relative; } .YouTubePopUp-Content iframe{ max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0; } .YouTubePopUp-Hide{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; } @-webkit-keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } } .YouTubePopUp-Close{ position: absolute; top:38px; cursor: pointer; bottom: 520px; padding: 0px 0px 0px 5px; color: #fff; border-radius: 33px; right: -6px; z-index: 9999; font-weight: bold; font-size: 26px; margin: auto 0; width: 27px; height: 27px; background:url(../images/close.png) no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -o-background-size:24px 24px; } .YouTubePopUp-Close:hover{ opacity:0.5; } @media all and (max-width: 768px) and (min-width: 10px){ .YouTubePopUp-Content{ max-width:90%; } } @media all and (max-width: 600px) and (min-width: 10px){ .YouTubePopUp-Content iframe{ height:320px !important; } .YouTubePopUp-Close{ bottom:362px; } } @media all and (max-width: 480px) and (min-width: 10px){ .YouTubePopUp-Content iframe{ height:220px !important; } .YouTubePopUp-Close{ bottom:262px; } }