-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
1 lines (1 loc) · 10.4 KB
/
index.css
1
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}body{background:#f9fafc;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:proxima-nova,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.6rem;position:relative;padding-bottom:300px}a{color:#171717;text-decoration:none}a:hover{color:#000}h2{line-height:2rem}.navbar{width:100%;background:#fff;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 1px 5px #f9fafc;box-shadow:0 1px 5px #f9fafc;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.navbar a{color:#000}.navbar .content{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1000px;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar .content .logo{height:50px;width:50px;border-radius:50%;background:#fff;position:relative;margin:0 25px;-webkit-box-shadow:0 0 1px rgba(57,70,80,.1);box-shadow:0 0 1px rgba(57,70,80,.1)}.navbar .content .logo .text{color:#000;position:absolute;top:0;left:7px}.navbar .content .logo .image{position:absolute;top:0;left:-25%}.navbar .content .title{text-transform:uppercase;font-size:1.2rem;text-align:center}.navbar .content .items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;text-transform:uppercase;margin-left:auto;margin-right:20px}.navbar .content .items.right{margin-left:auto}.navbar .content .items a{position:relative;padding:0 10px;margin-top:5px;border-bottom:2px solid transparent;-webkit-transition:border .3s;-o-transition:border .3s;transition:border .3s}.navbar .content .items a.active{border-bottom:2px solid #fff}.navbar .content .items a:hover{border-bottom:2px solid #f9fafc}.navbar .content .items a img{height:40px;width:40px}.footer-component{position:absolute;bottom:0;background:#fff;color:#171717;width:100%;height:200px;text-align:center;padding:20px}.footer-component a{color:#14a5b0}.footer-component .footer-content{max-width:1000px;padding:10px;min-height:200px;margin:0 auto 25px}.view{max-width:1000px;min-height:600px;width:calc(100% - 20px);margin:10px;border-radius:3px}.view .post-title{font-size:2rem;width:100%;display:inline-block;line-height:1.8rem;margin-bottom:8px}.view .post-image{background-color:#f9fafc;background-repeat:no-repeat;background-position:center center;height:300px;min-width:200px;margin:30px auto 50px}.view .post-date{display:inline-block}.view .post-info{margin-top:2px}.view .post-info .post-views{height:40px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view .post-info .stats{overflow:hidden;width:65px;height:34px;margin:0;padding:0;border:none}.view .post-fin{margin:20px auto;width:100%;text-align:center}.view .post-fin img{width:50px}.view pre{background:#273239;padding:20px;margin:20px 0;word-wrap:break-word;white-space:pre-wrap}.view .spacer{height:25px}.view .spacer.h50{height:50px}.view .spacer.h100{height:100px}.content-page a{color:#14a5b0!important;text-decoration:underline}.content-page h1,.content-page h2,.content-page h3,.content-page h4{margin-bottom:16px;margin-top:16px}@media all and (max-width:970px){.content-page{padding:10px;margin:5px;width:calc(100% - 10px)}.content-page .post-info{width:100%;padding-top:8px;margin:5px auto}}.title-component{font-size:2rem;color:#171717;margin:5px 10px;padding:10px 0}.title-component.line{width:calc(100% - 20px);border-bottom:2px solid #cdcdcd}.title-component.large{font-size:3rem}.title-component.centered{text-align:center;margin:50px auto}.box-component,.content-page,.featured-box-component{padding:20px;background:#fff;width:calc(100% - 20px);height:200px;display:inline-block;vertical-align:top;margin:16px 5px;-webkit-box-shadow:0 1px 2px rgba(57,70,80,.1);box-shadow:0 1px 2px rgba(57,70,80,.1)}.box-component .image,.content-page .image,.featured-box-component .image{height:160px;width:160px;background-color:#f9fafc;background-repeat:no-repeat;background-position:center center;background-size:contain;float:left}.box-component .title,.content-page .title,.featured-box-component .title{font-size:1.8rem;color:#555;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-decoration:none;margin:8px;padding:8px;max-width:600px}.box-component .title:hover,.content-page .title:hover,.featured-box-component .title:hover{text-decoration:underline}.box-component .date,.content-page .date,.featured-box-component .date{font-size:.9rem;margin:16px;float:right}.box-component .tag,.content-page .tag,.featured-box-component .tag{padding:5px;border:1px solid #f9fafc;display:inline-block;margin:5px 5px 5px 0;color:#242424;font-size:.8rem}.box-component .date,.box-component .image,.box-component .text,.box-component .title,.content-page .date,.content-page .image,.content-page .text,.content-page .title,.featured-box-component .date,.featured-box-component .image,.featured-box-component .text,.featured-box-component .title{display:inline-block;vertical-align:top}.box-component .date,.content-page .date,.featured-box-component .date{margin-left:auto}.box-component .text,.content-page .text,.featured-box-component .text{padding-left:16px;height:50px;width:calc(100% - 160px);overflow-wrap:break-word;overflow:hidden}@media all and (max-width:600px){.box-component,.content-page,.featured-box-component{height:200px}.box-component .title,.content-page .title,.featured-box-component .title{height:100px;margin-top:0;padding-top:0;width:calc(100% - 116px);white-space:initial;line-height:2rem}.box-component .image,.content-page .image,.featured-box-component .image{height:100px;width:100px;margin:0 auto}.box-component .text,.content-page .text,.featured-box-component .text{height:64px;padding-left:0;line-height:1rem}}.box-component,.content-page,.featured-box-component{padding:20px;background:#fff;width:calc(100% - 20px);height:200px;display:inline-block;vertical-align:top;margin:16px 5px;-webkit-box-shadow:0 1px 2px rgba(57,70,80,.1);box-shadow:0 1px 2px rgba(57,70,80,.1)}.box-component .image,.content-page .image,.featured-box-component .image{height:160px;width:160px;background-color:#f9fafc;background-repeat:no-repeat;background-position:center center;background-size:contain;float:left}.box-component .title,.content-page .title,.featured-box-component .title{font-size:1.8rem;color:#555;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-decoration:none;margin:8px;padding:8px;max-width:600px}.box-component .title:hover,.content-page .title:hover,.featured-box-component .title:hover{text-decoration:underline}.box-component .date,.content-page .date,.featured-box-component .date{font-size:.9rem;margin:16px;float:right}.box-component .tag,.content-page .tag,.featured-box-component .tag{padding:5px;border:1px solid #f9fafc;display:inline-block;margin:5px 5px 5px 0;color:#242424;font-size:.8rem}.box-component .date,.box-component .image,.box-component .text,.box-component .title,.content-page .date,.content-page .image,.content-page .text,.content-page .title,.featured-box-component .date,.featured-box-component .image,.featured-box-component .text,.featured-box-component .title{display:inline-block;vertical-align:top}.box-component .date,.content-page .date,.featured-box-component .date{margin-left:auto}.box-component .text,.content-page .text,.featured-box-component .text{padding-left:16px;height:50px;width:calc(100% - 160px);overflow-wrap:break-word;overflow:hidden}@media all and (max-width:600px){.box-component,.content-page,.featured-box-component{height:200px}.box-component .title,.content-page .title,.featured-box-component .title{height:100px;margin-top:0;padding-top:0;width:calc(100% - 116px);white-space:initial;line-height:2rem}.box-component .image,.content-page .image,.featured-box-component .image{height:100px;width:100px;margin:0 auto}.box-component .text,.content-page .text,.featured-box-component .text{height:64px;padding-left:0;line-height:1rem}}.content-page,.featured-box-component{height:initial;margin:20px 10px}.content-page .title,.featured-box-component .title{width:calc(100% - 132px)}.content-page .image,.featured-box-component .image{height:200px;width:200px}.content-page .date,.featured-box-component .date{float:right;width:100px}.content-page .text,.featured-box-component .text{margin:10px 0;padding:10px;height:50px;width:calc(100% - 200px)}.content-page .tags,.featured-box-component .tags{margin-left:10px;display:inline-block}.content-page{min-height:600px;padding:50px}.content-page img{max-width:100%}@media all and (max-width:900px){.content-page,.featured-box-component{padding:10px}.featured-box-component{width:100%;margin:0 auto 16px}.featured-box-component .title{padding:0;margin:0}.featured-box-component .date,.featured-box-component .tags,.featured-box-component .text,.featured-box-component .title{width:initial}.featured-box-component .title{height:initial;margin-bottom:16px}.featured-box-component .image{width:100%}.featured-box-component .text{padding-left:0}.featured-box-component .date{float:left;margin-top:0}.featured-box-component .tags{margin-left:0}}.markdown-code{border-left:4px solid #14a5b0}code.lang-css,code.lang-go,code.lang-js,code.lang-json,code.lang-shell,code.lang-undefined,code.lang-yaml{color:#cdcdcd}.hljs-comment,.hljs-quote{color:#65737e}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#bf616a}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#d08770}.hljs-attribute{color:#ebcb8b}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#a3be8c}.hljs-section,.hljs-title{color:#8fa1b3}.hljs-keyword,.hljs-selector-tag{color:#b48ead}.hljs{display:block;overflow-x:auto;background:#2b303b;color:#c0c5ce;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}