diff options
-rw-r--r-- | README.md | 45 | ||||
-rw-r--r-- | assets/scss/journal.scss | 41 | ||||
-rw-r--r-- | exampleSite/config.toml | 9 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.content | 2 | ||||
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.json | 2 | ||||
-rw-r--r-- | layouts/_default/taxonomy.html | 3 | ||||
-rw-r--r-- | layouts/partials/extrabar.html | 5 | ||||
-rw-r--r-- | layouts/partials/mobile-header.html | 49 | ||||
-rw-r--r-- | layouts/partials/sidebar.html | 17 | ||||
-rw-r--r-- | static/css/journal.css | 712 | ||||
-rw-r--r-- | theme.toml | 1 |
11 files changed, 73 insertions, 813 deletions
@@ -1,22 +1,18 @@ # hugo-theme-diary ![](https://img.shields.io/badge/license-MIT-blue.svg) -[Live Demo](https://amazingrise.net/hugo-theme-diary/) - -Original Author: [SumiMakito](https://github.com/SumiMakito) - 隻言片語・於此匯聚 Moments piled up. ---- A Hugo theme ported from [SumiMakito/hexo-theme-Journal](https://github.com/SumiMakito/hexo-theme-Journal/). -Hereinafter referred to the original version made by SumiMakito as `the ori`. - -The porting is basically finished. +## Links +[Live Demo](https://amazingrise.net/hugo-theme-diary/) +[Changelog (Progress and TODO List)](https://github.com/AmazingRise/hugo-theme-diary/projects/) +[Customization](https://github.com/AmazingRise/hugo-theme-diary/wiki/Customization) -[And more functions are on the way.](https://github.com/AmazingRise/hugo-theme-diary/projects/3). +Original Author: [SumiMakito](https://github.com/SumiMakito) ## Screenshots @@ -74,7 +70,7 @@ From the root of themes/diary/exampleSite: ```bash hugo server --themesDir ../.. ``` -## Using & Customize +## Customization As for other details, please visit [the project wiki](https://github.com/amazingrise/hugo-theme-diary/wiki) for details. @@ -84,34 +80,13 @@ As for other details, please visit [the project wiki](https://github.com/amazing [Add Google Analytics](https://github.com/AmazingRise/hugo-theme-diary/wiki/Customization#add-google-analytics) -[About sidebar and taxonomies](https://github.com/AmazingRise/hugo-theme-diary/wiki/Tag-&-Category-Index-or-Taxonomies) +[Customize sidebar](https://github.com/AmazingRise/hugo-theme-diary/wiki/Customization#customize-sidebar) + ### Example config -Here is an example config. (The same as `/exampleSite/config.toml`) -``` -baseURL = "http://example.org/" -languageCode = "en-us" -title = "A Hugo Site" -copyright = "This is a customized copyright." - -theme = "diary" -# googleAnalytics = "UA-123-45" - -[params] -subtitle = "Themed by Diary." -enableGitalk = true - -[params.gitalk] -owner = "user" -repo = "repo name" -client_id = "your client id" -client_secret = "your client secret" - -[taxonomies] -tag = "tags" -category = "categories" -``` +See [/exampleSite/config.toml](https://github.com/AmazingRise/hugo-theme-diary/blob/master/exampleSite/config.toml) + ## Comparison diff --git a/assets/scss/journal.scss b/assets/scss/journal.scss index 280cf42..bf5dd08 100644 --- a/assets/scss/journal.scss +++ b/assets/scss/journal.scss @@ -9,8 +9,9 @@ $sans-preferred-font-list: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", $default-font-list; $side-container-width: 25%; //280px; -$extra-container-width: 64px; -$stream-container-max-width: 1480px; +$extra-container-width: 180px; +$extra-container-pagination-width: 64px; +$stream-container-max-width: 1620px; $nav-title-size: 30px; $nav-subtitle-size: 18px; @@ -70,32 +71,44 @@ body { * { color: $deep-dark-accent; - line-height: 1.5em; + line-height: 1.7em; word-wrap: break-word; } +h1, h2, h3{ + + font-weight: bold; + +} + h1 { font-size: $h1; + margin: 20px auto; } h2 { - font-size: $h1 - 1 * $h-diff; + font-size: $h1 - 2 * $h-diff; + margin: 20px auto; } h3 { - font-size: $h1 - 2 * $h-diff; + font-size: $h1 - 3 * $h-diff; + margin: 20px auto; } h4 { font-size: $h1 - 3 * $h-diff; + padding: 20px auto; } h5 { - font-size: $h1 - 4 * $h-diff; + font-size: $h1 - 3 * $h-diff - 1; + padding: 10px auto; } h6 { - font-size: $h1 - 5 * $h-diff; + font-size: $h1 - 3 * $h-diff - 2; + padding: 10px auto; } textarea, @@ -119,8 +132,8 @@ code { } pre { - background: rgba($color-accent, 0.07) !important; - color: $dark-accent; + background: rgba(46,46,46, 1) !important; + color: rgba(255,255,255, 1); padding: 12px 15px; border-radius: 5px; font-family: $mono-font-list; @@ -449,15 +462,16 @@ a { right: 0; height: 100vh; width: $extra-container-width; - text-align: right; + /*text-align: right;*/ font-family: $sans-preferred-font-list; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: column; justify-content: flex-end; - padding: 30px 0; + /*padding: 50px 0;*/ .pagination { + display: flex; flex-direction: column; > :not(:last-child) { @@ -473,6 +487,7 @@ a { width: $extra-container-width; padding: 15px 0; font-size: 12px; + width: $extra-container-pagination-width; font-family: $mono-font-list; } .pagination-action { @@ -482,7 +497,7 @@ a { justify-content: center; align-items: center; justify-items: center; - width: $extra-container-width; + width: $extra-container-pagination-width; cursor: hand; cursor: pointer; padding: 15px 0; @@ -915,7 +930,7 @@ a { justify-content: center; align-items: center; justify-items: center; - width: $extra-container-width; + width: $extra-container-pagination-width; cursor: hand; cursor: pointer; padding: 15px 0; diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 4653cd9..80139eb 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -18,3 +18,12 @@ enableGitalk = true [taxonomies] tag = "tags" category = "categories" + +[[menu.main]] +url = "/categories" +name = "Categories" +weight = 2 +[[menu.main]] +url = "/tags" +name = "Tags" +weight = 1
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.content b/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.content index b909705..6087740 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.content +++ b/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.content @@ -1 +1 @@ -::-webkit-scrollbar{display:none}::selection{background:rgba(25,118,210,.4)}body{background:#fcfcfc;padding:0;margin:0;font-family:lora,noto serif sc,serif;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#000}*{color:#000;line-height:1.5em;word-wrap:break-word}h1{font-size:30px}h2{font-size:27px}h3{font-size:24px}h4{font-size:21px}h5{font-size:18px}h6{font-size:15px}textarea,select,input,button{outline:none!important}button{cursor:hand;cursor:pointer}code{color:#145ca4;background:rgba(25,118,210,.07)!important;padding:2px 5px;border-radius:3px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}pre{background:rgba(25,118,210,.07)!important;color:#145ca4;padding:12px 15px;border-radius:5px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}pre *{background:0 0!important;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace!important}pre code{padding:0}blockquote{padding:10px 20px;border-left:3px solid rgba(25,118,210,.7);color:#145ca4;background:rgba(25,118,210,.05)}blockquote p{margin-bottom:0}blockquote *{color:#145ca4}a{color:#1976d2}a:hover{color:#145ca4;text-underline-position:under}@media screen and (max-width:1020px){a:hover{text-decoration:none!important}}.a-block{display:block;text-decoration:none!important}.a-block:hover{text-decoration:none!important}.no-margin{margin:0}.no-padding{padding:0}.no-overflow{overflow:hidden!important}.animated-visibility{transition:visibility 0s,opacity .5s linear;visibility:visible;opacity:1}.invisible{visibility:hidden;opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}#lv-container{padding:0 30px}@media screen and (max-width:1020px){#lv-container{padding:0 15px}}.single-column-nav-container{display:none!important}@media screen and (max-width:1020px){.single-column-nav-container{display:block!important;padding:0}.single-column-nav-container *{font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;transition:opacity .5s ease-in-out}.single-column-nav-container button{padding:0}.single-column-nav-container .nav-content{padding:12px 20px;justify-content:flex-start;max-width:unset!important}.single-column-nav-container .navbar-brand{opacity:0;text-align:left;padding-left:24px!important}.single-column-nav-container .nav-dropdown-toggle{display:flex;align-content:center;align-items:center;justify-items:center;justify-content:center;background:0 0!important;border:none;padding-top:1px}.single-column-nav-container .nav-dropdown-toggle:hover{color:#3f587d!important}.single-column-nav-container .nav-icon-group{z-index:5;padding-right:5px}.single-column-nav-container .nav-icon-group ul{list-style:none;margin:0;padding:0}.single-column-nav-container .nav-icon-group li{display:inline;margin:0;padding:0}.single-column-nav-container .nav-icon{padding:8px}.single-column-nav-container .nav-background{opacity:0;z-index:-1;left:0;position:absolute;width:100%;height:100%;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}}.single-column-header-container{display:none!important}@media screen and (max-width:1020px){.single-column-header-container{display:block!important;padding:50px 20px 80px;transition:padding .5s ease-in-out,margin .5s ease-in-out;text-align:center}.single-column-header-container *{font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;color:#000}.single-column-header-container .single-column-header-title{font-size:28px}.single-column-header-container .single-column-header-subtitle{font-size:20px}}.single-column-drawer-container{display:none!important}@media screen and (max-width:1020px){.single-column-drawer-container{display:block!important;position:fixed;top:0;left:-260px;width:260px;height:100vh;z-index:1800;transition:all .3s ease-in-out}.single-column-drawer-container .drawer-content{background:#fff;height:100%;width:100%;padding:50px 0 80px;display:flex}.single-column-drawer-container .drawer-content .drawer-menu{flex-grow:1;display:flex;justify-items:center;justify-content:center;flex-direction:column}.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item{font-size:18px;margin-bottom:10px;border-right:2px solid transparent;padding:8px 30px;cursor:hand;cursor:pointer;transition:all .2s linear;color:#000}.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.1);color:#092949}}.single-column-drawer-mask{display:none!important}@media screen and (max-width:1020px){.single-column-drawer-mask{display:block!important;position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.8);z-index:1600;transition:all .3s ease-in-out}}.single-column-drawer-container-active{left:0;box-shadow:0 0 8px rgba(0,0,0,.2)}.side-container{position:fixed;top:0;height:100vh;width:25%;text-align:right;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:20px 0 50px;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between}.side-container .nav-head{padding:30px 28px 30px 20px;cursor:hand;cursor:pointer;margin-bottom:10px;transition:all .2s linear;color:#000;border-right:2px solid transparent}.side-container .nav-head .nav-title{font-size:30px;line-height:42px}.side-container .nav-head .nav-subtitle{margin-top:8px;font-size:18px}.side-container .nav-head:hover{border-right:2px solid rgba(25,118,210,.6);background:rgba(25,118,210,.02);color:#092949}.side-container .nav-head.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.03);color:#0e4377}.side-container .nav-link-list{flex-grow:1}.side-container .nav-link-list .nav-link-item{font-size:20px;margin-bottom:10px;border-right:2px solid transparent;padding:8px 28px 8px 30px;cursor:hand;cursor:pointer;transition:all .2s linear;color:#000}.side-container .nav-link-list .nav-link-item:hover{border-right:2px solid rgba(25,118,210,.6);background:rgba(25,118,210,.02);color:#092949}.side-container .nav-link-list .nav-link-item.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.03);color:#0e4377}.side-container .nav-footer{padding:20px 30px 0 20px;font-size:12px}@media screen and (max-width:1020px){.side-container{display:none}}.extra-container{position:fixed;top:0;right:0;height:100vh;width:64px;text-align:right;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 0}.extra-container .pagination{display:flex;flex-direction:column}.extra-container .pagination .pagination-indicator{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;padding:15px 0;font-size:12px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.extra-container .pagination .pagination-action{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;cursor:hand;cursor:pointer;padding:15px 0}.extra-container .pagination .pagination-action :not(.pagination-action-icon){transition:all .2s linear;font-size:13px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.extra-container .pagination .pagination-action *{transition:all .3s linear}.extra-container .pagination .pagination-action:hover{text-decoration:none}.extra-container .pagination .pagination-action:hover *{color:#145ca4}@media screen and (max-width:1020px){.extra-container{display:none}}.pagination-bar-container{position:fixed;top:0;right:0;height:100vh;width:25%;text-align:right;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:20px 0;overflow:scroll;display:flex;flex-direction:column}.stream-container{padding-left:25%;padding-right:64px;width:100%;min-height:100vh;max-width:1480px}@media screen and (max-width:1020px){.stream-container{padding:0;min-height:unset}}.stream-container .post-list-container{width:100%;min-height:100vh;padding:20px 0;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.12)}@media screen and (max-width:1020px){.stream-container .post-list-container{min-height:unset;padding:0;box-shadow:0 0 0 rgba(0,0,0,.2)}}.stream-container .post-list-container .post-item-wrapper,.stream-container .post-list-container>* .post-item-wrapper{cursor:hand;cursor:pointer;transition:all .2s linear}.stream-container .post-list-container .post-item-wrapper .post-item,.stream-container .post-list-container>* .post-item-wrapper .post-item{margin:0 28px 0 35px;padding:30px 0;display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item,.stream-container .post-list-container>* .post-item-wrapper .post-item{flex-direction:column-reverse;margin:0 0 15px;padding:0;box-shadow:0 0 8px rgba(0,0,0,.1);background:#fff}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper{flex-grow:1}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper{width:100%;padding:15px 20px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title{font-size:30px;font-weight:600;font-style:normal;margin-bottom:10px;line-height:1.5em}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title{font-size:22px;margin-bottom:5px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small{font-size:22px;margin-bottom:0}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small{font-size:14px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary{font-size:16px;line-height:1.5em;margin-bottom:10px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary{font-size:16px;margin-bottom:5px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta{font-size:16px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta{font-size:14px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper{margin-left:20px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper{width:100%;margin-left:0}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image{width:230px;height:120px;background:no-repeat 50%;background-size:cover;border-radius:5px;overflow:hidden}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image{width:100%;height:180px;border-radius:0}}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item-no-divider,.stream-container .post-list-container>* .post-item-wrapper .post-item-no-divider{border-bottom:none!important}.stream-container .post-list-container .post-item-wrapper .post-item-no-gaps,.stream-container .post-list-container>* .post-item-wrapper .post-item-no-gaps{margin:0;box-shadow:none}}.stream-container .post-list-container .post-item-wrapper *,.stream-container .post-list-container>* .post-item-wrapper *{transition:all .2s linear}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover{text-decoration:none;background:rgba(0,0,0,.03)}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title{text-decoration:underline;text-decoration-style:2px solid #1976d2;text-underline-position:under}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *{color:#145ca4}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title{text-decoration:none!important}}.stream-container .post-list-container .post-item-wrapper-no-hover,.stream-container .post-list-container>* .post-item-wrapper-no-hover{cursor:unset}.stream-container .post-list-container:not(:last-child) .post-item,.stream-container .post-list-container>*:not(:last-child) .post-item{border-bottom:1px solid rgba(128,128,128,.12)}@media screen and (max-width:1020px){.stream-container .post-list-container-no-background{background:0 0}}@media screen and (max-width:1020px){.stream-container .post-list-container-shadow{box-shadow:0 0 8px rgba(0,0,0,.1)}}.stream-container .post-list-footer{text-align:center;width:100%;opacity:.3;color:#000;font-family:lora,noto serif sc,serif;font-size:13px;padding:15px}.stream-container .post{padding:0 0 20px}.stream-container .post .post-head-wrapper{margin-top:-20px;background:no-repeat 50%;background-size:cover;position:relative;padding-top:140px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper{padding-top:120px}}.stream-container .post .post-head-wrapper *{color:#fff}.stream-container .post .post-head-wrapper .post-title{padding:80px 35px 30px;font-size:30px;font-weight:600;font-style:normal;line-height:1.5em;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#c6000000',GradientType=0)}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper .post-title{font-size:22px;padding:80px 20px 30px}}.stream-container .post .post-head-wrapper .post-title .post-meta{margin:0}.stream-container .post .post-head-wrapper .post-title .post-meta,.stream-container .post .post-head-wrapper .post-title .post-meta *{font-size:16px}.stream-container .post .post-head-wrapper .post-title .post-meta .material-icons{vertical-align:middle;margin-bottom:3px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper .post-title .post-meta,.stream-container .post .post-head-wrapper .post-title .post-meta *{font-size:14px}}.stream-container .post .post-head-wrapper-text-only{padding:30px 35px 0}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only{padding:30px 20px 0}}.stream-container .post .post-head-wrapper-text-only .post-title{font-size:30px;font-weight:600;font-style:normal;line-height:1.5em}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta{margin:0}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,.stream-container .post .post-head-wrapper-text-only .post-title .post-meta *{font-size:16px}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta .material-icons{vertical-align:middle;margin-bottom:3px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,.stream-container .post .post-head-wrapper-text-only .post-title .post-meta *{font-size:14px}}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only .post-title{font-size:22px}}.stream-container .post .post-body-wrapper{padding:30px 35px 35px}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper{padding:20px 20px 35px}}.stream-container .post .post-body-wrapper .post-body{font-size:16px;line-height:1.5em}.stream-container .post .post-body-wrapper .post-body *{word-wrap:break-word}.stream-container .post .post-body-wrapper .post-body img{max-width:100%;border-radius:5px;overflow:hidden}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper .post-body{font-size:16px}}.stream-container .post .post-body-wrapper .post-body .toc{float:right;border-radius:5px;background:rgba(25,118,210,.05);padding:30px;margin-left:30px;margin-bottom:30px}.stream-container .post .post-body-wrapper .post-body .toc,.stream-container .post .post-body-wrapper .post-body .toc *{font-size:16px}.stream-container .post .post-body-wrapper .post-body .toc ul{list-style:decimal;padding:0 0 0 20px;margin:0}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper .post-body .toc,.stream-container .post .post-body-wrapper .post-body .toc *{font-size:14px}}.stream-container .post .post-pagination{padding:20px 35px;width:100%;display:flex;justify-content:space-between}.stream-container .post .post-pagination .newer-posts{padding-right:5px;text-align:left;width:50%}.stream-container .post .post-pagination .older-posts{padding-left:5px;text-align:right;width:50%}@media screen and (max-width:1020px){.stream-container .post .post-pagination{padding:20px}}.stream-container .post .post-comment-wrapper{padding:20px 35px}.stream-container .post .post-comment-wrapper iframe{overflow:hidden!important}@media screen and (max-width:1020px){.stream-container .post .post-comment-wrapper{padding:20px}}.stream-container .pagination{display:none}@media screen and (max-width:1020px){.stream-container .pagination{display:flex!important;flex-direction:row;justify-content:space-between}.stream-container .pagination:not(.index-page){margin-top:15px}.stream-container .pagination .pagination-indicator{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;padding:15px 0;font-size:12px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.stream-container .pagination .pagination-action{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;cursor:hand;cursor:pointer;padding:15px 0}.stream-container .pagination .pagination-action :not(.pagination-action-icon){transition:all .2s linear;font-size:13px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.stream-container .pagination .pagination-action *{transition:all .3s linear}.stream-container .pagination .pagination-action:hover{text-decoration:none}.stream-container .pagination .pagination-action:hover *{color:#145ca4}}#single-column-footer{display:none}@media screen and (max-width:1020px){#single-column-footer{display:block!important;text-align:center;font-size:13px;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:40px 20px}}
\ No newline at end of file +::-webkit-scrollbar{display:none}::selection{background:rgba(25,118,210,.4)}body{background:#fcfcfc;padding:0;margin:0;font-family:lora,noto serif sc,serif;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#000}*{color:#000;line-height:1.7em;word-wrap:break-word}h1,h2,h3{font-weight:700}h1{font-size:30px;margin:20px auto}h2{font-size:24px;margin:20px auto}h3{font-size:18px;margin:20px auto}h4{font-size:15px;padding:20px auto}h5{font-size:12px;padding:10px auto}h6{font-size:9px;padding:10px auto}textarea,select,input,button{outline:none!important}button{cursor:hand;cursor:pointer}code{color:#145ca4;background:rgba(25,118,210,.07)!important;padding:2px 5px;border-radius:3px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}pre{background:#2e2e2e!important;color:#fff;padding:12px 15px;border-radius:5px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}pre *{background:0 0!important;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace!important}pre code{padding:0}blockquote{padding:10px 20px;border-left:3px solid rgba(25,118,210,.7);color:#145ca4;background:rgba(25,118,210,.05)}blockquote p{margin-bottom:0}blockquote *{color:#145ca4}a{color:#1976d2}a:hover{color:#145ca4;text-underline-position:under}@media screen and (max-width:1020px){a:hover{text-decoration:none!important}}.a-block{display:block;text-decoration:none!important}.a-block:hover{text-decoration:none!important}.no-margin{margin:0}.no-padding{padding:0}.no-overflow{overflow:hidden!important}.animated-visibility{transition:visibility 0s,opacity .5s linear;visibility:visible;opacity:1}.invisible{visibility:hidden;opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}#lv-container{padding:0 30px}@media screen and (max-width:1020px){#lv-container{padding:0 15px}}.single-column-nav-container{display:none!important}@media screen and (max-width:1020px){.single-column-nav-container{display:block!important;padding:0}.single-column-nav-container *{font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;transition:opacity .5s ease-in-out}.single-column-nav-container button{padding:0}.single-column-nav-container .nav-content{padding:12px 20px;justify-content:flex-start;max-width:unset!important}.single-column-nav-container .navbar-brand{opacity:0;text-align:left;padding-left:24px!important}.single-column-nav-container .nav-dropdown-toggle{display:flex;align-content:center;align-items:center;justify-items:center;justify-content:center;background:0 0!important;border:none;padding-top:1px}.single-column-nav-container .nav-dropdown-toggle:hover{color:#3f587d!important}.single-column-nav-container .nav-icon-group{z-index:5;padding-right:5px}.single-column-nav-container .nav-icon-group ul{list-style:none;margin:0;padding:0}.single-column-nav-container .nav-icon-group li{display:inline;margin:0;padding:0}.single-column-nav-container .nav-icon{padding:8px}.single-column-nav-container .nav-background{opacity:0;z-index:-1;left:0;position:absolute;width:100%;height:100%;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}}.single-column-header-container{display:none!important}@media screen and (max-width:1020px){.single-column-header-container{display:block!important;padding:50px 20px 80px;transition:padding .5s ease-in-out,margin .5s ease-in-out;text-align:center}.single-column-header-container *{font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;color:#000}.single-column-header-container .single-column-header-title{font-size:28px}.single-column-header-container .single-column-header-subtitle{font-size:20px}}.single-column-drawer-container{display:none!important}@media screen and (max-width:1020px){.single-column-drawer-container{display:block!important;position:fixed;top:0;left:-260px;width:260px;height:100vh;z-index:1800;transition:all .3s ease-in-out}.single-column-drawer-container .drawer-content{background:#fff;height:100%;width:100%;padding:50px 0 80px;display:flex}.single-column-drawer-container .drawer-content .drawer-menu{flex-grow:1;display:flex;justify-items:center;justify-content:center;flex-direction:column}.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item{font-size:18px;margin-bottom:10px;border-right:2px solid transparent;padding:8px 30px;cursor:hand;cursor:pointer;transition:all .2s linear;color:#000}.single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.1);color:#092949}}.single-column-drawer-mask{display:none!important}@media screen and (max-width:1020px){.single-column-drawer-mask{display:block!important;position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.8);z-index:1600;transition:all .3s ease-in-out}}.single-column-drawer-container-active{left:0;box-shadow:0 0 8px rgba(0,0,0,.2)}.side-container{position:fixed;top:0;height:100vh;width:25%;text-align:right;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:20px 0 50px;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between}.side-container .nav-head{padding:30px 28px 30px 20px;cursor:hand;cursor:pointer;margin-bottom:10px;transition:all .2s linear;color:#000;border-right:2px solid transparent}.side-container .nav-head .nav-title{font-size:30px;line-height:42px}.side-container .nav-head .nav-subtitle{margin-top:8px;font-size:18px}.side-container .nav-head:hover{border-right:2px solid rgba(25,118,210,.6);background:rgba(25,118,210,.02);color:#092949}.side-container .nav-head.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.03);color:#0e4377}.side-container .nav-link-list{flex-grow:1}.side-container .nav-link-list .nav-link-item{font-size:20px;margin-bottom:10px;border-right:2px solid transparent;padding:8px 28px 8px 30px;cursor:hand;cursor:pointer;transition:all .2s linear;color:#000}.side-container .nav-link-list .nav-link-item:hover{border-right:2px solid rgba(25,118,210,.6);background:rgba(25,118,210,.02);color:#092949}.side-container .nav-link-list .nav-link-item.active{border-right:2px solid #1976d2;background:rgba(25,118,210,.03);color:#0e4377}.side-container .nav-footer{padding:20px 30px 0 20px;font-size:12px}@media screen and (max-width:1020px){.side-container{display:none}}.extra-container{position:fixed;top:0;right:0;height:100vh;width:180px;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;overflow-x:hidden;overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-end}.extra-container .pagination{display:flex;flex-direction:column}.extra-container .pagination .pagination-indicator{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:180px;padding:15px 0;font-size:12px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.extra-container .pagination .pagination-action{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;cursor:hand;cursor:pointer;padding:15px 0}.extra-container .pagination .pagination-action :not(.pagination-action-icon){transition:all .2s linear;font-size:13px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.extra-container .pagination .pagination-action *{transition:all .3s linear}.extra-container .pagination .pagination-action:hover{text-decoration:none}.extra-container .pagination .pagination-action:hover *{color:#145ca4}@media screen and (max-width:1020px){.extra-container{display:none}}.pagination-bar-container{position:fixed;top:0;right:0;height:100vh;width:25%;text-align:right;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:20px 0;overflow:scroll;display:flex;flex-direction:column}.stream-container{padding-left:25%;padding-right:180px;width:100%;min-height:100vh;max-width:1620px}@media screen and (max-width:1020px){.stream-container{padding:0;min-height:unset}}.stream-container .post-list-container{width:100%;min-height:100vh;padding:20px 0;background:#fff;box-shadow:0 0 16px rgba(0,0,0,.12)}@media screen and (max-width:1020px){.stream-container .post-list-container{min-height:unset;padding:0;box-shadow:0 0 0 rgba(0,0,0,.2)}}.stream-container .post-list-container .post-item-wrapper,.stream-container .post-list-container>* .post-item-wrapper{cursor:hand;cursor:pointer;transition:all .2s linear}.stream-container .post-list-container .post-item-wrapper .post-item,.stream-container .post-list-container>* .post-item-wrapper .post-item{margin:0 28px 0 35px;padding:30px 0;display:flex;flex-direction:row;align-items:center}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item,.stream-container .post-list-container>* .post-item-wrapper .post-item{flex-direction:column-reverse;margin:0 0 15px;padding:0;box-shadow:0 0 8px rgba(0,0,0,.1);background:#fff}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper{flex-grow:1}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper{width:100%;padding:15px 20px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title{font-size:30px;font-weight:600;font-style:normal;margin-bottom:10px;line-height:1.5em}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title{font-size:22px;margin-bottom:5px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small{font-size:22px;margin-bottom:0}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small{font-size:14px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary{font-size:16px;line-height:1.5em;margin-bottom:10px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary{font-size:16px;margin-bottom:5px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta{font-size:16px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta{font-size:14px}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper{margin-left:20px}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper{width:100%;margin-left:0}}.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image{width:230px;height:120px;background:no-repeat 50%;background-size:cover;border-radius:5px;overflow:hidden}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image,.stream-container .post-list-container>* .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image{width:100%;height:180px;border-radius:0}}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper .post-item-no-divider,.stream-container .post-list-container>* .post-item-wrapper .post-item-no-divider{border-bottom:none!important}.stream-container .post-list-container .post-item-wrapper .post-item-no-gaps,.stream-container .post-list-container>* .post-item-wrapper .post-item-no-gaps{margin:0;box-shadow:none}}.stream-container .post-list-container .post-item-wrapper *,.stream-container .post-list-container>* .post-item-wrapper *{transition:all .2s linear}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover{text-decoration:none;background:rgba(0,0,0,.03)}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title{text-decoration:underline;text-decoration-style:2px solid #1976d2;text-underline-position:under}.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *{color:#145ca4}@media screen and (max-width:1020px){.stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title,.stream-container .post-list-container>* .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title{text-decoration:none!important}}.stream-container .post-list-container .post-item-wrapper-no-hover,.stream-container .post-list-container>* .post-item-wrapper-no-hover{cursor:unset}.stream-container .post-list-container:not(:last-child) .post-item,.stream-container .post-list-container>*:not(:last-child) .post-item{border-bottom:1px solid rgba(128,128,128,.12)}@media screen and (max-width:1020px){.stream-container .post-list-container-no-background{background:0 0}}@media screen and (max-width:1020px){.stream-container .post-list-container-shadow{box-shadow:0 0 8px rgba(0,0,0,.1)}}.stream-container .post-list-footer{text-align:center;width:100%;opacity:.3;color:#000;font-family:lora,noto serif sc,serif;font-size:13px;padding:15px}.stream-container .post{padding:0 0 20px}.stream-container .post .post-head-wrapper{margin-top:-20px;background:no-repeat 50%;background-size:cover;position:relative;padding-top:140px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper{padding-top:120px}}.stream-container .post .post-head-wrapper *{color:#fff}.stream-container .post .post-head-wrapper .post-title{padding:80px 35px 30px;font-size:30px;font-weight:600;font-style:normal;line-height:1.5em;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#c6000000',GradientType=0)}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper .post-title{font-size:22px;padding:80px 20px 30px}}.stream-container .post .post-head-wrapper .post-title .post-meta{margin:0}.stream-container .post .post-head-wrapper .post-title .post-meta,.stream-container .post .post-head-wrapper .post-title .post-meta *{font-size:16px}.stream-container .post .post-head-wrapper .post-title .post-meta .material-icons{vertical-align:middle;margin-bottom:3px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper .post-title .post-meta,.stream-container .post .post-head-wrapper .post-title .post-meta *{font-size:14px}}.stream-container .post .post-head-wrapper-text-only{padding:30px 35px 0}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only{padding:30px 20px 0}}.stream-container .post .post-head-wrapper-text-only .post-title{font-size:30px;font-weight:600;font-style:normal;line-height:1.5em}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta{margin:0}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,.stream-container .post .post-head-wrapper-text-only .post-title .post-meta *{font-size:16px}.stream-container .post .post-head-wrapper-text-only .post-title .post-meta .material-icons{vertical-align:middle;margin-bottom:3px}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only .post-title .post-meta,.stream-container .post .post-head-wrapper-text-only .post-title .post-meta *{font-size:14px}}@media screen and (max-width:1020px){.stream-container .post .post-head-wrapper-text-only .post-title{font-size:22px}}.stream-container .post .post-body-wrapper{padding:30px 35px 35px}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper{padding:20px 20px 35px}}.stream-container .post .post-body-wrapper .post-body{font-size:16px;line-height:1.5em}.stream-container .post .post-body-wrapper .post-body *{word-wrap:break-word}.stream-container .post .post-body-wrapper .post-body img{max-width:100%;border-radius:5px;overflow:hidden}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper .post-body{font-size:16px}}.stream-container .post .post-body-wrapper .post-body .toc{float:right;border-radius:5px;background:rgba(25,118,210,.05);padding:30px;margin-left:30px;margin-bottom:30px}.stream-container .post .post-body-wrapper .post-body .toc,.stream-container .post .post-body-wrapper .post-body .toc *{font-size:16px}.stream-container .post .post-body-wrapper .post-body .toc ul{list-style:decimal;padding:0 0 0 20px;margin:0}@media screen and (max-width:1020px){.stream-container .post .post-body-wrapper .post-body .toc,.stream-container .post .post-body-wrapper .post-body .toc *{font-size:14px}}.stream-container .post .post-pagination{padding:20px 35px;width:100%;display:flex;justify-content:space-between}.stream-container .post .post-pagination .newer-posts{padding-right:5px;text-align:left;width:50%}.stream-container .post .post-pagination .older-posts{padding-left:5px;text-align:right;width:50%}@media screen and (max-width:1020px){.stream-container .post .post-pagination{padding:20px}}.stream-container .post .post-comment-wrapper{padding:20px 35px}.stream-container .post .post-comment-wrapper iframe{overflow:hidden!important}@media screen and (max-width:1020px){.stream-container .post .post-comment-wrapper{padding:20px}}.stream-container .pagination{display:none}@media screen and (max-width:1020px){.stream-container .pagination{display:flex!important;flex-direction:row;justify-content:space-between}.stream-container .pagination:not(.index-page){margin-top:15px}.stream-container .pagination .pagination-indicator{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:180px;padding:15px 0;font-size:12px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.stream-container .pagination .pagination-action{display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center;width:64px;cursor:hand;cursor:pointer;padding:15px 0}.stream-container .pagination .pagination-action :not(.pagination-action-icon){transition:all .2s linear;font-size:13px;font-family:fira mono,cousine,Monaco,Menlo,source code pro,monospace}.stream-container .pagination .pagination-action *{transition:all .3s linear}.stream-container .pagination .pagination-action:hover{text-decoration:none}.stream-container .pagination .pagination-action:hover *{color:#145ca4}}#single-column-footer{display:none}@media screen and (max-width:1020px){#single-column-footer{display:block!important;text-align:center;font-size:13px;font-family:montserrat,roboto,source sans pro,helvetica,arial,lora,noto serif sc,serif;padding:40px 20px}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.json b/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.json index 758ff37..0e41f99 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.json +++ b/exampleSite/resources/_gen/assets/scss/scss/journal.scss_48b060fe05b0a273d182ef83c0605941.json @@ -1 +1 @@ -{"Target":"scss/journal.min.b16b92403170aa4eb662f097e3eb511404d139b4dbc2f3b2a55054fe0b9913c0.css","MediaType":"text/css","Data":{"Integrity":"sha256-sWuSQDFwqk62YvCX4+tRFATRObTbwvOypVBU/guZE8A="}}
\ No newline at end of file +{"Target":"scss/journal.min.1ece104da1a846c0916309d08bbb378155cd8a4878e2b923e49bb80a22ea5c6b.css","MediaType":"text/css","Data":{"Integrity":"sha256-Hs4QTaGoRsCRYwnQi7s3gVXNikh44rkj5Ju4CiLqXGs="}}
\ No newline at end of file diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index fd6220f..7966aa1 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -11,8 +11,6 @@ </div> </div> {{- range .Data.Pages -}} - {{- if (in (.Site.Params.excludedTypes | default (slice "page")) .Type) -}} - {{- else -}} <a href="{{ .RelPermalink }}" class="a-block"> <div class="post-item-wrapper"> <div class="post-item post-item-no-gaps"> @@ -32,7 +30,6 @@ </div> </a> {{- end -}} - {{- end -}} </div> </div> {{ end }} diff --git a/layouts/partials/extrabar.html b/layouts/partials/extrabar.html index adb91be..68653b6 100644 --- a/layouts/partials/extrabar.html +++ b/layouts/partials/extrabar.html @@ -1,4 +1,9 @@ <div ref="extraContainer" class="extra-container"> + <!-- + <div class="tableOfContents"> + {{ .TableOfContents }} + </div> + --> <div class="pagination"> <a id="globalBackToTop" class="pagination-action animated-visibility" href="#top" :class="{ invisible: scrollY == 0 }"> <i class="material-icons pagination-action-icon"> diff --git a/layouts/partials/mobile-header.html b/layouts/partials/mobile-header.html index 3c96494..6acc476 100644 --- a/layouts/partials/mobile-header.html +++ b/layouts/partials/mobile-header.html @@ -2,44 +2,17 @@ v-bind:class="{ 'single-column-drawer-container-active': isDrawerOpen }"> <div class="drawer-content"> <div class="drawer-menu"> - {{ $current := .Permalink}} - {{range $taxonomyname, $taxonomy := .Site.Taxonomies}} - - {{ with $.Site.GetPage (printf "/%s" $taxonomyname) }} - - {{$actived := "false"}} - {{if eq $current .Permalink}} - {{$actived = "active"}} - - {{end}} - <a class="a-block drawer-menu-item {{$actived}}" href="{{.Permalink}}"> - {{.Title}} - </a> - {{ end }} - {{ end }} - <!-- - <a class="a-block drawer-menu-item <%= is_home() && 'active' %>" href="<%= config.url %>"> - <%= __('Home') %> - </a> - <% if (theme.archives) { %> - <a class="a-block drawer-menu-item <%= is_current('archives') && 'active' %>" href="<%= config.root + "archives" %>"> - <%= __('Archive') %> - </a> - <% } %> - - <% if(site.pages){ %> - <% site.pages.each(function (page){ %> - <a class="a-block drawer-menu-item <%= is_current(page.path) && 'active' %>" href="<%= config.root + page.path %>"> - <%= page.title %> - </a> - <% });} %> - - <% if (theme.rss) { %> - <a class="a-block drawer-menu-item" href="<%= config.root + theme.rss %>"> - <%= __('RSS') %> - </a> - <% } %> - --> + {{ $current := .Permalink | absLangURL }} + {{ range .Site.Menus.main }} + {{$actived := "false"}} + <!-- A problem caused by slash: if you use "eq" directly, you will get a result of "/tags/" and "/tags" --> + {{if hasPrefix $current (.URL|absLangURL)}} + {{$actived = "active"}} + {{end}} + <a class="a-block drawer-menu-item {{$actived}}" href="{{ .URL }}"> + {{ .Name }} + </a> + {{ end }} </div> </div> </div> diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index f2e7445..6d3f15a 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -15,23 +15,20 @@ </a> <div class="nav-link-list"> - {{ $current := .Permalink}} - {{range $taxonomyname, $taxonomy := .Site.Taxonomies}} - - {{ with $.Site.GetPage (printf "/%s" $taxonomyname) }} - + {{ $current := .Permalink | absLangURL }} + {{ range .Site.Menus.main }} {{$actived := "false"}} - {{if eq $current .Permalink}} + <!-- A problem caused by slash: if you use "eq" directly, you will get a result of "/tags/" and "/tags" --> + {{if hasPrefix $current (.URL|absLangURL)}} {{$actived = "active"}} - {{end}} - <a class="a-block nav-link-item {{$actived}}" href="{{.Permalink}}"> - {{.Title}} + <a class="a-block nav-link-item {{$actived}}" href="{{ .URL }}"> + {{ .Name }} </a> - {{ end }} {{ end }} </div> + <div class="nav-footer"> {{partial "copyright.html" .}} diff --git a/static/css/journal.css b/static/css/journal.css deleted file mode 100644 index 85860b3..0000000 --- a/static/css/journal.css +++ /dev/null @@ -1,712 +0,0 @@ -::-webkit-scrollbar { - display: none; } - -body { - background: #fcfcfc; - padding: 0; - margin: 0; - font-family: "Lora", "source-han-serif-tc", serif; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); - text-rendering: optimizeLegibility !important; - -webkit-font-smoothing: antialiased !important; - color: black; } - -* { - color: black; - line-height: 1.5em; - word-wrap: break-word; } - -h1 { - font-size: 30px; } - -h2 { - font-size: 27px; } - -h3 { - font-size: 24px; } - -h4 { - font-size: 21px; } - -h5 { - font-size: 18px; } - -h6 { - font-size: 15px; } - -textarea, -select, -input, -button { - outline: none !important; } - -button { - cursor: hand; - cursor: pointer; } - -code { - color: #7a422c; - background: rgba(159, 86, 58, 0.07) !important; - padding: 2px 5px; - border-radius: 3px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - -pre { - background: rgba(159, 86, 58, 0.07) !important; - color: #7a422c; - padding: 12px 15px; - border-radius: 5px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - pre * { - background: none !important; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace !important; } - pre code { - padding: 0; } - -blockquote { - padding: 10px 20px; - border-left: 3px solid rgba(159, 86, 58, 0.7); - color: #7a422c; - background: rgba(159, 86, 58, 0.05); } - blockquote p { - margin-bottom: 0; } - blockquote * { - color: #7a422c; } - -a { - color: #9f563a; } - a:hover { - color: #7a422c; - text-underline-position: under; } - @media screen and (max-width: 1020px) { - a:hover { - text-decoration: none !important; } } - -.a-block { - display: block; - text-decoration: none !important; } - .a-block:hover { - text-decoration: none !important; } - -.no-margin { - margin: 0; } - -.no-padding { - padding: 0; } - -.no-overflow { - overflow: hidden !important; } - -.animated-visibility { - transition: visibility 0s, opacity 0.5s linear; - visibility: visible; - opacity: 1; } - -.invisible { - visibility: hidden; - opacity: 0; } - -.fade-enter-active, -.fade-leave-active { - transition: opacity 0.3s; } - -.fade-enter, -.fade-leave-to { - opacity: 0; } - -#lv-container { - padding: 0 30px; } - @media screen and (max-width: 1020px) { - #lv-container { - padding: 0 15px; } } - -.single-column-nav-container { - display: none !important; } - @media screen and (max-width: 1020px) { - .single-column-nav-container { - display: block !important; - padding: 0; } - .single-column-nav-container * { - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - transition: opacity 0.5s ease-in-out; } - .single-column-nav-container button { - padding: 0; } - .single-column-nav-container .nav-content { - padding: 12px 20px; - justify-content: flex-start; - max-width: unset !important; } - .single-column-nav-container .navbar-brand { - opacity: 0; - text-align: left; - padding-left: 24px !important; } - .single-column-nav-container .nav-dropdown-toggle { - display: flex; - align-content: center; - align-items: center; - justify-items: center; - justify-content: center; - background: none !important; - border: none; - padding-top: 1px; } - .single-column-nav-container .nav-dropdown-toggle:hover { - color: #3f587d !important; } - .single-column-nav-container .nav-icon-group { - z-index: 5; - padding-right: 5px; } - .single-column-nav-container .nav-icon-group ul { - list-style: none; - margin: 0; - padding: 0; } - .single-column-nav-container .nav-icon-group li { - display: inline; - margin: 0; - padding: 0; } - .single-column-nav-container .nav-icon { - padding: 8px; } - .single-column-nav-container .nav-background { - opacity: 0; - z-index: -1; - left: 0; - position: absolute; - width: 100%; - height: 100%; - background: white; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } } - -.single-column-header-container { - display: none !important; } - @media screen and (max-width: 1020px) { - .single-column-header-container { - display: block !important; - padding: 50px 20px 80px 20px; - transition: padding 0.5s ease-in-out, margin 0.5s ease-in-out; - text-align: center; } - .single-column-header-container * { - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - color: black; } - .single-column-header-container .single-column-header-title { - font-size: 28px; } - .single-column-header-container .single-column-header-subtitle { - font-size: 20px; } } - -.single-column-drawer-container { - display: none !important; } - @media screen and (max-width: 1020px) { - .single-column-drawer-container { - display: block !important; - position: fixed; - top: 0; - left: -260px; - width: 260px; - height: 100vh; - z-index: 1800; - transition: all 0.3s ease-in-out; } - .single-column-drawer-container .drawer-content { - background: white; - height: 100%; - width: 100%; - padding: 50px 0 80px 0; - display: flex; } - .single-column-drawer-container .drawer-content .drawer-menu { - flex-grow: 1; - display: flex; - justify-items: center; - justify-content: center; - flex-direction: column; } - .single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item { - font-size: 18px; - margin-bottom: 10px; - border-right: 2px solid transparent; - padding: 8px 30px 8px 30px; - cursor: hand; - cursor: pointer; - transition: all 0.2s linear; - color: black; } - .single-column-drawer-container .drawer-content .drawer-menu .drawer-menu-item.active { - border-right: 2px solid #9f563a; - background: rgba(159, 86, 58, 0.1); - color: #2f1911; } } - -.single-column-drawer-mask { - display: none !important; } - @media screen and (max-width: 1020px) { - .single-column-drawer-mask { - display: block !important; - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - background: rgba(0, 0, 0, 0.8); - z-index: 1600; - transition: all 0.3s ease-in-out; } } - -.single-column-drawer-container-active { - left: 0; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } - -.side-container { - position: fixed; - top: 0; - height: 100vh; - width: 25%; - text-align: right; - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - padding: 20px 0 50px 0; - overflow-x: hidden; - overflow-y: scroll; - display: flex; - flex-direction: column; - justify-content: space-between; - scrollbar-width: none; -} - .side-container .nav-head { - padding: 30px 28px 30px 20px; - cursor: hand; - cursor: pointer; - margin-bottom: 10px; - transition: all 0.2s linear; - color: black; - border-right: 2px solid transparent; } - .side-container .nav-head .nav-title { - font-size: 30px; - line-height: 42px; } - .side-container .nav-head .nav-subtitle { - margin-top: 8px; - font-size: 18px; } - .side-container .nav-head:hover { - border-right: 2px solid rgba(159, 86, 58, 0.6); - background: rgba(159, 86, 58, 0.02); - color: #2f1911; } - .side-container .nav-head.active { - border-right: 2px solid #9f563a; - background: rgba(159, 86, 58, 0.03); - color: #542e1f; } - .side-container .nav-link-list { - flex-grow: 1; } - .side-container .nav-link-list .nav-link-item { - font-size: 20px; - margin-bottom: 10px; - border-right: 2px solid transparent; - padding: 8px 28px 8px 30px; - cursor: hand; - cursor: pointer; - transition: all 0.2s linear; - color: black; } - .side-container .nav-link-list .nav-link-item:hover { - border-right: 2px solid rgba(159, 86, 58, 0.6); - background: rgba(159, 86, 58, 0.02); - color: #2f1911; } - .side-container .nav-link-list .nav-link-item.active { - border-right: 2px solid #9f563a; - background: rgba(159, 86, 58, 0.03); - color: #542e1f; } - .side-container .nav-footer { - padding: 20px 30px 0 20px; - font-size: 12px; } - @media screen and (max-width: 1020px) { - .side-container { - display: none; } } - -.extra-container { - position: fixed; - top: 0; - right: 0; - height: 100vh; - width: 64px; - text-align: right; - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - overflow-x: hidden; - overflow-y: scroll; - display: flex; - flex-direction: column; - justify-content: flex-end; - padding: 30px 0; - scrollbar-width: none; -} - .extra-container .pagination { - display: flex; - flex-direction: column; } - .extra-container .pagination .pagination-indicator { - display: flex; - flex-direction: column; - align-content: center; - justify-content: center; - align-items: center; - justify-items: center; - width: 64px; - padding: 15px 0; - font-size: 12px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - .extra-container .pagination .pagination-action { - display: flex; - flex-direction: column; - align-content: center; - justify-content: center; - align-items: center; - justify-items: center; - width: 64px; - cursor: hand; - cursor: pointer; - padding: 15px 0; } - .extra-container .pagination .pagination-action :not(.pagination-action-icon) { - transition: all 0.2s linear; - font-size: 13px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - .extra-container .pagination .pagination-action * { - transition: all 0.3s linear; } - .extra-container .pagination .pagination-action:hover { - text-decoration: none; } - .extra-container .pagination .pagination-action:hover * { - color: #7a422c; } - @media screen and (max-width: 1020px) { - .extra-container { - display: none; } } - -.pagination-bar-container { - position: fixed; - top: 0; - right: 0; - height: 100vh; - width: 25%; - text-align: right; - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - padding: 20px 0; - overflow: scroll; - display: flex; - flex-direction: column; } - -.stream-container { - padding-left: 25%; - padding-right: 64px; - width: 100%; - min-height: 100vh; - max-width: 1480px; } - @media screen and (max-width: 1020px) { - .stream-container { - padding: 0; - min-height: unset; } } - .stream-container .post-list-container { - width: 100%; - min-height: 100vh; - padding: 20px 0 20px 0; - background: #ffffff; - box-shadow: 0 0 16px rgba(0, 0, 0, 0.12); } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container { - min-height: unset; - padding: 0; - box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); } } - .stream-container .post-list-container .post-item-wrapper, - .stream-container .post-list-container > * .post-item-wrapper { - cursor: hand; - cursor: pointer; - transition: all 0.2s linear; } - .stream-container .post-list-container .post-item-wrapper .post-item, - .stream-container .post-list-container > * .post-item-wrapper .post-item { - margin: 0 28px 0 35px; - padding: 30px 0; - display: flex; - flex-direction: row; - align-items: center; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item, - .stream-container .post-list-container > * .post-item-wrapper .post-item { - flex-direction: column-reverse; - margin: 0 0 15px 0; - padding: 0; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); - background: #ffffff; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper { - flex-grow: 1; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper { - width: 100%; - padding: 15px 20px; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title { - font-size: 30px; - font-weight: 600; - font-style: normal; - margin-bottom: 10px; - line-height: 1.5em; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title { - font-size: 22px; - margin-bottom: 5px; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small { - font-size: 22px; - margin-bottom: 0; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-title-small { - font-size: 14px; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary { - font-size: 16px; - line-height: 1.5em; - margin-bottom: 10px; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-summary { - font-size: 16px; - margin-bottom: 5px; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta { - font-size: 16px; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-info-wrapper .post-item-meta { - font-size: 14px; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper { - margin-left: 20px; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper { - width: 100%; - margin-left: 0; } } - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image { - width: 230px; - height: 120px; - background: no-repeat center; - background-size: cover; - border-radius: 5px; - overflow: hidden; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image, - .stream-container .post-list-container > * .post-item-wrapper .post-item .post-item-image-wrapper .post-item-image { - width: 100%; - height: 180px; - border-radius: 0; } } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper .post-item-no-divider, - .stream-container .post-list-container > * .post-item-wrapper .post-item-no-divider { - border-bottom: none !important; } - .stream-container .post-list-container .post-item-wrapper .post-item-no-gaps, - .stream-container .post-list-container > * .post-item-wrapper .post-item-no-gaps { - margin: 0; - box-shadow: none; } } - .stream-container .post-list-container .post-item-wrapper *, - .stream-container .post-list-container > * .post-item-wrapper * { - transition: all 0.2s linear; } - .stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover, - .stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover { - text-decoration: none; - background: rgba(0, 0, 0, 0.03); } - .stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title, - .stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title { - text-decoration: underline; - text-decoration-style: 2px solid #9f563a; - text-underline-position: under; } - .stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover *, - .stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover * { - color: #7a422c; } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title, - .stream-container .post-list-container > * .post-item-wrapper:not(.post-item-wrapper-no-hover):hover .post-item-title { - text-decoration: none !important; } } - .stream-container .post-list-container .post-item-wrapper-no-hover, - .stream-container .post-list-container > * .post-item-wrapper-no-hover { - cursor: unset; } - .stream-container .post-list-container:not(:last-child) .post-item, - .stream-container .post-list-container > *:not(:last-child) .post-item { - border-bottom: 1px solid rgba(128, 128, 128, 0.12); } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container-no-background { - background: none; } } - @media screen and (max-width: 1020px) { - .stream-container .post-list-container-shadow { - box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); } } - .stream-container .post-list-footer { - text-align: center; - width: 100%; - opacity: 0.3; - color: black; - font-family: "Lora", "source-han-serif-tc", serif; - font-size: 13px; - padding: 15px; } - .stream-container .post { - padding: 0 0 20px 0; } - .stream-container .post .post-head-wrapper { - margin-top: -20px; - background: no-repeat center; - background-size: cover; - position: relative; - padding-top: 140px; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper { - padding-top: 120px; } } - .stream-container .post .post-head-wrapper * { - color: white; } - .stream-container .post .post-head-wrapper .post-title { - padding: 80px 35px 30px 35px; - font-size: 30px; - font-weight: 600; - font-style: normal; - line-height: 1.5em; - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c6000000', GradientType=0); - /* IE6-9 */ } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper .post-title { - font-size: 22px; - padding: 80px 20px 30px 20px; } } - .stream-container .post .post-head-wrapper .post-title .post-meta { - margin: 0; } - .stream-container .post .post-head-wrapper .post-title .post-meta, - .stream-container .post .post-head-wrapper .post-title .post-meta * { - font-size: 16px; } - .stream-container .post .post-head-wrapper .post-title .post-meta .material-icons { - vertical-align: middle; - margin-bottom: 3px; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper .post-title .post-meta, - .stream-container .post .post-head-wrapper .post-title .post-meta * { - font-size: 14px; } } - .stream-container .post .post-head-wrapper-text-only { - padding: 30px 35px 0 35px; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper-text-only { - padding: 30px 20px 0 20px; } } - .stream-container .post .post-head-wrapper-text-only .post-title { - font-size: 30px; - font-weight: 600; - font-style: normal; - line-height: 1.5em; } - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta { - margin: 0; } - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta, - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta * { - font-size: 16px; } - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta .material-icons { - vertical-align: middle; - margin-bottom: 3px; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta, - .stream-container .post .post-head-wrapper-text-only .post-title .post-meta * { - font-size: 14px; } } - @media screen and (max-width: 1020px) { - .stream-container .post .post-head-wrapper-text-only .post-title { - font-size: 22px; } } - .stream-container .post .post-body-wrapper { - padding: 30px 35px 35px 35px; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-body-wrapper { - padding: 20px 20px 35px 20px; } } - .stream-container .post .post-body-wrapper .post-body { - font-size: 16px; - line-height: 1.5em; } - .stream-container .post .post-body-wrapper .post-body * { - word-wrap: break-word; } - .stream-container .post .post-body-wrapper .post-body img { - max-width: 100%; - border-radius: 5px; - overflow: hidden; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-body-wrapper .post-body { - font-size: 16px; } } - .stream-container .post .post-body-wrapper .post-body .toc { - float: right; - border-radius: 5px; - background: rgba(159, 86, 58, 0.05); - padding: 30px; - margin-left: 30px; - margin-bottom: 30px; } - .stream-container .post .post-body-wrapper .post-body .toc, - .stream-container .post .post-body-wrapper .post-body .toc * { - font-size: 16px; } - .stream-container .post .post-body-wrapper .post-body .toc ul { - list-style: decimal; - padding: 0 0 0 20px; - margin: 0; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-body-wrapper .post-body .toc, - .stream-container .post .post-body-wrapper .post-body .toc * { - font-size: 14px; } } - .stream-container .post .post-pagination { - padding: 20px 35px; - width: 100%; - display: flex; - justify-content: space-between; } - .stream-container .post .post-pagination .newer-posts { - padding-right: 5px; - text-align: left; - width: 50%; } - .stream-container .post .post-pagination .older-posts { - padding-left: 5px; - text-align: right; - width: 50%; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-pagination { - padding: 20px 20px; } } - .stream-container .post .post-comment-wrapper { - padding: 20px 35px; } - .stream-container .post .post-comment-wrapper iframe { - overflow: hidden !important; } - @media screen and (max-width: 1020px) { - .stream-container .post .post-comment-wrapper { - padding: 20px 20px; } } - .stream-container .pagination { - display: none; } - @media screen and (max-width: 1020px) { - .stream-container .pagination { - display: flex !important; - flex-direction: row; - justify-content: space-between; } - .stream-container .pagination:not(.index-page) { - margin-top: 15px; } - .stream-container .pagination .pagination-indicator { - display: flex; - flex-direction: column; - align-content: center; - justify-content: center; - align-items: center; - justify-items: center; - width: 64px; - padding: 15px 0; - font-size: 12px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - .stream-container .pagination .pagination-action { - display: flex; - flex-direction: column; - align-content: center; - justify-content: center; - align-items: center; - justify-items: center; - width: 64px; - cursor: hand; - cursor: pointer; - padding: 15px 0; } - .stream-container .pagination .pagination-action :not(.pagination-action-icon) { - transition: all 0.2s linear; - font-size: 13px; - font-family: "Fira Mono", "Cousine", Monaco, Menlo, "Source Code Pro", monospace; } - .stream-container .pagination .pagination-action * { - transition: all 0.3s linear; } - .stream-container .pagination .pagination-action:hover { - text-decoration: none; } - .stream-container .pagination .pagination-action:hover * { - color: #7a422c; } } - /*.stream-container .single-column-footer*/ - .single-column-footer { - display: none; } - @media screen and (max-width: 1020px) { - .single-column-footer { - display: block !important; - text-align: center; - font-size: 13px; - font-family: "Montserrat", "Roboto", "Source Sans Pro", "Helvetica", "Arial", "Lora", "source-han-serif-tc", serif; - padding: 40px 20px 40px 20px; } } @@ -11,6 +11,7 @@ min_version = "0.59.0" name = "amazingrise" homepage = "https://amazingrise.net/" + # If porting an existing theme [original] name = "SumiMakito" |