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:64em){.page-header{padding:6rem 6rem 0}}@media screen and (min-width:42em) and (max-width:64em){.page-header{padding:3rem 4rem 0}}@media screen and (max-width:42em){.page-header{padding:2rem 1rem 0}}@media screen and (min-width:64em){.blog-header{padding:6rem}.project-name{font-size:3.25rem}}.preview{margin:1.5em auto 0;max-width:848px}.preview img{display:block;width:100%;height:auto}.project-name{margin-top:0;margin-bottom:.1rem}@media screen and (min-width:42em) and (max-width:64em){.blog-header{padding:3rem 4rem}.project-name{font-size:2.25rem}}@media screen and (max-width:42em){.blog-header{padding:2rem 1rem}.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:400}@media screen and (min-width:64em){.project-tagline{font-size:1.25rem}}@media screen and (min-width:42em) and (max-width:64em){.project-tagline{font-size:1.15rem}}@media screen and (max-width:42em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width:64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width:42em) and (max-width:64em){.main-content{padding:2em 4rem;font-size:1.1rem}}@media screen and (max-width:42em){.main-content{padding:2rem;font-size:1rem}}.main-content img{max-width:100%}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:.5rem;font-weight:600;color:rgba(0,0,0,.87);font-size:1.6rem}.main-content p{margin-bottom:1em;line-height:1.6}.main-content code{padding:2px 4px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.9rem;color:#276F86;background:#e9f0f0;border-radius:.3rem}.main-content pre{margin-top:0;margin-bottom:1rem;font:1rem Consolas,"Liberation Mono",Menlo,Courier,monospace;color:#2d7091;word-wrap:normal;background:#ebf7fd;border:1px solid rgba(45,112,145,.3)}.main-content pre>code{padding:0;margin:0;font-size:.9rem;color:#567482;word-break:normal;white-space:pre;background:0 0;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:.8rem;overflow:auto;font-size:.9rem;line-height:1.45;border-radius:.3rem;-webkit-overflow-scrolling:touch}.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:after,.main-content pre code:before,.main-content pre tt:after,.main-content pre tt:before{content:normal}.main-content ol,.main-content ul{margin-top:0}.main-content ol li,.main-content ul li{margin:10px 0}.main-content blockquote{background:#fafafa;padding:1rem;margin-left:0;margin-right:0;color:#819198;border-left:.35rem solid #00b3fe}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.main-content table th{font-weight:600;background:#f9fafb}.main-content table td,.main-content table th{padding:.5rem 1rem;width:33.3333333333%;border:1px solid #e4e5e5}.main-content table td:not(:first-child){text-align:center}table .fa{margin-right:5px}@media screen and (min-width:64em){.main-content table td{font-size:1rem}}@media screen and (min-width:42em) and (max-width:64em){.main-content table td{font-size:1.1rem}}@media screen and (max-width:42em){.main-content table td{font-size:.9rem;padding:.5rem}table .fa{margin-right:0}}hr{height:2px;padding:0;margin:2rem 0;background-color:#eff0f1;border:0}.site-footer{padding:2rem 0;margin-top:1rem;text-align:center;background:#1b252e;color:#a9a9a9}.site-footer a{display:block;color:#fff}@media screen and (min-width:64em){.site-footer{font-size:1rem}}@media screen and (max-width:42em){.site-footer{font-size:.9rem}}.ag{overflow:hidden;text-align:center;margin:0 auto;padding:0;clear:both}.ON_Top{width:200px;height:200px}@media(min-width: 316px){.ON_Top{width:234px;height:60px}}@media(min-width: 402px){.ON_Top{width:320px;height:100px}}@media(min-width: 550px){.ON_Top{width:468px;height:60px}}@media(min-width: 876px){.ON_Top{width:728px;height:90px}}.ON_Bottom{width:200px;height:200px}@media(min-width: 332px){.ON_Bottom{width:250px;height:250px}}@media(min-width: 382px){.ON_Bottom{width:300px;height:250px}}@media(min-width: 418px){.ON_Bottom{width:336px;height:280px}} |