fix post-content

2 files changed, 109 insertions, 96 deletions

diff --git a/layouts/gallery/single.html b/layouts/gallery/single.html
index 2f6c2ec..94ed066 100644
--- a/layouts/gallery/single.html
+++ b/layouts/gallery/single.html
@@ -13,7 +13,7 @@
           <h1 class="post-title">{{ .Title }}</h1>
         </header>
 
-        <div class="post-content markdown-body">
+        <div class="post-content page-content markdown-body">
           <div class="row gallery">
             {{ range .Params.gallery }}
             <div class="col-xs-6 gallery-img">
diff --git a/static/css/index.css b/static/css/index.css
index db7ace6..f1cca28 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,221 +1,234 @@
 /* global */
 
 body {
-  font-family: "Bree Serif", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  margin: 0 20px;
+    font-family: "Bree Serif", sans-serif;
+    -webkit-font-smoothing: antialiased;
+    margin: 0 20px;
 }
 
 article {
-  max-width: 800px;
-  margin-left: auto;
-  margin-right: auto;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 a {
-  color: #000;
-  text-decoration: none;
+    color: #000;
+    text-decoration: none;
 }
 
 a:hover {
-  font-weight: 600;
-  text-decoration: underline;
+    font-weight: 600;
+    text-decoration: underline;
 }
 
 .post-ads {
-  margin: 50px 0;
+    margin: 50px 0;
 }
 
+
 /* overwrite github-markdown */
 
 .markdown-body {
-  font-size: 18px;
+    font-size: 18px;
 }
 
+
 /* i18n */
 
 .Chinese .markdown-body {
-  line-height: 200%;
+    line-height: 200%;
 }
 
+
 /* header */
 
 .site-title {
-  font-size: 3rem;
-  margin-top: 32px;
+    font-size: 3rem;
+    margin-top: 32px;
 }
 
 .site-date-catalog {
-  font-size: 2rem;
+    font-size: 2rem;
 }
 
 .signatures {
-  font-family: "Permanent Marker", Impact, Charcoal, sans-serif;
+    font-family: "Permanent Marker", Impact, Charcoal, sans-serif;
 }
 
 .signatures a {
-  text-decoration: none;
+    text-decoration: none;
 }
 
 .header-line {
-  width: 100%;
-  border-width: 3px;
-  border-color: #000;
-  border-style: solid none none none;
-  margin: 18px 0;
+    width: 100%;
+    border-width: 3px;
+    border-color: #000;
+    border-style: solid none none none;
+    margin: 18px 0;
 }
 
 .lang-switch {
-  font-weight: 600;
+    font-weight: 600;
 }
 
+
 /* posts list */
 
 #posts-list {
-  min-height: 70%;
+    min-height: 70%;
 }
 
 .posts-date,
 .posts-title {
-  font-size: 1.2rem;
+    font-size: 1.2rem;
 }
 
 .posts-line {
-  margin: 12px 0;
+    margin: 12px 0;
 }
+
 .posts-categories {
-  font-size: 0.8rem;
-  margin: auto;
-  text-align: center;
+    font-size: 0.8rem;
+    margin: auto;
+    text-align: center;
 }
 
 .posts-category {
-  padding: 3px;
-  border: #000 2px solid;
-  margin-bottom: 3px;
+    padding: 3px;
+    border: #000 2px solid;
+    margin-bottom: 3px;
 }
 
 .site-footer {
-  margin-top: 50px;
-  margin-bottom: 80px;
-  display: flex;
-  justify-content: flex-end;
-  padding: 12px 0;
-  border-width: 3px;
-  border-style: solid none;
-  border-color: #000;
+    margin-top: 50px;
+    margin-bottom: 80px;
+    display: flex;
+    justify-content: flex-end;
+    padding: 12px 0;
+    border-width: 3px;
+    border-style: solid none;
+    border-color: #000;
 }
 
 .site-footer-item {
-  margin-right: 12px;
+    margin-right: 12px;
 }
 
+
 /* post */
 
 @media screen and (max-width: 600px) {
-  .site-header {
-    display: none;
-  }
-  .post-content {
-    padding: 0 12px;
-  }
-  .post-content p {
-    letter-spacing: 0.05em;
-  }
+    .site-header {
+        display: none;
+    }
+    .post-content {
+        padding: 0 12px;
+    }
+    .post-content p {
+        letter-spacing: 0.05em;
+    }
 }
 
 .post-content img {
-  max-width: 100%;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 12px;
+    max-width: 100%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 12px;
 }
 
 .post-header {
-  margin-bottom: 50px;
+    margin-bottom: 50px;
 }
 
 .post-title {
-  font-size: 2.5rem;
-  font-weight: 600;
+    font-size: 2.5rem;
+    font-weight: 600;
 }
 
 .post-category {
-  display: inline;
-  font-weight: 900;
-  padding: 2px;
-  border: #000 2px solid;
+    display: inline;
+    font-weight: 900;
+    padding: 2px;
+    border: #000 2px solid;
 }
 
 .post-date {
-  font-weight: 800;
-  font-style: italic;
+    font-weight: 800;
+    font-style: italic;
 }
 
 .post-author {
-  float: right;
-  font-weight: 600;
+    float: right;
+    font-weight: 600;
+}
+
+.page-content {
+    min-height: 60%;
 }
 
 .post-content {
-  min-height: 60%;
-  /* margin-bottom: 50px; */
+    margin-bottom: 50px;
 }
 
 .post-content p {
-  hyphens: auto;
-  line-height: 1.8;
-  /* text-align: justify; */
-  text-justify: ideographic;
-  margin-bottom: 1em;
+    hyphens: auto;
+    line-height: 1.8;
+    /* text-align: justify; */
+    text-justify: ideographic;
+    margin-bottom: 1em;
 }
 
 .releated-content {
-  border-width: 3px;
-  border-style: solid;
-  border-color: #000;
-  padding: 0 10px;
-  margin-bottom: 50px;
-  margin-top: 100px;
+    border-width: 3px;
+    border-style: solid;
+    border-color: #000;
+    padding: 0 10px;
+    margin-bottom: 50px;
+    margin-top: 100px;
 }
 
 .releated-content li {
-  margin: 5px 0;
+    margin: 5px 0;
 }
 
+
 /* taxonomy */
 
 .taxonomy-term {
-  font-size: 3rem;
+    font-size: 3rem;
 }
 
+
 /* gallery */
 
 .gallery-img {
-  text-align: center;
+    text-align: center;
 }
 
 .gallery-img span {
-  text-align: center;
+    text-align: center;
 }
+
 .gallery-img-desc {
-  font-size: 0.8em;
-  font-weight: 800;
+    font-size: 0.8em;
+    font-weight: 800;
 }
 
+
 /* disqus */
 
 #disqus_thread {
-  position: relative;
+    position: relative;
 }
 
 #disqus_thread:after {
-  content: "";
-  display: block;
-  height: 55px;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  background: white;
-}
+    content: "";
+    display: block;
+    height: 55px;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    background: white;
+}
\ No newline at end of file