Merge remote-tracking branch 'origin/master'

This commit is contained in:
Liang Ding 2019-03-01 16:25:52 +08:00
commit 2f11317a5c
No known key found for this signature in database
GPG Key ID: 136F30F901A2231D
4 changed files with 213 additions and 147 deletions

View File

@ -19,7 +19,7 @@
* skin style * skin style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.0.0.0, Feb 21, 2019 * @version 2.0.0.1, Mar 1, 2019
*/ */
@import "../../../scss/reset-content"; @import "../../../scss/reset-content";
@import "../../../scss/reset"; @import "../../../scss/reset";
@ -823,10 +823,10 @@
.article__next { .article__next {
border-left: 1px solid rgba(0, 0, 0, 0.38); border-left: 1px solid rgba(0, 0, 0, 0.38);
line-height: 14px; line-height: 15px;
margin-top: 7px; margin-top: 7px;
color: rgba(0, 0, 0, 0.84); color: rgba(0, 0, 0, 0.84);
font-size: 18px; font-size: 14px;
display: inline-block; display: inline-block;
padding-left: 20px; padding-left: 20px;
margin-left: 20px; margin-left: 20px;

View File

@ -21,10 +21,12 @@
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @author <a href="http://88250.b3log.org">Liang Ding</a> * @author <a href="http://88250.b3log.org">Liang Ding</a>
* @version 2.0.0.0, Feb 21, 2019 * @version 2.0.0.1, Mar 1, 2019
*/ */
@import "../../../scss/reset";
@import "../../../scss/reset-content"; @import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
.left { .left {
float: left; float: left;
} }
@ -42,26 +44,33 @@
.clear:after { .clear:after {
clear: both; clear: both;
} }
.none { .none {
display: none; display: none;
} }
a, a:link { a, a:link {
color: #0000CC; color: #0000CC;
} }
a:active { a:active {
color: red; color: red;
} }
a:visited { a:visited {
color: #551A8B; color: #551A8B;
} }
h5 { h5 {
font-size: 12px; font-size: 12px;
} }
.content { .content {
margin: 0 auto; margin: 0 auto;
max-width: 1250px; max-width: 1250px;
padding: 0 12px; padding: 0 12px;
} }
.header { .header {
height: 108px; height: 108px;
margin-bottom: 10px; margin-bottom: 10px;
@ -77,40 +86,49 @@ h5 {
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
} }
.side { .side {
border-left: 2px solid #E5ECF9; border-left: 2px solid #E5ECF9;
padding-left: 12px; padding-left: 12px;
width: 280px; width: 280px;
} }
.main { .main {
margin-right: -294px; margin-right: -294px;
width: 100%; width: 100%;
} }
.main>div {
.main > div {
min-width: 280px; min-width: 280px;
padding-right: 318px; padding-right: 318px;
} }
#logoTitle { #logoTitle {
font-family: "Microsoft YaHei"; font-family: "Microsoft YaHei";
font-size: 32px; font-size: 32px;
line-height: 64px; line-height: 64px;
text-decoration: none; text-decoration: none;
} }
#statistic span { #statistic span {
font-size: 11px; font-size: 11px;
} }
.article, .comments { .article, .comments {
padding-bottom: 24px; padding-bottom: 24px;
} }
.article-title { .article-title {
background-color: #E3E3FF; background-color: #E3E3FF;
border-top: 1px solid #3366CC; border-top: 1px solid #3366CC;
margin-left: 91px; margin-left: 91px;
padding: 3px 0 6px 12px; padding: 3px 0 6px 12px;
} }
.article-title sup { .article-title sup {
font-size: 12px; font-size: 12px;
} }
.article-date { .article-date {
background-color: #E3E3FF; background-color: #E3E3FF;
border: 1px solid #BBCCFF; border: 1px solid #BBCCFF;
@ -122,34 +140,46 @@ h5 {
text-align: center; text-align: center;
word-break: break-all; word-break: break-all;
} }
.article-abstract { .article-abstract {
word-wrap: break-word; word-wrap: break-word;
} }
.content-reset { .content-reset {
margin-left: 12px; margin-left: 12px;
line-height: 145%; line-height: 145%;
} }
.article-footer { .article-footer {
margin-right: 12px; margin-right: 12px;
} }
.article-footer a, .article-details-footer a { .article-footer a, .article-details-footer a {
text-decoration: none; text-decoration: none;
} }
.article-details-footer { .article-details-footer {
margin: 36px 12px 0 0; margin: 36px 12px 0 0;
} }
.article-relative { .article-relative {
line-height: 22px; line-height: 22px;
margin-top: 24px; margin-top: 24px;
ul {
list-style: none;
}
} }
.comments { .comments {
position: relative; position: relative;
} }
.comment-title { .comment-title {
background-color: #E3E3FF; background-color: #E3E3FF;
border-top: 1px solid #3366CC; border-top: 1px solid #3366CC;
padding: 3px 12px 3px 12px; padding: 3px 12px 3px 12px;
} }
.comment-body-ref { .comment-body-ref {
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #E3E3FF; border: 1px solid #E3E3FF;
@ -161,24 +191,30 @@ h5 {
width: 87%; width: 87%;
z-index: 10; z-index: 10;
} }
.comment-body-ref .comment-title { .comment-body-ref .comment-title {
border-top: 0px; border-top: 0px;
} }
.comment-body { .comment-body {
padding: 9px 12px 12px; padding: 9px 12px 12px;
word-wrap: break-word; word-wrap: break-word;
overflow: hidden; overflow: hidden;
} }
.comment-picture { .comment-picture {
margin-right: 12px; margin-right: 12px;
} }
.comment-picture img { .comment-picture img {
height: 60px; height: 60px;
width: 60px; width: 60px;
} }
.comment-reply { .comment-reply {
margin: 0 auto 24px auto; margin: 0 auto 24px auto;
} }
.comment-content { .comment-content {
float: left; float: left;
width: 88%; width: 88%;
@ -191,18 +227,22 @@ h5 {
.error-msg { .error-msg {
color: #3366CC; color: #3366CC;
} }
.error-footer { .error-footer {
bottom: 0px; bottom: 0px;
position: fixed; position: fixed;
width: 82%; width: 82%;
} }
#sideNavi a.selected { #sideNavi a.selected {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
} }
.side-navi ul { .side-navi ul {
list-style: none; list-style: none;
} }
#sideNavi li { #sideNavi li {
line-height: 22px; line-height: 22px;
overflow: hidden; overflow: hidden;
@ -210,40 +250,53 @@ h5 {
text-overflow: ellipsis; text-overflow: ellipsis;
-o-text-overflow: ellipsis; -o-text-overflow: ellipsis;
} }
#sideNavi li.aboutMe, #sideNavi li.side-navi-notice { #sideNavi li.aboutMe, #sideNavi li.side-navi-notice {
white-space: normal; white-space: normal;
} }
#sideNavi sup { #sideNavi sup {
margin-right: 3px; margin-right: 3px;
color: green; color: green;
} }
.side-comment { .side-comment {
text-decoration: none; text-decoration: none;
} }
#recentComments p { #recentComments p {
display: inline; display: inline;
img {
display: none;
}
} }
#recentComments div, #recentComments br { #recentComments div, #recentComments br {
display: none; display: none;
} }
.line { .line {
border-top: thin dotted #BBBBBB; border-top: thin dotted #BBBBBB;
margin-top: 12px; margin-top: 12px;
padding-top: 12px; padding-top: 12px;
} }
.pagination { .pagination {
margin: 16px; margin: 16px;
text-align: center; text-align: center;
} }
.pagination a, .pagination a:visited { .pagination a, .pagination a:visited {
color: #4272DB; color: #4272DB;
padding: 0 3px; padding: 0 3px;
text-decoration: none; text-decoration: none;
} }
.pagination a.selected { .pagination a.selected {
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
} }
#tagsPanel .tagPanel { #tagsPanel .tagPanel {
border: 2px solid; border: 2px solid;
cursor: pointer; cursor: pointer;
@ -251,23 +304,28 @@ h5 {
margin: 3px; margin: 3px;
border-radius: 6px; border-radius: 6px;
} }
#tagsPanel .tagPanel:hover { #tagsPanel .tagPanel:hover {
background-color: #EEEEEE; background-color: #EEEEEE;
border: 2px dashed; border: 2px dashed;
} }
#tagsPanel .tagPanel { #tagsPanel .tagPanel {
text-decoration: none; text-decoration: none;
} }
.error-title { .error-title {
border-top: 1px solid #3366CC; border-top: 1px solid #3366CC;
background-color: #E5ECF9; background-color: #E5ECF9;
margin-left: 12px; margin-left: 12px;
padding: 6px 12px; padding: 6px 12px;
} }
.error-panel { .error-panel {
margin-left: 12px; margin-left: 12px;
padding: 24px; padding: 24px;
} }
.commentIcon, .browserIcon { .commentIcon, .browserIcon {
background-image: url("../../../images/icon.png"); background-image: url("../../../images/icon.png");
cursor: pointer; cursor: pointer;
@ -275,18 +333,23 @@ h5 {
margin-right: 3px; margin-right: 3px;
width: 16px; width: 16px;
} }
.commentIcon { .commentIcon {
background-position: -32px -16px; background-position: -32px -16px;
} }
.browserIcon { .browserIcon {
background-position: -128px -16px; background-position: -128px -16px;
} }
.goTopIcon { .goTopIcon {
background-position: -128px -32px; background-position: -128px -32px;
} }
.goBottomIcon { .goBottomIcon {
background-position: -144px -32px; background-position: -144px -32px;
} }
.footer { .footer {
text-align: center; text-align: center;
margin: 30px 0 30px 0; margin: 30px 0 30px 0;

View File

@ -20,9 +20,10 @@
* skin tree-house style * skin tree-house style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.0.0.0, Feb 21, 2019 * @version 2.1.0.0, Mar 1, 2019
*/ */
@import "../../../scss/reset";
@import "../../../scss/reset-content"; @import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
.left { .left {

View File

@ -150,6 +150,7 @@
<h3>${archiveLabel}</h3> <h3>${archiveLabel}</h3>
<ul> <ul>
<#list archiveDates as archiveDate> <#list archiveDates as archiveDate>
<#if archiveDate_index < 10>
<li> <li>
<#if "en" == localeString?substring(0, 2)> <#if "en" == localeString?substring(0, 2)>
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}" <a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
@ -161,6 +162,7 @@
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a> ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
</#if> </#if>
</li> </li>
</#if>
</#list> </#list>
</ul> </ul>
<div class='clear'></div> <div class='clear'></div>