gcg-website/public/plugins/venobox/venobox.css

1 line
18 KiB
CSS
Raw Normal View History

2020-08-07 21:08:46 +02:00
.vbox-close,.vbox-num{height:40px;cursor:pointer}.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:1040;-webkit-transform:translateZ(1000px);transform:translateZ(1000px);transform-style:preserve-3d}.vbox-close,.vbox-next,.vbox-num,.vbox-prev,.vbox-title{position:fixed;overflow:hidden;z-index:1050}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;display:none;left:0}.vbox-close{top:-1px;right:0;width:50px;padding:6px;display:block;background-position:10px center;font-size:24px;line-height:1;text-align:center}.vbox-num{left:0;line-height:28px;font-size:12px;padding:6px 10px;display:none}.vbox-next,.vbox-prev{top:50%;margin-top:-15px;cursor:pointer;display:block;width:45px;height:45px}.vbox-next span,.vbox-prev span{width:20px;height:20px;border:2px solid transparent;border-top-color:#B6B6B6;border-right-color:#B6B6B6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:260px}@media (min-width:768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width:992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}.sk-double-bounce,.vbox-content{position:relative}.vbox-content{text-align:center;float:left;width:100%;overflow:hidden;padding:20px 10px}.vbox-container img{max-width:100%;height:auto}.figlio{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial}img.figlio{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.animated{webkit-transition:margin .3s ease-out;transition:margin .3s ease-out}.animate-in{opacity:1}.animate-out{opacity:0}.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#3