fix some visual issues
This commit is contained in:
thisLight
parent
b4eb77763c
commit
402bc6dc41
5 changed files with 589 additions and 3 deletions
|
|
@ -32,7 +32,7 @@
|
|||
{% endif %}
|
||||
</span>
|
||||
</a>
|
||||
<p class="entry">{{ post.excerpt }}</p>
|
||||
<div class="entry">{{ post.excerpt }}</div>
|
||||
{{ PostTags(post) }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
{% if page.photos && page.photos.length > 0%}
|
||||
{{Gallery(page.photos)}}
|
||||
{% endif %}
|
||||
<div class="entry">
|
||||
<div class="entry flow-text">
|
||||
{% autoescape false %}{{ page.content }}{% endautoescape %}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,8 @@
|
|||
{% import "includes/paginator.njk" as P with context%}
|
||||
{% import "includes/postlist.njk" as PostList with context%}
|
||||
|
||||
{% set theme_data = site.data.theme %}
|
||||
|
||||
{% block body %}
|
||||
<h2 style="margin-left: 1rem"><i class="mdi mdi-tag" style="font-size: 2rem;"></i>::{{page.tag}}</h2>
|
||||
{{ PostList.PostList(page.posts.toArray()) }}
|
||||
|
|
@ -11,3 +13,9 @@
|
|||
{{ P.Paginiation() }}
|
||||
</div>
|
||||
{% 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
579
themes/cmd/source/css/entry.styl
Normal file
579
themes/cmd/source/css/entry.styl
Normal 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
|
||||
}
|
||||
Loading…
Reference in a new issue