1 line
8.4 KiB
CSS
1 line
8.4 KiB
CSS
|
.btn,.btn:hover{border-color:#fff}*{box-sizing:border-box}body{padding:0;margin:0;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#606c71}a{color:#00b3fe;text-decoration:none}a:hover{text-decoration:underline}.brand a,.brand a:hover,.btn:hover,.navigation a,.navigation a:hover,.site-footer a{text-decoration:none}.navigation{width:100%;height:70px;background:#1b252e;color:#fff}.navigation a{color:#fff}.navigation a:hover{color:#111}.brand a,.brand a:active,.brand a:visited{color:#fff}.brand{position:absolute;float:left;padding-left:20px;line-height:70px}.brand a{display:block;z-index:9999999999999;font-size:1.2em;font-weight:700}.brand a:hover{color:#fff}.brand h1{display:inline;margin:0;padding:0;font-size:1em;font-weight:700}.btn,nav{font-weight:600}.brand i{font-size:1.2em;vertical-align:middle;margin:0 6px 4px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0}.nav-dropdown{display:none;position:absolute;left:0;width:100%;z-index:1;box-shadow:0 3px 12px rgba(0,0,0,.15)}nav ul li a,nav ul li ul li a{display:block;background:#1b252e}nav ul li{position:relative}nav{float:right;display:inline-block;font-size:.8em;text-transform:uppercase}nav ul{list-style:none;text-align:left;margin:0;padding:0}nav ul li{float:left;display:inline}nav ul li a{color:#a9a9a9;padding:0 15px;line-height:70px}nav ul li a:active,nav ul li a:focus,nav ul li a:hover{text-decoration:none;color:#fff}nav ul li ul li a:hover,nav ul li>a:hover{color:#c8c9ca!important}nav ul li>a:not(:only-child):after{line-height:0;padding-left:10px;font-family:FontAwesome;content:'\f0d7'}nav ul li ul li{width:170px}nav ul li ul li a{padding:15px;line-height:20px;z-index:1}.nav-mobile{display:none;position:absolute;top:0;right:0;background:#1b252e;height:70px;width:70px}@media only screen and (max-width:800px){nav ul li ul li a,nav ul li>a{line-height:20px}.nav-mobile{display:block}.logo{position:absolute}nav{width:100%;padding:70px 0 15px}nav ul,nav ul li:hover .nav-dropdown{display:none}nav ul li{width:100%;float:none}nav ul li>a{padding:15px}.nav-dropdown{position:static;width:100%}}@media screen and (min-width:800px){.nav-list{display:block!important}}#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 35px 16px 0}#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#fff;position:absolute;display:block;content:'';transition:all .3s ease-in-out}#nav-toggle span:before{top:-10px}#nav-toggle span:after{bottom:-10px}#nav-toggle.active span{background-color:transparent}#nav-toggle.active span:after,#nav-toggle.active span:before{top:0}#nav-toggle.active span:before{transform:rotate(45deg)}#nav-toggle.active span:after{transform:rotate(-45deg)}.features{padding:70px 0;background:#eff3f4}.container{max-width:1200px;margin:0 auto;font-size:0}.container>div{font-size:14px;display:inline-block;vertical-align:top;width:33%;text-align:center;padding:15px}.container .fa-stack-2x{color:#00b3fe}.container .fa-stack-1x{color:#fff}.container h2{font-size:18px;margin:1em 0 .7em;padding:0}.container p{line-height:1.7rem;color:#565454;font-size:15px;margin:1em 0;padding:0}@media screen and (min-width:42em) and (max-width:64em){.container>div{width:50%}}@media screen and (max-width:42em){.container>div{display:block;width:100%}.features{padding:30px 0}}.btn{display:inline-block;margin:1rem 0;color:#fff;background:0 0;border-style:solid;border-width:1px;border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s}.btn:hover{color:#00b3fe;background-color:#fff}.blog-header,.page-header{color:#fff;background:#00b3fe;text-align:center}.btn+.btn{margin-left:1rem}@media screen and (min-width:64em){.btn{padding:.75rem 2rem}}@media screen and (min-width:42em) and (max-width:64em){.btn{padding:.6rem .9rem;font-size:.9rem}}@media screen and (max-width:42em){.btn{display:block;width:90%;margin-left:auto;margin-right:auto;padding:.75rem;font-size:.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}@media screen and (min-width:6
|