fix some visual issues

This commit is contained in:
thisLight 2022-04-30 00:34:46 +08:00
parent b4eb77763c
commit 402bc6dc41
5 changed files with 589 additions and 3 deletions

View file

@ -32,7 +32,7 @@
{% endif %} {% endif %}
</span> </span>
</a> </a>
<p class="entry">{{ post.excerpt }}</p> <div class="entry">{{ post.excerpt }}</div>
{{ PostTags(post) }} {{ PostTags(post) }}
</div> </div>
{% endif %} {% endif %}

View file

@ -27,7 +27,7 @@
{% if page.photos && page.photos.length > 0%} {% if page.photos && page.photos.length > 0%}
{{Gallery(page.photos)}} {{Gallery(page.photos)}}
{% endif %} {% endif %}
<div class="entry"> <div class="entry flow-text">
{% autoescape false %}{{ page.content }}{% endautoescape %} {% autoescape false %}{{ page.content }}{% endautoescape %}
</div> </div>
</div> </div>

View file

@ -3,6 +3,8 @@
{% import "includes/paginator.njk" as P with context%} {% import "includes/paginator.njk" as P with context%}
{% import "includes/postlist.njk" as PostList with context%} {% import "includes/postlist.njk" as PostList with context%}
{% set theme_data = site.data.theme %}
{% block body %} {% block body %}
<h2 style="margin-left: 1rem"><i class="mdi mdi-tag" style="font-size: 2rem;"></i>::{{page.tag}}</h2> <h2 style="margin-left: 1rem"><i class="mdi mdi-tag" style="font-size: 2rem;"></i>::{{page.tag}}</h2>
{{ PostList.PostList(page.posts.toArray()) }} {{ PostList.PostList(page.posts.toArray()) }}
@ -11,3 +13,9 @@
{{ P.Paginiation() }} {{ P.Paginiation() }}
</div> </div>
{% endblock %} {% endblock %}
{%block add_head%}
{% if theme_data.topic_rss.tag %}
<link rel="alternate" type="application/atom+xml" title="{{page.title}}/{{page.tag}}" href="{{theme_data.topic_rss.tag.prefix}}/{{page.tag | lower}}/{{theme_data.topic_rss.tag.atom_suffix}}" />
{%endif%}
{%endblock%}

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,579 @@
body {
padding: 0;
margin: 0
}
.entry {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-left: auto;
margin-right: auto;
max-width: 640px;
padding: 0;
line-height: 2;
color: #424b50;
word-wrap: break-word;
font-size: 16px;
font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "Wenquanyi Micro Hei", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
counter-reset: entry825h2 entry825h3 entry825h4 entry825h5 entry825h6
}
.entry div,
.entry p,
.entry blockquote,
.entry pre,
.entry ul,
.entry ol,
.entry table,
.entry figure,
.entry section,
.entry article,
.entry header,
.entry footer {
margin: 0;
padding: 0;
margin-top: 16px;
margin-bottom: 16px
}
.entry div:first-child,
.entry p:first-child,
.entry blockquote:first-child,
.entry pre:first-child,
.entry ul:first-child,
.entry ol:first-child,
.entry table:first-child,
.entry figure:first-child,
.entry section:first-child,
.entry article:first-child,
.entry header:first-child,
.entry footer:first-child {
margin-top: 0
}
.entry div:last-child,
.entry p:last-child,
.entry blockquote:last-child,
.entry pre:last-child,
.entry ul:last-child,
.entry ol:last-child,
.entry table:last-child,
.entry figure:last-child,
.entry section:last-child,
.entry article:last-child,
.entry header:last-child,
.entry footer:last-child {
margin-bottom: 0
}
.entry ul div,
.entry ol div,
.entry ul p,
.entry ol p,
.entry ul blockquote,
.entry ol blockquote,
.entry ul pre,
.entry ol pre,
.entry ul ul,
.entry ol ul,
.entry ul ol,
.entry ol ol,
.entry ul table,
.entry ol table,
.entry ul figure,
.entry ol figure,
.entry ul iframe,
.entry ol iframe,
.entry ul section,
.entry ol section,
.entry ul article,
.entry ol article,
.entry ul header,
.entry ol header,
.entry ul footer,
.entry ol footer {
margin-top: 0;
margin-bottom: 0
}
.entry>iframe {
display: block;
margin-top: 16px;
margin-bottom: 16px
}
.entry>img,
.entry>video {
margin-top: 16px;
margin-bottom: 16px;
display: block;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
margin-top: 0;
margin-bottom: 0;
padding: 0
}
.entry h1:first-child,
.entry h2:first-child,
.entry h3:first-child,
.entry h4:first-child,
.entry h5:first-child,
.entry h6:first-child {
margin-top: 0
}
.entry>h3,
.entry>h4,
.entry>h5,
.entry>h6 {
margin-top: 32px
}
.entry>h1,
.entry>h2 {
margin-top: 64px
}
.entry h1+*,
.entry h2+*,
.entry h3+*,
.entry h4+*,
.entry h5+*,
.entry h6+* {
margin-top: 0
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
font-weight: inherit;
color: #424b50;
background-color: transparent
}
.entry h1 a,
.entry h2 a,
.entry h3 a,
.entry h4 a,
.entry h5 a,
.entry h6 a {
color: #424b50
}
.entry h1 a,
.entry h2 a,
.entry h3 a,
.entry h4 a,
.entry h5 a,
.entry h6 a,
.entry h1 em,
.entry h2 em,
.entry h3 em,
.entry h4 em,
.entry h5 em,
.entry h6 em,
.entry h1 u,
.entry h2 u,
.entry h3 u,
.entry h4 u,
.entry h5 u,
.entry h6 u,
.entry h1 abbr[title],
.entry h2 abbr[title],
.entry h3 abbr[title],
.entry h4 abbr[title],
.entry h5 abbr[title],
.entry h6 abbr[title] {
border-bottom-color: #424b50
}
.entry h1 {
font-size: 28px;
line-height: 48px;
text-align: center
}
.entry h2 {
font-size: 21px;
line-height: 32px;
text-align: left
}
.entry h3 {
font-size: 18px;
line-height: 32px;
text-align: left
}
.entry h4,
.entry h5,
.entry h6 {
line-height: 32px;
font-size: 16px;
text-align: left
}
.entry blockquote {
position: relative;
padding: 0 0 0 11px;
margin: 16px 0;
font-family: Georgia, 'Times New Roman', STKaiti, BiauKai, KaiTi, 'DFKai-SB', 'KaiTi_GB2312', serif;
border-left: 5px solid #c3cace
}
.entry li blockquote {
margin-left: -21px
}
.entry pre {
padding: 15px 16px;
line-height: 16px;
font-size: 14px;
white-space: pre;
word-wrap: normal;
overflow: auto;
font-family: consolas, monaco, monospace;
border: 1px solid #e1e1e8;
border-right: none;
border-left: none;
background-color: #f7f7f9
}
.entry ul,
.entry ol {
padding-left: 32px
}
.entry ul li,
.entry ol li {
margin: 0;
padding: 0;
list-style-position: outside
}
.entry ul li {
list-style-type: square
}
.entry ul li ul li {
list-style-type: disc
}
.entry ul li ul li ul li {
list-style-type: circle
}
.entry ol li {
list-style-type: decimal
}
.entry ol li ol li {
list-style-type: upper-roman
}
.entry ol li ol li ol li {
list-style-type: lower-roman
}
.entry li>ul,
.entry li>ol {
padding-left: 32px
}
.entry hr {
position: relative;
padding-top: 32px;
margin-top: -2px;
margin-bottom: 64px;
height: 0;
background: none;
border: none;
border-bottom: 2px dashed #888
}
.entry hr:before,
.entry hr:after {
content: '';
position: absolute;
bottom: -2px;
width: 30%;
height: 2px;
pointer-events: none
}
.entry hr:before {
left: 0;
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: linear-gradient(right, rgba(255, 255, 255, 0) 0, white 80%, white 100%)
}
.entry hr:after {
right: 0;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0, white 80%, white 100%)
}
.entry table {
display: table;
padding: 0;
margin-left: auto;
margin-right: auto;
min-width: 336px;
border-collapse: collapse;
border-spacing: 0;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
-ms-border-radius: .5em;
-o-border-radius: .5em;
border-radius: .5em
}
.entry table caption {
padding: 0
}
.entry table thead th {
text-align: left
}
.entry table tbody {
margin: 0 16px
}
.entry table tbody tr:nth-child(odd) td,
.entry table tbody tr:nth-child(odd) th {
background-color: #f9f9f9
}
.entry table tbody tr:last-child td,
.entry table tbody tr:last-child th {
padding-bottom: 6px
}
.entry table td,
.entry table th {
padding: 8px 16px 7px;
border: 1px solid #ddd
}
.entry iframe {
vertical-align: text-bottom
}
.entry a {
padding-bottom: .025em;
color: #069;
text-decoration: none;
border-bottom-color: #08c
}
.entry a:focus {
outline: thin dotted
}
.entry a:visited {
color: #551a8b;
border-bottom-color: #551a8b
}
.entry a:hover {
border-bottom-width: 1px;
border-bottom-style: solid
}
.entry a:hover,
.entry a:active {
outline: 0
}
.entry b,
.entry strong {
font-weight: bold
}
.entry u {
padding-bottom: .05em;
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
border-bottom: 1px solid #8b98a0
}
.entry u+u {
margin-left: .125em
}
.entry em {
font-style: inherit;
font-weight: inherit;
text-decoration: inherit;
-webkit-text-emphasis: filled circle;
-moz-text-emphasis: filled circle;
-ms-text-emphasis: filled circle;
text-emphasis: filled circle;
-webkit-text-emphasis-position: under;
-moz-text-emphasis-position: under;
-ms-text-emphasis-position: under;
text-emphasis-position: under
}
.entry code {
font-family: monospace;
font-size: inherit;
color: #424b50;
background-color: transparent
}
.entry pre code {
padding: 0;
margin: 0;
font-family: consolas, monaco, monospace;
font-size: 14px;
color: #424b50;
background: none;
border: none
}
.entry img,
.entry video {
max-width: 100%;
border: 0
}
.entry figure img {
display: block;
margin: 0 auto
}
.entry figure figcaption {
display: block;
text-align: center;
font-style: italic
}
.entry cite {
font-style: inherit
}
.entry cite:before,
.entry cite:after {
content: "\300a";
line-height: inherit
}
.entry cite:after {
content: "\300b"
}
.entry abbr[title] {
padding-bottom: .05em;
cursor: help;
border-bottom: 1px dotted #424b50
}
.entry dfn {
font-style: italic
}
.entry mark {
background: yellow;
color: #424b50
}
.entry q {
quotes: "\201C""\201D""\2018""\2019"
}
.entry small {
font-size: 80%
}
.entry sub,
.entry sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.entry sup {
top: -0.5em
}
.entry sub {
bottom: -0.25em
}
.entry #disqus_thread {
margin-top: 32px
}
.entry h2:before,
.entry h3:before,
.entry h4:before,
.entry h5:before,
.entry h6:before {
color: inherit
}
.entry h2 {
counter-reset: entry825h3 entry825h4 entry825h5 entry825h6
}
.entry h2:before {
content: counter(entry825h2) '\3000';
content: counter(entry825h2, cjk-ideographic) '\3001';
counter-increment: entry825h2
}
.entry h3 {
counter-reset: entry825h4 entry825h5 entry825h6
}
.entry h3:before {
content: counter(entry825h2) '.'counter(entry825h3) '\3000';
counter-increment: entry825h3
}
.entry h4 {
counter-reset: entry825h5 entry825h6
}
.entry h4:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '\3000';
counter-increment: entry825h4
}
.entry h5 {
counter-reset: entry825h6
}
.entry h5:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '.'counter(entry825h5) '\3000';
counter-increment: entry825h5
}
.entry h6:before {
content: counter(entry825h2) '.'counter(entry825h3) '.'counter(entry825h4) '.'counter(entry825h5) '.'counter(entry825h6) '\3000';
counter-increment: entry825h6
}