diff --git a/layouts/_default/single.html b/layouts/_default/single.html index c320b11..a265419 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -16,10 +16,10 @@ {{ .Date.Year }}年{{ printf "%d" .Date.Month }}月{{ .Date.Day }}日 {{ with .Params.Categories }} -
- | +
+ | {{ range . }} - {{ . }} + {{ . }} {{ end }}
{{ end }} diff --git a/layouts/index.html b/layouts/index.html index 8e4255b..c69b635 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -20,10 +20,10 @@ {{ .Date.Year }}年{{ printf "%d" .Date.Month }}月{{ .Date.Day }}日 {{ with .Params.Categories }} -
- | + {{ end }} diff --git a/static/css/style.css b/static/css/style.css index 939bb29..b92d65a 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -108,12 +108,28 @@ code { } blockquote { display: block; - margin: 1.1em 0; - padding: 1.5em 2em .5em 2em; - border: 1px dashed #ddd; - border-left: 0.5em solid #ddd; - line-height: 1.5; - box-shadow: 3px 3px 0 #eaeaea; + margin-block-start: 1em; + margin-block-end: 1em; + margin-inline-start: 40px; + margin-inline-end: 40px; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 2.5em 0; + padding: 0 0 0 50px; + color: #555; + border-left: none; +} +blockquote::before{ + content: "\201C"; + display: block; + font-family: times; + font-style: normal; + font-size: 48px; + color: #444; + font-weight: bold; + line-height: 30px; + margin-left: -50px; + position: absolute; } /** @@ -278,30 +294,8 @@ textarea { } .meta-category a { position: relative; - margin-left: 1.8em; -} -.meta-category a:before, .meta-category a:after { - content: ''; - margin-left: -1.5em; - position: absolute; -} -.meta-category a:before { - width: 18px; - height: 12px; - background: #0089e0; - border-radius: 0 0 1px 1px; - margin-top: 4px; -} -.meta-category a:after { - width: 6px; - height: 0; - left: 3px; - border-style: solid; - border-color: transparent transparent #0089e0 transparent; - border-width: 0 1px 2px 1px; - background: transparent; - margin-top: 2px; } + .meta-tags { display: inline-block; } @@ -371,6 +365,8 @@ textarea { } .post-content h3,.post-content h2{ margin: 1.4em 0 1.1em; + border-bottom: 1px solid #eee; + overflow: hidden; } /* .post-content pre, .comment-content pre { max-height: 320px;