5 lines
18 KiB
CSS
5 lines
18 KiB
CSS
|
/****************************
|
||
|
|
Venobox CSS
|
||
|
|
*****************************/
|
||
|
|
.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 *{-webkit-backface-visibility:visible;backface-visibility:visible}.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:999999}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 50px;overflow:hidden;position:fixed;display:none;left:0;z-index:89}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:99}.vbox-left{cursor:pointer;position:fixed;left:0;height:40px;overflow:hidden;line-height:28px;font-size:12px;z-index:99;display:flex;align-items:center}.vbox-num{display:inline-block;margin:6px 0 6px 15px}.vbox-share{line-height:28px;font-size:12px;overflow:hidden;position:fixed;left:0;z-index:98;display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.vbox-share svg{max-height:28px;width:28px;z-index:10;margin-left:12px;margin-top:6px;margin-bottom:6px;vertical-align:middle}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99}.vbox-next span,.vbox-prev span{position:relative;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%;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%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 4%}.vbox-container img{max-width:100%;height:auto}.vbox-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.vbox-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}.vbox-animated{webkit-transition:margin .3s ease-out;transition:margin .3s ease-out}.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)
|