This repository has been archived by the owner on Jul 30, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
olbox.min.css
1 lines (1 loc) · 3.77 KB
/
olbox.min.css
1
/*! Olbox Styles (created by Myriam Frisano @ http://halfapx.com) */.olbox-shadow{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index:99}.olbox-open{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100!important}.olbox-media{position:fixed;z-index:102}.olbox-media.iframe{width:70%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:101;transition:.3s all ease}.olbox-img{max-width:90%;max-height:80%;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:101;transition:.3s all ease}.olbox-prev{left:20px;border-left:10px solid white;border-bottom:10px solid white}.olbox-next{right:20px;border-right:10px solid white;border-top:10px solid white}.olbox-nav{position:fixed;z-index:102;width:50px;height:50px;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);top:50%;cursor:pointer;transition:.3s all ease;font-size:0}@media screen and (max-width:600px){.olbox-nav{border-width:5px}}.olbox-nav:hover{border-color:black}.olbox-iframe-wrapper{position:relative;height:0;display:block}.olbox-iframe-wrapper iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:105!important}.olbox-loader{color:white;font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:fixed;z-index:100;top:calc(50% - .5em);left:calc(50% - .5em);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:olbox-loader-bullets 1.7s infinite ease, olbox-loader-round 1.7s infinite ease;animation:olbox-loader-bullets 1.7s infinite ease, olbox-loader-round 1.7s infinite ease}@-webkit-keyframes olbox-loader-bullets{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}to{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes olbox-loader-bullets{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}to{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@-webkit-keyframes olbox-loader-round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes olbox-loader-round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}