github
/
kratos
mirror of https://github.com/vtrois/kratos
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: optimize article display style

pull/369/head
Seaton Jiang 2021-03-20 22:08:25 +08:00
parent fff7aa9e91
commit 165cd78c1c
No known key found for this signature in database
GPG Key ID: C1086BAE716FF138
2 changed files with 33 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
assets/css/kratos.css
View File

@ -67,14 +67,12 @@ ol {
ol > li { ol > li {
margin-bottom: 6px; margin-bottom: 6px;
padding-left: 2px; padding-left: 2px;
list-style: decimal;
line-height: 22px; line-height: 22px;
} }
ul > li { ul > li {
margin-bottom: 6px; margin-bottom: 6px;
padding-left: 2px; padding-left: 2px;
list-style: circle;
line-height: 22px; line-height: 22px;
} }
@ -85,7 +83,7 @@ h4,
h5, h5,
h6 { h6 {
margin: 0 0 30px 0; margin: 0 0 30px 0;
color: #333; color: #111;
font-weight: 400; font-weight: 400;
} }
@ -529,6 +527,11 @@ button:focus {
color: #444; color: #444;
} }
.k-main .details .article ul,
ol {
padding-left: 32px;
}
.k-main .details .article .content .paginations { .k-main .details .article .content .paginations {
font-size: 14px; font-size: 14px;
} }
@ -869,7 +872,8 @@ button:focus {
} }
.k-main .details .article .header { .k-main .details .article .header {
padding: 0 16px 16px; padding: 0 20px 16px;
text-align: center;
} }
.k-main .details .article .header .title { .k-main .details .article .header .title {
@ -895,7 +899,7 @@ button:focus {
} }
.k-main .details .article .content { .k-main .details .article .content {
padding: 0 16px 16px; padding: 0 20px 16px;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.8; line-height: 1.8;
word-break: break-word; word-break: break-word;
@ -917,18 +921,18 @@ button:focus {
margin-top: 24px; margin-top: 24px;
margin-bottom: 16px; margin-bottom: 16px;
font-weight: 500; font-weight: 500;
line-height: 32px; line-height: 1.25;
} }
.k-main .details .article h1 { .k-main .details .article h1 {
padding-bottom: 4.8px; font-size: 34px;
/* border-bottom: 1px solid #eaecef; */ margin-bottom: 24px;
font-size: 30px;
line-height: 38px;
} }
.k-main .details .article .content h2 { .k-main .details .article .content h2:not(:first-child) {
font-size: 24px; font-size: 28px;
margin-top: 32px;
margin-bottom: 12px;
} }
.k-main .details .article .content h2.title { .k-main .details .article .content h2.title {
@ -940,12 +944,16 @@ button:focus {
line-height: 41px; line-height: 41px;
} }
.k-main .details .article .content h3 { .k-main .details .article .content h3:not(:first-child) {
font-size: 18px; font-size: 20px;
margin-top: 32px;
margin-bottom: 12px;
} }
.k-main .details .article .content h4 { .k-main .details .article .content h4:not(:first-child) {
font-size: 16px; font-size: 16px;
margin-top: 24px;
margin-bottom: 8px;
} }
.k-main .details .article .content h5 { .k-main .details .article .content h5 {
@ -961,6 +969,10 @@ button:focus {
line-height: 30px; line-height: 30px;
} }
.k-main .details .article .content li p {
margin-bottom: 10px;
}
.k-main .details .article .content .progress { .k-main .details .article .content .progress {
margin-bottom: 16px; margin-bottom: 16px;
} }
@ -979,6 +991,10 @@ button:focus {
} }
.k-main .details .article .content blockquote p { .k-main .details .article .content blockquote p {
margin-bottom: 16px;
}
.k-main .details .article .content blockquote p:last-child {
margin-bottom: -3px; margin-bottom: -3px;
} }

4
single.php
View File

@ -3,7 +3,7 @@
* 文章内容 * 文章内容
* @author Seaton Jiang <seaton@vtrois.com> * @author Seaton Jiang <seaton@vtrois.com>
* @license MIT License * @license MIT License
* @version 2021.01.06 * @version 2021.03.20
*/ */
get_header(); get_header();
@ -125,12 +125,10 @@ $select_col = $col_array[kratos_option('g_article_widgets', 'two_side')];
<?php if ( get_the_tags() ) { the_tags('', ' ', ''); } else{ echo '<a>' . __( '暂无' , 'kratos') . '</a>'; }?> <?php if ( get_the_tags() ) { the_tags('', ' ', ''); } else{ echo '<a>' . __( '暂无' , 'kratos') . '</a>'; }?>
</div> </div>
<div class="tool float-right d-none d-lg-block"> <div class="tool float-right d-none d-lg-block">
<div data-toggle="tooltip" data-html="true" data-original-title="<?php _e('最后更新：','kratos'); the_modified_date() ?>">
<span><?php _e('最后更新：','kratos'); ?><?php the_modified_date(); ?></span> <span><?php _e('最后更新：','kratos'); ?><?php the_modified_date(); ?></span>
</div> </div>
</div> </div>
</div> </div>
</div>
<?php endif; ?> <?php endif; ?>
<?php require get_template_directory() . '/pages/page-toolbar.php'; ?> <?php require get_template_directory() . '/pages/page-toolbar.php'; ?>
<nav class="navigation post-navigation clearfix" role="navigation"> <nav class="navigation post-navigation clearfix" role="navigation">