make-web/src/assets/style.css

body {
    font-family:bree serif,sans-serif;
    -webkit-font-smoothing:antialiased;
    margin: 0 20px
}

article {
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}

a {
    color:#000;
    text-decoration:none
}

a:hover {
    font-weight:600;
    text-decoration:underline
}

.post-ads
{
    margin:50px 0
}

.markdown-body
{
    font-size:18px;
    max-width:100%
}

.markdown-body a
{

    text-decoration:underline;
    text-decoration-color:#000
}

.markdown-body blockquote
{

    margin:0;
    padding:0 1em;
    color:#57606a;
    border-left:.25em solid #d0d7de
}

.markdown-body pre
{

    padding:12px;
    overflow:auto;
    background-color:#f6f8fa;
    border-radius:8px
}

.markdown-body code
{

    padding:.2em .4em;
    background-color:#f6f8fa;
    border-radius:6px
}

.markdown-body pre>code
{

    padding:0;
    background-color:inherit;
    border:0
}

.Chinese .markdown-body
{

    line-height:200%
}

.site-date-catalog
{

    font-size:2rem
}

.header-title
{

    font-size:2rem;
    font-weight:700;
    margin-top:32px;
    font-family:bungee shade,sans-serif
}

.header-title a
{

    text-decoration:none
}

.header-subtitle
{

    color:#666
}

.header-items
{

    margin:10px 0
}

.header-item
{

    margin:0 5px
}

.header-line
{

    width:100%;
    border-width:2px;
    border-color:#482936;
    border-style:solid none none none
}

.lang-switch
{

    font-weight:600
}

#posts-list
{

    min-height:600px
}

.posts-line
{

    font-size:1.2rem;
    margin:12px 0
}

.posts-categories
{

    font-size:.8rem;
    margin:auto;
    text-align:center
}

.posts-category
{

    padding:3px 0;
    border:#000 2px solid;
    border-radius:5px
}

.site-footer
{

    margin-top:50px
}

.site-footer-item
{

    margin-right:12px
}

.post-content img
{

    max-width:100%;
    display:block;
    margin-right:auto;
    margin-top:12px
}

.post-header
{

    margin-bottom:50px
}

.post-title
{

    font-size:2rem;
    font-weight:600
}

.post-tags
{

    display:inline;
    font-weight:600;
    padding:2px 5px;
    margin-right:6px;
    border:#000 2px solid;
    border-radius:5px
}

.post-date
{

    font-weight:800;
    font-style:italic
}

.post-author
{

    float:right;
    font-weight:600
}

.page-content
{

    min-height:60%
}

.post-content
{

    margin-bottom:50px
}

.post-content p
{

    hyphens:auto;
    line-height:1.8;
    text-justify:ideographic;
    margin-bottom:1em
}

.related-content
{

    border-width:3px;
    border-style:solid;
    border-color:#000;
    padding:0 10px;
    margin-bottom:50px;
    margin-top:100px
}

.related-content li
{

    margin:5px 0
}

.taxonomy-term
{

    font-size:3rem
}

.gallery-img
{

    text-align:center
}

.gallery-img span
{

    text-align:center
}

.gallery-img-desc
{

    font-size:.8em;
    font-weight:800
}

#disqus_thread
{

    position:relative
}

#disqus_thread:after
{

    content:"";
    display:block;
    height:55px;
    width:100%;
    position:absolute;
    bottom:0;
    background:#fff
}

@media screen and (max-width:600px)
{

    .header-title,.header-subtitle,.header-items
    {

        text-align:center
    }

    .posts-line
    {

        font-size:16px
    }

    .markdown-body
    {

        font-size:16px
    }

    .post-title
    {

        font-size:2rem
    }

    .post-content p
    {

        letter-spacing:.05em
    }


}

@media screen and (max-width:48em)
{

    .posts-category
    {

        display:none
    }


}

</style>


<style>.container,.container-fluid
{

    margin-right:auto;
    margin-left:auto
}

.container-fluid
{

    padding-right:2rem;
    padding-left:2rem
}

.row
{

    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:initial;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-.5rem;
    margin-left:-.5rem
}

.row.reverse
{

    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}

.col.reverse
{

    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
}

.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9
{

    box-sizing:border-box;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:none;
    padding-right:.5rem;
    padding-left:.5rem
}

.col-xs
{

    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    max-width:100%
}

.col-xs-1
{

    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
    max-width:8.33333333%
}

.col-xs-2
{

    -ms-flex-preferred-size:16.66666667%;
    flex-basis:16.66666667%;
    max-width:16.66666667%
}

.col-xs-3
{

    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%
}

.col-xs-4
{

    -ms-flex-preferred-size:33.33333333%;
    flex-basis:33.33333333%;
    max-width:33.33333333%
}

.col-xs-5
{

    -ms-flex-preferred-size:41.66666667%;
    flex-basis:41.66666667%;
    max-width:41.66666667%
}

.col-xs-6
{

    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%
}

.col-xs-7
{

    -ms-flex-preferred-size:58.33333333%;
    flex-basis:58.33333333%;
    max-width:58.33333333%
}

.col-xs-8
{

    -ms-flex-preferred-size:66.66666667%;
    flex-basis:66.66666667%;
    max-width:66.66666667%
}

.col-xs-9
{

    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%
}

.col-xs-10
{

    -ms-flex-preferred-size:83.33333333%;
    flex-basis:83.33333333%;
    max-width:83.33333333%
}

.col-xs-11
{

    -ms-flex-preferred-size:91.66666667%;
    flex-basis:91.66666667%;
    max-width:91.66666667%
}

.col-xs-12
{

    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%
}

.col-xs-offset-0
{

    margin-left:0
}

.col-xs-offset-1
{

    margin-left:8.33333333%
}

.col-xs-offset-2
{

    margin-left:16.66666667%
}

.col-xs-offset-3
{

    margin-left:25%
}

.col-xs-offset-4
{

    margin-left:33.33333333%
}

.col-xs-offset-5
{

    margin-left:41.66666667%
}

.col-xs-offset-6
{

    margin-left:50%
}

.col-xs-offset-7
{

    margin-left:58.33333333%
}

.col-xs-offset-8
{

    margin-left:66.66666667%
}

.col-xs-offset-9
{

    margin-left:75%
}

.col-xs-offset-10
{

    margin-left:83.33333333%
}

.col-xs-offset-11
{

    margin-left:91.66666667%
}

.start-xs
{

    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    text-align:start
}

.center-xs
{

    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}

.end-xs
{

    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    text-align:end
}

.top-xs
{

    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}

.middle-xs
{

    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.bottom-xs
{

    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}

.around-xs
{

    -ms-flex-pack:distribute;
    justify-content:space-around
}

.between-xs
{

    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}

.first-xs
{

    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1
}

.last-xs
{

    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}

@media only screen and (min-width:48em)
{

    .container
    {

        width:49rem
    }

    .col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9
    {

        box-sizing:border-box;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:none;
        padding-right:.5rem;
        padding-left:.5rem
    }

    .col-sm
    {

        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }

    .col-sm-1
    {

        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }

    .col-sm-2
    {

        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }

    .col-sm-3
    {

        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }

    .col-sm-4
    {

        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }

    .col-sm-5
    {

        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }

    .col-sm-6
    {

        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }

    .col-sm-7
    {

        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }

    .col-sm-8
    {

        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }

    .col-sm-9
    {

        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }

    .col-sm-10
    {

        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }

    .col-sm-11
    {

        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }

    .col-sm-12
    {

        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }

    .col-sm-offset-0
    {

        margin-left:0
    }

    .col-sm-offset-1
    {

        margin-left:8.33333333%
    }

    .col-sm-offset-2
    {

        margin-left:16.66666667%
    }

    .col-sm-offset-3
    {

        margin-left:25%
    }

    .col-sm-offset-4
    {

        margin-left:33.33333333%
    }

    .col-sm-offset-5
    {

        margin-left:41.66666667%
    }

    .col-sm-offset-6
    {

        margin-left:50%
    }

    .col-sm-offset-7
    {

        margin-left:58.33333333%
    }

    .col-sm-offset-8
    {

        margin-left:66.66666667%
    }

    .col-sm-offset-9
    {

        margin-left:75%
    }

    .col-sm-offset-10
    {

        margin-left:83.33333333%
    }

    .col-sm-offset-11
    {

        margin-left:91.66666667%
    }

    .start-sm
    {

        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }

    .center-sm
    {

        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }

    .end-sm
    {

        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }

    .top-sm
    {

        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }

    .middle-sm
    {

        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }

    .bottom-sm
    {

        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }

    .around-sm
    {

        -ms-flex-pack:distribute;
        justify-content:space-around
    }

    .between-sm
    {

        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }

    .first-sm
    {

        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }

    .last-sm
    {

        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }


}

@media only screen and (min-width:64em)
{

    .container
    {

        width:65rem
    }

    .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9
    {

        box-sizing:border-box;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:none;
        padding-right:.5rem;
        padding-left:.5rem
    }

    .col-md
    {

        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }

    .col-md-1
    {

        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }

    .col-md-2
    {

        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }

    .col-md-3
    {

        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }

    .col-md-4
    {

        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }

    .col-md-5
    {

        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }

    .col-md-6
    {

        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }

    .col-md-7
    {

        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }

    .col-md-8
    {

        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }

    .col-md-9
    {

        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }

    .col-md-10
    {

        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }

    .col-md-11
    {

        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }

    .col-md-12
    {

        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }

    .col-md-offset-0
    {

        margin-left:0
    }

    .col-md-offset-1
    {

        margin-left:8.33333333%
    }

    .col-md-offset-2
    {

        margin-left:16.66666667%
    }

    .col-md-offset-3
    {

        margin-left:25%
    }

    .col-md-offset-4
    {

        margin-left:33.33333333%
    }

    .col-md-offset-5
    {

        margin-left:41.66666667%
    }

    .col-md-offset-6
    {

        margin-left:50%
    }

    .col-md-offset-7
    {

        margin-left:58.33333333%
    }

    .col-md-offset-8
    {

        margin-left:66.66666667%
    }

    .col-md-offset-9
    {

        margin-left:75%
    }

    .col-md-offset-10
    {

        margin-left:83.33333333%
    }

    .col-md-offset-11
    {

        margin-left:91.66666667%
    }

    .start-md
    {

        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }

    .center-md
    {

        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }

    .end-md
    {

        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }

    .top-md
    {

        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }

    .middle-md
    {

        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }

    .bottom-md
    {

        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }

    .around-md
    {

        -ms-flex-pack:distribute;
        justify-content:space-around
    }

    .between-md
    {

        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }

    .first-md
    {

        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }

    .last-md
    {

        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }


}

@media only screen and (min-width:75em)
{

    .container
    {

        width:76rem
    }

    .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9
    {

        box-sizing:border-box;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:none;
        padding-right:.5rem;
        padding-left:.5rem
    }

    .col-lg
    {

        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        -ms-flex-preferred-size:0;
        flex-basis:0;
        max-width:100%
    }

    .col-lg-1
    {

        -ms-flex-preferred-size:8.33333333%;
        flex-basis:8.33333333%;
        max-width:8.33333333%
    }

    .col-lg-2
    {

        -ms-flex-preferred-size:16.66666667%;
        flex-basis:16.66666667%;
        max-width:16.66666667%
    }

    .col-lg-3
    {

        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        max-width:25%
    }

    .col-lg-4
    {

        -ms-flex-preferred-size:33.33333333%;
        flex-basis:33.33333333%;
        max-width:33.33333333%
    }

    .col-lg-5
    {

        -ms-flex-preferred-size:41.66666667%;
        flex-basis:41.66666667%;
        max-width:41.66666667%
    }

    .col-lg-6
    {

        -ms-flex-preferred-size:50%;
        flex-basis:50%;
        max-width:50%
    }

    .col-lg-7
    {

        -ms-flex-preferred-size:58.33333333%;
        flex-basis:58.33333333%;
        max-width:58.33333333%
    }

    .col-lg-8
    {

        -ms-flex-preferred-size:66.66666667%;
        flex-basis:66.66666667%;
        max-width:66.66666667%
    }

    .col-lg-9
    {

        -ms-flex-preferred-size:75%;
        flex-basis:75%;
        max-width:75%
    }

    .col-lg-10
    {

        -ms-flex-preferred-size:83.33333333%;
        flex-basis:83.33333333%;
        max-width:83.33333333%
    }

    .col-lg-11
    {

        -ms-flex-preferred-size:91.66666667%;
        flex-basis:91.66666667%;
        max-width:91.66666667%
    }

    .col-lg-12
    {

        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        max-width:100%
    }

    .col-lg-offset-0
    {

        margin-left:0
    }

    .col-lg-offset-1
    {

        margin-left:8.33333333%
    }

    .col-lg-offset-2
    {

        margin-left:16.66666667%
    }

    .col-lg-offset-3
    {

        margin-left:25%
    }

    .col-lg-offset-4
    {

        margin-left:33.33333333%
    }

    .col-lg-offset-5
    {

        margin-left:41.66666667%
    }

    .col-lg-offset-6
    {

        margin-left:50%
    }

    .col-lg-offset-7
    {

        margin-left:58.33333333%
    }

    .col-lg-offset-8
    {

        margin-left:66.66666667%
    }

    .col-lg-offset-9
    {

        margin-left:75%
    }

    .col-lg-offset-10
    {

        margin-left:83.33333333%
    }

    .col-lg-offset-11
    {

        margin-left:91.66666667%
    }

    .start-lg
    {

        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        text-align:start
    }

    .center-lg
    {

        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }

    .end-lg
    {

        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }

    .top-lg
    {

        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }

    .middle-lg
    {

        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }

    .bottom-lg
    {

        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }

    .around-lg
    {

        -ms-flex-pack:distribute;
        justify-content:space-around
    }

    .between-lg
    {

        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }

    .first-lg
    {

        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }

    .last-lg
    {

        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }


}