fairbox.js
Version:
1 lines • 1.49 kB
CSS
.showbox_body{overflow:hidden;height:100%;margin:0;padding:0}.showbox_container_nav{position:absolute;z-index:2;width:100%;transition:all .2s}.showbox_media{position:absolute;top:50%;right:0;left:-200%;max-width:100%;max-height:100%;margin-right:auto;margin-left:auto;transition:all .2s;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50%;transform-origin:50%}.showbox{position:absolute;z-index:999;top:0;width:100%;background:#000}.showbox_icon{font-size:25px;float:right;padding:10px 15px;-webkit-transform-origin:50%;transform-origin:50%;background:#fff}.fa-chevron-left,.fa-chevron-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fa-chevron-right{right:0}.fa-chevron-left{left:0}.showbox_container_preview{position:absolute;right:0;bottom:15%;left:0;display:block;overflow-x:hidden;overflow-y:hidden;width:1050px;height:60px;margin:auto;-webkit-transform:translateY(15%);transform:translateY(15%);-webkit-transform-origin:50%;transform-origin:50%;white-space:nowrap;background:rgba(0,0,0,.5)}@media screen and (max-width:1040px){.showbox_container_preview{display:none}}.showbox_second_preview{transition:1s all}.preview_image{width:77.5px;height:40px;margin:5px;transition:.2s all;-webkit-filter:grayscale(80%);filter:grayscale(80%)}.preview_image img{display:block;max-width:100%;max-height:100%}.preview_image.active,.preview_image:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}