whisper.cat/weboasis/weather/css/weather.min.css

1 line
13 KiB
CSS
Raw Normal View History

2023-10-05 23:28:32 +11:00
.background{background:#0d1011 url(../../media/bg.jpg) no-repeat center fixed;background-size:cover;left:0;top:0;height:100vh;width:100vw;z-index:-1;overflow-x:hidden;overflow-y:auto}body{-webkit-transition:background 0.2s,color .2s;transition:background 0.2s,color .2s}.daysDiv{background:rgba(255,255,255,0.50);min-height:330px;color:#50514F;padding:5px}body section{color:#fff;padding:10px 0 80px;max-width:100%}.paint circle{fill-opacity:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);-webkit-transition:-webkit-transform 0.8s,fill-opacity .4s;transition:transform 0.8s,fill-opacity .4s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.paint--active .paint circle{fill-opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.daysDiv:first-child{background:rgba(255,255,255,0.70)}#searchclear{position:absolute;right:265px;top:0;bottom:0;height:20px;margin:auto;font-size:1.5em;cursor:pointer;color:#50514F;z-index:9}.well{background:#fff;text-align:left;margin-top:10px}.well h2{color:#50514F}.container .input-group{margin-bottom:10px;margin-top:10px}#hola{width:100vw;height:100vh;position:fixed;z-index:999}#preloader{position:relative;width:80px;height:80px;top:45%;margin:0 auto}#preloader span{position:absolute;border:8px solid #ffe066;border-top:8px solid transparent;border-radius:999px}#preloader span:nth-child(1){width:80px;height:80px;-moz-animation:spin-1 2s infinite linear;-o-animation:spin-1 2s infinite linear;-webkit-animation:spin-1 2s infinite linear;animation:spin-1 2s infinite linear}#preloader span:nth-child(2){top:20px;left:20px;width:40px;height:40px;animation:spin-2 1s infinite linear}@keyframes spin-1{0%{transform:rotate(360deg);opacity:1}50%{transform:rotate(180deg);opacity:.5}100%{transform:rotate(0deg);opacity:1}}@keyframes spin-2{0%{transform:rotate(0deg);opacity:.5}50%{transform:rotate(180deg);opacity:1}100%{transform:rotate(360deg);opacity:.5}}.checkout__icon{position:absolute;top:.75em;left:1.5em;fill:#4e4e4f}.checkout__button:hover{text-decoration:none}.checkout__count{position:absolute;top:1.5em;right:1.5em;padding:.5em;width:6em;height:2em;border:2px solid #4e4e4f;border-radius:5%;font-weight:700;font-family:'Maven Pro',sans-serif;line-height:.9}.checkout{position:absolute;left:50%;margin:0 auto;margin-left:-4.5em;width:9em;height:3em;font-weight:400;font-family:'Maven Pro',sans-serif;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:-webkit-transform .6s cubic-bezier(0.7,0,0.3,1);transition:transform .6s cubic-bezier(0.7,0,0.3,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.checkout--active{-webkit-transform:translate3d(0,15px,0) translate3d(0,30vh,0) translate3d(0,-50vh,0);transform:translate3d(0,15px,0) translate3d(0,30vh,0) translate3d(0,-50vh,0)}a.checkout__button{position:relative;z-index:10;display:block;margin:0 auto;height:100%;border-radius:30px;color:#fff;line-height:3.2em;font-size:.95em;width:100%;-webkit-transition:background-color .6s cubic-bezier(0.7,0,0.3,1),-webkit-transform .6s cubic-bezier(0.7,0,0.3,1);transition:background-color .6s cubic-bezier(0.7,0,0.3,1),transform .6s cubic-bezier(0.7,0,0.3,1)}a.checkout__button:hover,a.checkout__button:focus{outline:none;color:#fff}.checkout--active a.checkout__button{background-color:#3f3d3d;-webkit-transform:perspective(1000px) translate3d(0,-2.5em,0);transform:perspective(1000px) translate3d(0,-2.5em,0)}.checkout__final-text,.checkout__initial-text{-webkit-transition:opacity .6s cubic-bezier(0.7,0,0.3,1);transition:opacity .6s cubic-bezier(0.7,0,0.3,1)}.checkout--active .checkout__initial-text{opacity:0}.checkout__final-text{position:absolute;left:0;width:100%;opacity:0}.checkout--active .checkout__final-text{opacity:1}.checkout__order,.checkout__order::before{position:absolute;bottom:0;left:50%;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0)}.checkout__order{overflow:hidden;min-width:320px;max-width:700px;width:95vw;height:60vh;text-align:right;pointer-events:none}.checkout--active .checkout__order{pointer-