1 line
16 KiB
CSS
1 line
16 KiB
CSS
|
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,500);.search-input{display:flex;align-items:center;max-width:300px;width:100%}.search-input input{border:none;font-family:inherit;border-radius:15px;font-size:1em;padding:5px 15px;width:90%;outline:none}.search-input button{width:33px;height:33px;border:none;background-color:hsla(0,0%,100%,.3);border-radius:50%;margin-left:5px;outline:none;cursor:pointer}.search-input button:hover{background-color:hsla(0,0%,100%,.2)}.search-input button:active{background-color:hsla(0,0%,100%,.1)}.search-input button:disabled{background-color:hsla(0,0%,100%,.3);cursor:default}.search-input img{width:80%;height:80%}.button-reset{border:none;outline:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}.button-reset::-moz-focus-inner{border:0;padding:0}.account-btn{position:relative;margin-left:15px}.account-btn button{display:block;cursor:pointer;width:33px;height:33px}.account-btn button img{width:100%}@media (max-width:500px){.account-btn button{width:25px;height:25px}}.account-btn .dropdown{font-family:Roboto,Helvetica,Arial,sans-serif;position:absolute;right:0;top:44px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);border-radius:8px;z-index:1}.account-btn .dropdown a{display:block;padding:5px 15px;cursor:pointer;font-weight:300}.account-btn .click-detector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.navbar{position:absolute;top:0;left:0;right:0;font-family:Futura;color:#fff;height:50px;border-bottom:1px solid #fff}.navbar>div{width:90%;max-width:1200px;margin:0 auto;height:100%;justify-content:space-between}.navbar .nav-right,.navbar .nav-side,.navbar>div{display:flex;align-items:center}.navbar .nav-logo{width:34px;display:block}@media (max-width:750px){.navbar .nav-logo{width:20px}}.navbar .nav-logo img{width:100%}.navbar .nav-slash{height:44px;width:2px;background-color:#fff;margin:0 18px 0 5px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}@media (max-width:750px){.navbar .nav-slash{height:30px;margin:0 10px 0 5px}}.navbar .nav-header{font-family:Futura;font-size:28px;display:block;color:#fff}@media (max-width:750px){.navbar .nav-header{font-size:1em}}@media (max-width:420px){.navbar .nav-header{font-size:.8em}}.navbar .nav-header:hover{text-decoration:underline}.navbar a:after{display:none!important}.navbar .nav-center{display:flex;justify-content:center;align-items:center}@media (max-width:750px){.navbar .nav-center{height:30px;margin-left:10px}}.navbar .nav-center>a{color:inherit;text-decoration:none;font-size:1.2em;margin:0 20px;cursor:pointer;position:relative;height:100%;display:flex;align-items:center}.navbar .nav-center>a:last-of-type{margin-right:0}.navbar .nav-center>a:hover{text-decoration:underline}@media (max-width:750px){.navbar .nav-center>a{font-size:1em;margin:0 15px}}@media (max-width:420px){.navbar .nav-center>a{font-size:14px;margin:0 10px}}@media (max-width:350px){.navbar .nav-center>a{margin:0 5px}}.navbar .nav-center .social-links{height:100%;display:flex;align-items:center;margin:0 20px}@media (max-width:750px){.navbar .nav-center .social-links{display:none}}.navbar .nav-center .social-link{height:25px;width:25px;margin:0 5px;position:relative;display:block}@media (max-width:750px){.navbar .nav-center .social-link{height:20px;width:20px}}.navbar .nav-center .social-link svg{width:100%;height:100%}.navbar .nav-center .social-link:hover:after{content:"";display:block!important;position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid #fff;background-color:unset;height:unset;opacity:.7}@media (max-width:900px){.navbar.search-enabled .nav-center{display:none}}@media (max-width:525px){.navbar.search-enabled .nav-header,.navbar.search-enabled .nav-logo,.navbar.search-enabled .nav-slash{display:none}}.navbar .menu-button{
|