#galpop-wrapper { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .8); } #galpop-container { border-radius:5px; padding:10px; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, .8); } #galpop-wrapper.loaded-ajax #galpop-container, #galpop-wrapper.loaded-iframe #galpop-container { width:70vw; height:70vh; padding:0; border-radius:0; } #galpop-wrapper.loaded-iframe iframe { width:100%; height:70vh; border:0; } #galpop-wrapper.loaded-ajax #galpop-content { padding:10px 20px; } #galpop-ajax { position:static; top:0; left:0; right:0; bottom:0; opacity:1; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition:opacity 0.5s; background-image:url("../images/ajax-loader.gif"); background-repeat:no-repeat; background-position:center; } #galpop-wrapper.complete #galpop-ajax { opacity:0; } #galpop-info { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .8); color:#fff; font-size:.8em; padding:10px; left:0; bottom:0; } #galpop-close { top:-30px; right:-30px; width:36px; height:36px; background-image:url("../images/btn-close.png"); background-repeat:no-repeat; } /* Important to the slider! Be careful when changing these values! */ .lock-scroll { /*overflow: hidden !important;*/ } #galpop-wrapper { display:none; position:static; top:0; left:0; right:0; bottom:0; z-index:100; } #galpop-container { position:static; top:50%; left:50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height:100px; width:100px; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -o-transition: width 0.5s, height 0.5s; -ms-transition: width 0.5s, height 0.5s; -moz-transition: width 0.5s, height 0.5s; -webkit-transition: width 0.5s, height 0.5s; transition:width 0.5s, height 0.5s; overflow: visible !important; } #galpop-prev, #galpop-next { position:static; top:0; bottom:0; z-index:5; background-repeat:no-repeat; outline:none; } #galpop-prev { left:0; right:50%; } #galpop-next { left:50%; right:0; } #galpop-prev:hover { background-image:url("../images/btn-prev.png"); background-position:left center; } #galpop-next:hover { background-image:url("../images/btn-next.png"); background-position:right center; } #galpop-modal { position:relative; } #galpop-content { display:none; } #galpop-content img { vertical-align:top; } #galpop-info { position:static; display:none; z-index:15; } #galpop-info p { margin:0; } #galpop-info a { color:#fff; } #galpop-close { position:static; display:block; z-index:10; }