This commit is contained in:
parent
1f94084f11
commit
64085edc97
@ -32,7 +32,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h1>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 1.2.0.0, Jul 17, 2019
|
||||
* @version 1.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
/* start common */
|
||||
@import "../../../scss/reset";
|
||||
@ -549,15 +549,27 @@ aside {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.post h1 a {
|
||||
.post h1 > a {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post sup,
|
||||
.post sup {
|
||||
color: #aaa;
|
||||
font-weight: 300;
|
||||
a {
|
||||
color: #aaa;
|
||||
cursor: text;
|
||||
&:hover {
|
||||
color: #aaa;
|
||||
}
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.post .meta {
|
||||
|
@ -29,16 +29,18 @@
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}" title="${tags1Label}${article.articleTags}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<div class="article-date">
|
||||
<#if article.hasUpdated>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin andrea style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.3.0.0, Jul 17, 2019
|
||||
* @version 2.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "vditor/src/assets/scss/classic";
|
||||
@ -190,7 +190,7 @@ img {
|
||||
/* main */
|
||||
.main-content {
|
||||
padding: 0 45px;
|
||||
background-color: #D4D4D4;
|
||||
background-color: #d9d7d4;
|
||||
}
|
||||
|
||||
.main-content > h2 {
|
||||
@ -268,14 +268,14 @@ img {
|
||||
*line-height: 28px;
|
||||
}
|
||||
|
||||
.article h2 a {
|
||||
.article h2 > a {
|
||||
color: #363636;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.article h2 a:hover {
|
||||
.article h2 > a:hover {
|
||||
color: #BE0700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@ -284,6 +284,17 @@ img {
|
||||
color: #BE0700;
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
a {
|
||||
text-decoration: none;
|
||||
cursor: text;
|
||||
vertical-align: top;
|
||||
&:hover {
|
||||
color: #BE0700;
|
||||
}
|
||||
&:visited {
|
||||
color: #d9d7d4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-abstract {
|
||||
@ -544,6 +555,7 @@ img {
|
||||
/* article */
|
||||
.vditor-reset--article {
|
||||
padding-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
@ -681,7 +693,7 @@ h2.comment-label {
|
||||
#tagsPanel a {
|
||||
display: block;
|
||||
float: left;
|
||||
border: 1px solid #D4D4D4;
|
||||
border: 1px solid #d9d7d4;
|
||||
}
|
||||
|
||||
#tagsPanel a:hover {
|
||||
|
@ -31,7 +31,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.3.0.0, Jul 17, 2019
|
||||
* @version 0.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/usite";
|
||||
@ -518,7 +518,7 @@ a {
|
||||
}
|
||||
|
||||
&__title {
|
||||
a {
|
||||
& > a {
|
||||
color: $black;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
@ -533,6 +533,19 @@ a {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: rgba($gray, 0.8);
|
||||
|
||||
a {
|
||||
color: rgba($gray, 0.8);
|
||||
cursor: text;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -47,7 +47,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.2.0.0, Jul 17, 2019
|
||||
* @version 0.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/usite";
|
||||
@ -49,6 +49,7 @@ a {
|
||||
|
||||
.ft__a {
|
||||
color: $gray;
|
||||
|
||||
&:hover {
|
||||
color: rgba($gray, .8);
|
||||
}
|
||||
@ -63,6 +64,7 @@ a {
|
||||
.header {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
|
||||
&--index {
|
||||
&:before {
|
||||
content: "";
|
||||
@ -75,22 +77,28 @@ a {
|
||||
filter: brightness(48%);
|
||||
}
|
||||
}
|
||||
|
||||
&--article {
|
||||
background-color: $black-bg;
|
||||
height: 64px;
|
||||
|
||||
.header__title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header__nav a {
|
||||
margin-bottom: 0;
|
||||
line-height: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
&--other {
|
||||
height: 407px;
|
||||
|
||||
.header__title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
height: 100%;
|
||||
@ -101,32 +109,39 @@ a {
|
||||
background-size: cover;
|
||||
filter: brightness(48%);
|
||||
}
|
||||
|
||||
.header__nav a {
|
||||
margin-bottom: 0;
|
||||
line-height: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__h1 {
|
||||
font-size: 30px;
|
||||
padding-top: 140px;
|
||||
font-weight: normal;
|
||||
|
||||
img {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $fade-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__h2 {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
@ -134,14 +149,17 @@ a {
|
||||
color: $fade-lighter;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
&__nav {
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
line-height: 24px;
|
||||
color: $fade-lighter;
|
||||
margin: 0 20px 90px 0;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
@ -165,8 +183,10 @@ a {
|
||||
padding: 20px 0;
|
||||
background-color: $black-bg;
|
||||
color: #fff;
|
||||
|
||||
a {
|
||||
color: $fade-lighter;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
@ -184,6 +204,7 @@ a {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -20px;
|
||||
|
||||
.item {
|
||||
flex: 1 1 300px;
|
||||
overflow: hidden;
|
||||
@ -195,6 +216,7 @@ a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
|
||||
&--large {
|
||||
flex-direction: row;
|
||||
flex: 1 1 100%;
|
||||
@ -210,15 +232,18 @@ a {
|
||||
flex: unset;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: 8px 28px 50px rgba(39, 44, 49, .07), 1px 6px 12px rgba(39, 44, 49, .04);
|
||||
transform: translate3D(0, -1px, 0) scale(1.02);
|
||||
}
|
||||
|
||||
&__cover {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
&__main {
|
||||
padding: 25px;
|
||||
box-sizing: border-box;
|
||||
@ -226,6 +251,7 @@ a {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__tag {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
@ -235,26 +261,45 @@ a {
|
||||
font-weight: 500;
|
||||
letter-spacing: .5px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: rgba($gray, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-bottom: 10px;
|
||||
a {
|
||||
|
||||
& > a {
|
||||
color: $black;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: rgba($black, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
sup {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: rgba($gray, 0.8);
|
||||
|
||||
a {
|
||||
color: rgba($gray, 0.8);
|
||||
cursor: text;
|
||||
|
||||
&:hover {
|
||||
color: rgba($gray, 0.8);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -262,6 +307,7 @@ a {
|
||||
line-height: 24px;
|
||||
color: $black;
|
||||
flex: 1;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: rgba($black, 0.8);
|
||||
@ -272,6 +318,7 @@ a {
|
||||
float: right;
|
||||
margin-top: 18px;
|
||||
color: $gray;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: rgba($gray, 0.8);
|
||||
@ -281,6 +328,7 @@ a {
|
||||
&__avatar {
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
|
||||
img {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
@ -304,11 +352,13 @@ a {
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
margin: 0 5px 40px;
|
||||
|
||||
&:hover,
|
||||
&--active {
|
||||
opacity: 0.68;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&--omit {
|
||||
background-color: transparent;
|
||||
color: $black;
|
||||
@ -318,13 +368,16 @@ a {
|
||||
|
||||
.article {
|
||||
background-color: #fff;
|
||||
|
||||
&__bottom {
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
|
||||
.fn__flex {
|
||||
flex-wrap: wrap;
|
||||
margin: 0 -20px;
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
flex: 1 1 300px;
|
||||
@ -335,6 +388,7 @@ a {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@ -346,16 +400,19 @@ a {
|
||||
background-size: cover;
|
||||
filter: brightness(48%);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border-bottom: 1px solid rgba($gray, .8);
|
||||
@ -365,6 +422,7 @@ a {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__top {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
@ -374,6 +432,7 @@ a {
|
||||
height: 60px;
|
||||
transition: all .3s ease;
|
||||
z-index: 1;
|
||||
|
||||
.title {
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
@ -381,9 +440,11 @@ a {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
&__share {
|
||||
float: right;
|
||||
position: relative;
|
||||
|
||||
.item {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
@ -394,32 +455,41 @@ a {
|
||||
color: #fdc200;
|
||||
cursor: pointer;
|
||||
transition: all .3s ease;
|
||||
|
||||
svg {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
&[data-type="wechat"] {
|
||||
color: #3caf36;
|
||||
|
||||
&:hover {
|
||||
background-color: #3caf36;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-type="twitter"] {
|
||||
color: #18a3fa;
|
||||
|
||||
&:hover {
|
||||
background-color: #18a3fa;
|
||||
}
|
||||
}
|
||||
|
||||
&[data-type="weibo"] {
|
||||
color: #f93;
|
||||
|
||||
&:hover {
|
||||
background-color: #f93;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: #fdc200;
|
||||
}
|
||||
|
||||
&__qr {
|
||||
position: absolute;
|
||||
top: 61px;
|
||||
@ -427,6 +497,7 @@ a {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__progress {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@ -437,32 +508,39 @@ a {
|
||||
border: none;
|
||||
background: transparent;
|
||||
-webkit-appearance: none;
|
||||
|
||||
&::-webkit-progress-value {
|
||||
background-color: $link;
|
||||
}
|
||||
|
||||
&::-webkit-progress-bar {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
&__meta {
|
||||
padding-top: 76px;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
color: rgba($gray, .8);
|
||||
|
||||
a {
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 28px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
sup {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
color: rgba($gray, .8);
|
||||
}
|
||||
}
|
||||
|
||||
&__cover {
|
||||
height: 800px;
|
||||
background-size: cover;
|
||||
@ -472,19 +550,23 @@ a {
|
||||
border-radius: 5px;
|
||||
filter: sepia(0.2) contrast(1.3) opacity(.86);
|
||||
}
|
||||
|
||||
&__content {
|
||||
padding: 70px 100px 0;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
|
||||
&--article {
|
||||
margin-top: -164px;
|
||||
position: relative;
|
||||
padding-bottom: 30px;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__tip {
|
||||
margin-bottom: 40px;
|
||||
border-radius: 5px;
|
||||
@ -495,6 +577,7 @@ a {
|
||||
background: #f4f8fb;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 8px 28px 50px rgba(39, 44, 49, .07), 1px 6px 12px rgba(39, 44, 49, .04);
|
||||
transform: translate3D(0, -1px, 0) scale(1.02);
|
||||
@ -521,10 +604,12 @@ a {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
|
||||
li.current a,
|
||||
a:hover {
|
||||
color: $link;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin-top: -24px;
|
||||
@ -543,6 +628,7 @@ a {
|
||||
content: '';
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
&.current:before {
|
||||
background-color: $link;
|
||||
}
|
||||
@ -552,11 +638,13 @@ a {
|
||||
.comment {
|
||||
background-color: #f4f8fb;
|
||||
position: relative;
|
||||
|
||||
&__wrapper {
|
||||
margin: 0 auto;
|
||||
padding: 0 100px 0.1px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&-body-ref {
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
@ -598,8 +686,10 @@ a {
|
||||
color: rgba($gray, .8);
|
||||
float: left;
|
||||
line-height: 40px;
|
||||
|
||||
a {
|
||||
color: $gray;
|
||||
|
||||
&:hover {
|
||||
color: rgba($gray, .8);
|
||||
}
|
||||
@ -634,6 +724,7 @@ a {
|
||||
|
||||
.other {
|
||||
position: relative;
|
||||
|
||||
&__title {
|
||||
margin: -220px 0 5px;
|
||||
color: #fff;
|
||||
@ -641,14 +732,17 @@ a {
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&__meta {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
|
||||
&--list {
|
||||
margin-bottom: 154px;
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
background-color: #fff;
|
||||
padding: 70px 100px;
|
||||
@ -656,15 +750,18 @@ a {
|
||||
box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06), 1px 3px 8px rgba(39, 44, 49, 0.03);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
&__item {
|
||||
line-height: 20px;
|
||||
margin: 10px;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
|
||||
&--archive {
|
||||
width: 187px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
span, div {
|
||||
color: $gray;
|
||||
font-size: 12px;
|
||||
@ -677,28 +774,36 @@ a {
|
||||
@media (max-width: 768px) {
|
||||
.header {
|
||||
padding: 10px 0;
|
||||
|
||||
&__h1 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
&__h2 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
&__nav {
|
||||
.fn__right {
|
||||
float: none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
&--article {
|
||||
height: auto;
|
||||
|
||||
.header__nav a {
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&--other {
|
||||
height: 360px;
|
||||
|
||||
.header__nav a {
|
||||
line-height: 24px;
|
||||
}
|
||||
@ -708,8 +813,10 @@ a {
|
||||
.articles {
|
||||
position: initial;
|
||||
margin: 10px -5px 0 -5px;
|
||||
|
||||
.item {
|
||||
margin: 0 5px 10px;
|
||||
|
||||
&--large {
|
||||
flex-direction: column;
|
||||
flex: 1 1 300px;
|
||||
@ -729,6 +836,7 @@ a {
|
||||
.pagination {
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
|
||||
&__item {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@ -745,9 +853,11 @@ a {
|
||||
.article {
|
||||
&__top {
|
||||
height: 40px;
|
||||
|
||||
.title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.toc {
|
||||
display: block;
|
||||
float: left;
|
||||
@ -756,29 +866,36 @@ a {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&__share .item {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
&__meta {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
&__cover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__content {
|
||||
padding: 10px 10px 0;
|
||||
|
||||
&--article {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__bottom {
|
||||
.fn__flex {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
@ -789,6 +906,7 @@ a {
|
||||
&__title {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
&__wrapper {
|
||||
padding: 0 10px 0.1px;
|
||||
}
|
||||
@ -797,6 +915,7 @@ a {
|
||||
.item {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
|
||||
&__avatar {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@ -807,10 +926,12 @@ a {
|
||||
&__title {
|
||||
margin-top: -280px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
padding: 20px;
|
||||
margin: 40px auto 10px;
|
||||
}
|
||||
|
||||
&__meta--list {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
@ -56,14 +56,16 @@
|
||||
<a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="red">
|
||||
${updatedLabel}
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="red">
|
||||
${topArticleLabel}
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -20,7 +20,7 @@
|
||||
* skin community style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.3.0.0, Jul 17, 2019
|
||||
* @version 2.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/toc";
|
||||
@ -298,6 +298,20 @@ a.header-title {
|
||||
|
||||
.article-main h2.title sup {
|
||||
font-size: 12px;
|
||||
|
||||
a {
|
||||
cursor: text;
|
||||
color: #555555;
|
||||
|
||||
&:hover {
|
||||
color: #555555;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.read-more a {
|
||||
|
@ -36,16 +36,18 @@
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="post-tip">
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="post-tip">
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a class="post-tip" href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
</header>
|
||||
<section class="post-excerpt post-content fn-clear">
|
||||
|
File diff suppressed because one or more lines are too long
@ -21,7 +21,7 @@
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @author <a href="http://88250.b3log.org">Liang Ding</a>
|
||||
* @version 2.4.0.0, Jul 17, 2019
|
||||
* @version 2.5.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "../../../scss/usite";
|
||||
@ -799,6 +799,15 @@ article.post:after {
|
||||
font-size: 1.3rem;
|
||||
white-space: nowrap;
|
||||
color: #9EABB3;
|
||||
cursor: text;
|
||||
|
||||
&:hover {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.post-excerpt p {
|
||||
|
@ -30,7 +30,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.4.0.0, Jul 17, 2019
|
||||
* @version 0.5.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/function";
|
||||
@ -186,7 +186,7 @@ a {
|
||||
&__title {
|
||||
padding: 20px 0;
|
||||
|
||||
a {
|
||||
& > a {
|
||||
text-decoration: none;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
@ -203,6 +203,20 @@ a {
|
||||
color: $gray;
|
||||
font-size: 12px;
|
||||
top: -10px;
|
||||
|
||||
a {
|
||||
cursor: text;
|
||||
color: #999;
|
||||
|
||||
&:hover {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -42,7 +42,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.2.0.0, Jul 17, 2019
|
||||
* @version 2.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/usite";
|
||||
@ -441,6 +441,19 @@
|
||||
top: -6px;
|
||||
font-size: 12px;
|
||||
color: #03a87c;
|
||||
|
||||
a {
|
||||
cursor: text;
|
||||
color: #03a87c;
|
||||
|
||||
&:hover {
|
||||
color: #03a87c;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
|
@ -24,16 +24,18 @@
|
||||
<a rel="bookmark" class="article-title" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="tip">
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="tip">
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a class="tip tip__sup" href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</span>
|
||||
<span class="expand-ico" onclick="getArticle(this, '${article.oId}');"></span>
|
||||
<span class="clear"></span>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin neoease style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.2.0.0, Jul 17, 2019
|
||||
* @version 2.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "../../../scss/usite";
|
||||
@ -120,6 +120,19 @@ textarea, input {
|
||||
.tip {
|
||||
color: #D54E21;
|
||||
font-size: 11px;
|
||||
|
||||
&__sup {
|
||||
cursor: text;
|
||||
&:link {
|
||||
color: #D54E21;
|
||||
}
|
||||
&:hover {
|
||||
color: #D54E21;
|
||||
}
|
||||
&:visited {
|
||||
color: #F9F9F9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.em-span {
|
||||
|
@ -36,8 +36,10 @@
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="ft__red">
|
||||
<sup>
|
||||
<a class="ft__red" href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
<h2 class="item__title">
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* skin style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 0.3.0.0, Jul 17, 2019
|
||||
* @version 0.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/function";
|
||||
@ -346,6 +346,14 @@ a:active, a:focus, a:hover {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
||||
sup a {
|
||||
cursor: text;
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__abstract {
|
||||
|
@ -23,14 +23,16 @@
|
||||
<a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="red">
|
||||
${updatedLabel}
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="red">
|
||||
${topArticleLabel}
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -20,7 +20,7 @@
|
||||
* skin favoutite style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.3.0.0, Jul 17, 2019
|
||||
* @version 2.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/reset";
|
||||
@import "../../../scss/toc";
|
||||
@ -272,6 +272,19 @@ img {
|
||||
|
||||
.article-title sup {
|
||||
font-size: 12px;
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
cursor: text;
|
||||
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-title a {
|
||||
|
@ -23,14 +23,16 @@
|
||||
<a rel="bookmark" class="no-underline" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="red">
|
||||
${updatedLabel}
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="red">
|
||||
${topArticleLabel}
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -20,7 +20,7 @@
|
||||
* skin i-nove style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.2.0.0, Jul 17, 2019
|
||||
* @version 2.3.0.0, JAug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "../../../scss/reset";
|
||||
@ -277,6 +277,19 @@ h5 {
|
||||
|
||||
.article-title sup {
|
||||
font-size: 12px;
|
||||
|
||||
a {
|
||||
color: #555555;
|
||||
cursor: text;
|
||||
|
||||
&:hover {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.article-title a {
|
||||
|
@ -44,16 +44,16 @@
|
||||
</div>
|
||||
|
||||
<h2 class="article-title">
|
||||
<#if article.hasUpdated>
|
||||
<span>
|
||||
[${updatedLabel}]
|
||||
</span>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<span>
|
||||
[${topArticleLabel}]
|
||||
</span>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<span>
|
||||
[${updatedLabel}]
|
||||
</span>
|
||||
</#if>
|
||||
<a rel="bookmark" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
|
@ -32,7 +32,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a class="post__sup" href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h1>
|
||||
|
File diff suppressed because one or more lines are too long
@ -20,7 +20,7 @@
|
||||
* skin next style
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.2.1.0, Jul 19, 2019
|
||||
* @version 2.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/usite";
|
||||
@import "../../../scss/toc";
|
||||
@ -754,6 +754,16 @@ img {
|
||||
}
|
||||
}
|
||||
|
||||
.post__sup {
|
||||
cursor: text;
|
||||
border-bottom: 0;
|
||||
&:hover {
|
||||
color: #555;
|
||||
}
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/* end article */
|
||||
|
||||
/* start comments */
|
||||
|
@ -22,14 +22,16 @@
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup class="red">
|
||||
${updatedLabel}
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup class="red">
|
||||
${topArticleLabel}
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a class="sup" href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h1>
|
||||
|
File diff suppressed because one or more lines are too long
@ -29,7 +29,7 @@ Update: Dongxu Wang 2011-02-24
|
||||
/*
|
||||
* skin owmx-3.0 style
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.3.0.0, Jul 17, 2019
|
||||
* @version 2.4.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "vditor/src/assets/scss/classic";
|
||||
@ -148,6 +148,23 @@ sup {
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
a.sup {
|
||||
color: #444;
|
||||
cursor: text;
|
||||
font-size: 12.5px;
|
||||
|
||||
&:link {
|
||||
color: #444;
|
||||
}
|
||||
&:hover {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
header {
|
||||
border-radius: 4px;
|
||||
|
@ -34,16 +34,18 @@
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h3>
|
||||
<div class="vditor-reset">
|
||||
${article.articleAbstract}
|
||||
|
@ -62,6 +62,7 @@ ${topBarReplacement}
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
<br>
|
||||
<div class="vditor-reset">
|
||||
${article.articleContent}
|
||||
</div>
|
||||
|
File diff suppressed because one or more lines are too long
@ -19,7 +19,7 @@
|
||||
* timeline skin style.
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 2.2.0.0, Jul 17, 2019
|
||||
* @version 2.3.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/usite";
|
||||
@import "../../../scss/toc";
|
||||
@ -537,6 +537,13 @@ article .article-title {
|
||||
article .article-title > sup {
|
||||
color: #6599C6;
|
||||
font-size: 70%;
|
||||
a {
|
||||
color: #6599C6;
|
||||
cursor: text;
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
article .article-title a {
|
||||
|
@ -69,16 +69,18 @@
|
||||
<a rel="bookmark" href="${servePath}${article.articlePermalink}">
|
||||
${article.articleTitle}
|
||||
</a>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
${updatedLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.articlePutTop>
|
||||
<sup>
|
||||
${topArticleLabel}
|
||||
</sup>
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h3>
|
||||
<div class="vditor-reset">
|
||||
${article.articleAbstract}
|
||||
|
@ -19,7 +19,7 @@
|
||||
* @fileoverview timeline js.
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @version 1.0.1.2, Jun 6, 2013
|
||||
* @version 1.1.0.0, Aug 2, 2019
|
||||
*/
|
||||
var timeline = {
|
||||
_COLHA: 0,
|
||||
@ -249,14 +249,15 @@ var timeline = {
|
||||
+ Label.servePath + article.articlePermalink + '">'
|
||||
+ article.articleTitle + '</a>';
|
||||
|
||||
if (article.hasUpdated) {
|
||||
articlesHTML += '<sup>' + Label.updatedLabel + '</sup>';
|
||||
}
|
||||
|
||||
if (article.articlePutTop) {
|
||||
articlesHTML += '<sup>' + Label.topArticleLabel + '</sup>';
|
||||
}
|
||||
|
||||
if (article.hasUpdated) {
|
||||
articlesHTML += '<sup><a href="'
|
||||
+ Label.servePath + article.articlePermalink + '">' + Label.updatedLabel + '</a></sup>';
|
||||
}
|
||||
|
||||
articlesHTML += '</h3><p>' + article.articleAbstract + '</p>'
|
||||
+ '<span class="ico-tags ico" title="' + Label.tagLabel + '">';
|
||||
|
||||
|
2
timeline/js/timeline.min.js
vendored
2
timeline/js/timeline.min.js
vendored
File diff suppressed because one or more lines are too long
@ -31,7 +31,9 @@
|
||||
</#if>
|
||||
<#if article.hasUpdated>
|
||||
<sup>
|
||||
<a href="${servePath}${article.articlePermalink}">
|
||||
${updatedLabel}
|
||||
</a>
|
||||
</sup>
|
||||
</#if>
|
||||
</h2>
|
||||
|
File diff suppressed because one or more lines are too long
@ -21,7 +21,7 @@
|
||||
*
|
||||
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
|
||||
* @author <a href="http://88250.b3log.org">Liang Ding</a>
|
||||
* @version 2.5.0.0, Aug 2, 2019
|
||||
* @version 2.6.0.0, Aug 2, 2019
|
||||
*/
|
||||
@import "../../../scss/toc";
|
||||
@import "../../../scss/usite";
|
||||
@ -605,6 +605,19 @@ article header sup {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
|
||||
a {
|
||||
cursor: text;
|
||||
color: #999;
|
||||
|
||||
&:hover {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
article header time {
|
||||
|
Loading…
x
Reference in New Issue
Block a user