1 line
5.6 KiB
CSS
1 line
5.6 KiB
CSS
body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden}ul .teal{background-color:#189dad!important;color:#fff}ul .green{background-color:#169e19!important;color:#fff}ul .red{background-color:#ae252f!important;color:#fff}ul .purple{background-color:#9d16a3!important;color:#fff}ul .blue{background-color:#1357ba!important;color:#fff}ul .light-blue{background-color:#338aec!important;color:#fff}ul .orange{background-color:#d95735!important;color:#fff}ul .twitter{background-color:#20bcf0!important;color:#fff}ul .facebook{background-color:#3b579d!important;color:#fff}ul .linkedin{background-color:#2088af!important;color:#fff}ul .instagram{background-color:#444!important;color:#fff}ul .google{background-color:#df4231!important;color:#fff}ul .youtube{background-color:#c73a3f!important;color:#fff}ul .windows{background-color:#3388eb!important;color:#fff}ul .pinterest{background-color:#c73a3f!important;color:#fff}ul .vemo{background-color:#acd05f!important;color:#fff}ul .xbox{background-color:#63aa2a!important;color:#fff}ul .github{background-color:#222!important;color:#fff}ul .html5{background-color:#e86442!important;color:#fff}.gridster ul li{text-align:center;list-style-type:none}.gridster ul li .content{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:100%}.gridster ul li .content h3{margin:0;padding:0;font-size:1.1rem;font-weight:400}.gridster{max-width:94%;margin:5rem auto}.preview-holder{border:none!important;border-radius:0!important;background:rgba(255,255,255,.2)!important}#debug{padding:5px;width:100%;min-height:5rem;display:none}.demo{opacity:0;padding-top:50px}.oi-4x{font-size:4rem}*,::after,::before{box-sizing:border-box}body,html{margin:0;height:100%;width:100%}body{align-items:center;justify-content:center;font:600 62.5% Lato,sans-serif;background-color:#17141d}.gs-resize-handle{display:none}*{font-weight:300;letter-spacing:1px;font-family:Comfortaa,cursive}body{background:#fff}nav{width:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:1px 1px 1px 1px #eee;box-shadow:1px 1px 1px 1px #eee}.site{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:80px;padding:20px;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}nav img{margin-left:-2px;margin-top:-1px;height:60px}nav h2{color:#aaa;font-size:25px;margin-top:12px;margin-left:10px;margin-right:20px}.header{margin-left:20px}span{width:2px;height:45px;margin-left:10px;margin-right:10px;background:#ddd}.site #search{-webkit-box-flex:9;-ms-flex:9;flex:3;height:60px;margin:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site #search input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:15px;background:#eee;border:none;width:100%;background-image:url(/images/mic.webp);background-repeat:no-repeat;background-position:center right;background-size:80px}#search input[type=text]{padding-left:26px;border-radius:4px}#search input[type=text]:hover{-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}#search input[type=text]:focus{-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}::-webkit-input-placeholder{text-align:center}input:focus::-webkit-input-placeholder{color:#eee}.site div{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:distribute;justify-content:space-around}.site div a{color:#bbb;width:40px;height:40px;padding:7px;text-align:center;font-size:22px;-webkit-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out}.site div a:hover{font-size:20px;color:#000}input:focus{outline:0}@media screen and (max-width:768px){.site{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:fle-xstart;-ms-flex-pack:fle-xstart;justify-content:fle-xstart;padding:0;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding-top:1.5em;padding-bottom:2.5em;height:200px}.site>#search>input[type=text]{height:50px;width:340px;padding:20px;border-radius:4px}span{display:none}h2{display:none}}.fa-shopping-bag,.fa-user-o{color:#000;font-weight:900}.fa-heart{color:#fa3380}.Follow{background:url(https://pbs.twimg.com/profile_images/959092900708544512/v4Db9QRv_bigger.jpg) no-repeat center/contain;width:50px;height:50px;bottom:9px;right:20px;display:block;position:fixed;border-radius:50%;z-index:999;animation:rotation 10s infinite linear}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}input:focus::-webkit-input-placeholder{color:#eee}input:focus{position:absolute;left:5vw;top:35vh;width:90vw!important;height:20vh;z-index:99999999;font-size:5vh!important;line-height:5vh!important}#overlay{display:none;transition:all .1s ease-in-out;opacity:0}body.active #overlay{background:rgba(0,87,248,.95);background-image:url(/public/images/icon-128x128.png);background-position:center 10vh;background-repeat:no-repeat;position:absolute;width:100%;height:100%;z-index:10;display:block;top:0;left:0;transition:all .1s ease-in-out;opacity:1} |