This commit is contained in:
Van 2019-07-17 22:12:56 +08:00
parent 1c3224f3de
commit d86f8340b5
No known key found for this signature in database
GPG Key ID: 7059B8783A78F16C
40 changed files with 720 additions and 519 deletions

File diff suppressed because one or more lines are too long

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 1.1.0.0, Mar 20, 2019 * @version 1.2.0.0, Jul 17, 2019
*/ */
/* start common */ /* start common */
@import "../../../scss/reset"; @import "../../../scss/reset";
@ -39,8 +39,14 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
.vditor-reset a { .vditor-reset {
a {
color: #ff4d3a; color: #ff4d3a;
}
&::-webkit-scrollbar {
display: none;
}
} }
.fn-pointer { .fn-pointer {
@ -353,6 +359,7 @@ a {
aside { aside {
width: 28%; width: 28%;
min-width: 236px; min-width: 236px;
.tag.vditor-tooltipped { .tag.vditor-tooltipped {
display: inline-block; display: inline-block;
padding: 2px 5px; padding: 2px 5px;
@ -362,6 +369,7 @@ aside {
margin-right: 10px; margin-right: 10px;
line-height: 22px; line-height: 22px;
} }
.ad { .ad {
background-color: #3cbc8d; background-color: #3cbc8d;
color: #fff; color: #fff;
@ -624,6 +632,7 @@ aside {
.article__toc { .article__toc {
top: 81px; top: 81px;
bottom: 132px; bottom: 132px;
.toc--current a { .toc--current a {
color: #ff4d3a color: #ff4d3a
} }

File diff suppressed because one or more lines are too long

View File

@ -19,9 +19,8 @@
* skin andrea style * skin andrea style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.2.0.0, Mar 21, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
@ -342,6 +341,7 @@ img {
display: inline-block; display: inline-block;
height: 20px; height: 20px;
margin-right: 6px; margin-right: 6px;
svg { svg {
height: 20px; height: 20px;
width: 20px; width: 20px;
@ -544,6 +544,10 @@ img {
/* article */ /* article */
.vditor-reset--article { .vditor-reset--article {
padding-bottom: 20px; padding-bottom: 20px;
&::-webkit-scrollbar {
display: none;
}
} }
.article-relative { .article-relative {

File diff suppressed because one or more lines are too long

View File

@ -21,7 +21,7 @@
* *
* @author <a href="http://88250.b3log.org">Liang Ding</a> * @author <a href="http://88250.b3log.org">Liang Ding</a>
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.1.0.0, Mar 21, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "bootstrap"; @import "bootstrap";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -31,6 +31,10 @@
.vditor-reset--article { .vditor-reset--article {
padding-bottom: 10px; padding-bottom: 10px;
&::-webkit-scrollbar {
display: none;
}
} }
.article__toc { .article__toc {
@ -40,16 +44,18 @@
padding-left: 0; padding-left: 0;
left: 100%; left: 100%;
} }
#comments { #comments {
position: relative; position: relative;
} }
.comment-body-ref { .comment-body-ref {
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
width: 100%; width: 100%;
left: 64px; left: 64px;
border: 1px solid #ccc; border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border-radius: 5px; border-radius: 5px;
padding: 10px 0; padding: 10px 0;
} }
@ -59,6 +65,7 @@
height: 20px; height: 20px;
width: 20px; width: 20px;
margin: 0 5px 15px 0; margin: 0 5px 15px 0;
svg { svg {
height: 20px; height: 20px;
width: 20px; width: 20px;
@ -67,7 +74,7 @@
} }
body, button, input, select, textarea { body, button, input, select, textarea {
font: 400 1em/1.8 Avenir,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; font: 400 1em/1.8 Avenir, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
letter-spacing: 0.01rem; letter-spacing: 0.01rem;
} }

File diff suppressed because one or more lines are too long

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 0.2.0.0, Jul 15, 2019 * @version 0.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -46,6 +46,10 @@ a {
color: $link; color: $link;
} }
.vditor-reset::-webkit-scrollbar {
display: none;
}
.ft__a { .ft__a {
color: $gray; color: $gray;

File diff suppressed because one or more lines are too long

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 0.1.0.1, Apr 21, 2019 * @version 0.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -480,6 +480,9 @@ a {
margin-top: -164px; margin-top: -164px;
position: relative; position: relative;
padding-bottom: 30px; padding-bottom: 30px;
&::-webkit-scrollbar {
display: none;
}
} }
} }
&__tip { &__tip {

File diff suppressed because one or more lines are too long

View File

@ -20,7 +20,7 @@
* skin community style * skin community style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.2.0.0, Mar 22, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/toc"; @import "../../../scss/toc";
@ -31,9 +31,11 @@
margin: 0 8px 0; margin: 0 8px 0;
display: inline-block; display: inline-block;
height: 25px; height: 25px;
&:hover { &:hover {
color: #888; color: #888;
} }
svg { svg {
height: 25px; height: 25px;
width: 25px; width: 25px;
@ -271,17 +273,22 @@ a.header-title {
.vditor-reset { .vditor-reset {
line-height: 145%; line-height: 145%;
&--article { &--article {
padding-bottom: 20px; padding-bottom: 20px;
&::-webkit-scrollbar {
display: none;
}
} }
}
.vditor-reset a { a {
color: #075181; color: #075181;
}
.vditor-reset a:hover { :hover {
color: #68ADD5; color: #68ADD5;
}
}
} }
.article-main h2.title { .article-main h2.title {
@ -383,6 +390,7 @@ a.header-title {
.article-relative { .article-relative {
margin-top: 20px; margin-top: 20px;
width: 360px; width: 360px;
li { li {
list-style: none; list-style: none;
} }
@ -790,6 +798,7 @@ a.star-icon {
padding: 0 10px; padding: 0 10px;
margin: 0 10px 10px 0; margin: 0 10px 10px 0;
background-color: #9BC4CE; background-color: #9BC4CE;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
background-color: #B4D9E2; background-color: #B4D9E2;

File diff suppressed because one or more lines are too long

View File

@ -21,7 +21,7 @@
* *
* @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.3.0.0, Mar 22, 2019 * @version 2.4.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -30,6 +30,7 @@
.user__site { .user__site {
float: left; float: left;
margin-left: 10px; margin-left: 10px;
svg { svg {
height: 20px; height: 20px;
width: 20px; width: 20px;
@ -756,6 +757,7 @@ article.post {
.share { .share {
position: relative; position: relative;
canvas { canvas {
position: absolute; position: absolute;
left: 0; left: 0;
@ -766,6 +768,10 @@ article.post {
.post-content--article { .post-content--article {
padding-bottom: 10px; padding-bottom: 10px;
&::-webkit-scrollbar {
display: none;
}
} }
article.post:after { article.post:after {

File diff suppressed because one or more lines are too long

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 0.3.0.0, Mar 22, 2019 * @version 0.4.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/function"; @import "../../../scss/function";
@ -41,6 +41,7 @@ $gray: #999 !default;
display: inline-block; display: inline-block;
color: $gray !important; color: $gray !important;
margin: 0 5px 20px 0; margin: 0 5px 20px 0;
&:hover { &:hover {
color: $red !important; color: $red !important;
} }
@ -91,6 +92,10 @@ a {
color: #555; color: #555;
font-size: 14px; font-size: 14px;
&::-webkit-scrollbar {
display: none;
}
a { a {
color: $red; color: $red;
} }
@ -160,6 +165,7 @@ a {
margin: 30px auto; margin: 30px auto;
line-height: 1.6em; line-height: 1.6em;
font-size: 0.85em; font-size: 0.85em;
a { a {
color: $red; color: $red;
} }
@ -171,6 +177,7 @@ a {
margin: 50px 0; margin: 50px 0;
border-bottom: 1px dashed #d9d9d9; border-bottom: 1px dashed #d9d9d9;
text-align: justify; text-align: justify;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
@ -178,12 +185,14 @@ a {
&__title { &__title {
padding: 20px 0; padding: 20px 0;
a { a {
text-decoration: none; text-decoration: none;
font-size: 25px; font-size: 25px;
font-weight: bold; font-weight: bold;
color: #555; color: #555;
transition: color 0.2s; transition: color 0.2s;
&:hover { &:hover {
color: $red; color: $red;
} }
@ -199,6 +208,7 @@ a {
&__content { &__content {
margin: 20px 0; margin: 20px 0;
& > p:last-child { & > p:last-child {
margin-bottom: 0 margin-bottom: 0
} }
@ -214,6 +224,7 @@ a {
&__near { &__near {
margin: 50px 0 70px; margin: 50px 0 70px;
position: relative; position: relative;
&--point:before { &--point:before {
width: 8px; width: 8px;
height: 8px; height: 8px;
@ -227,14 +238,17 @@ a {
background: #ddd; background: #ddd;
box-shadow: 0 1px 2px #fff; box-shadow: 0 1px 2px #fff;
} }
ul { ul {
list-style: none; list-style: none;
} }
a { a {
font-size: 12px; font-size: 12px;
line-height: 1.6em; line-height: 1.6em;
color: $gray; color: $gray;
padding: 0 20px; padding: 0 20px;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
color: #555; color: #555;
@ -244,6 +258,7 @@ a {
text-align: right; text-align: right;
} }
} }
strong, strong,
h4 { h4 {
margin-bottom: 6px; margin-bottom: 6px;
@ -258,6 +273,7 @@ a {
.pagination { .pagination {
margin: 20px 0 40px; margin: 20px 0 40px;
&__item { &__item {
padding: 10px 10px; padding: 10px 10px;
color: $gray; color: $gray;
@ -341,6 +357,7 @@ a {
border-width: 8px; border-width: 8px;
border-right-color: #CFD8DC; border-right-color: #CFD8DC;
} }
&:after { &:after {
margin-top: 1px; margin-top: 1px;
margin-left: 2px; margin-left: 2px;
@ -359,6 +376,7 @@ a {
&__btn { &__btn {
cursor: pointer; cursor: pointer;
color: #666; color: #666;
&:hover { &:hover {
color: #333; color: #333;
} }
@ -366,6 +384,7 @@ a {
&__content { &__content {
margin-top: 20px; margin-top: 20px;
& > p:last-child { & > p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }

File diff suppressed because one or more lines are too long

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.1.0.0, Mar 22, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -350,23 +350,28 @@
position: fixed; position: fixed;
top: 90px; top: 90px;
bottom: 60px; bottom: 60px;
a { a {
color: rgba(0, 0, 0, 0.54); color: rgba(0, 0, 0, 0.54);
&:hover { &:hover {
color: rgba(0, 0, 0, 0.68); color: rgba(0, 0, 0, 0.68);
} }
} }
} }
&__main { &__main {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
&__thumbnail { &__thumbnail {
margin: 10px 0; margin: 10px 0;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
flex: 1; flex: 1;
} }
&__wrap { &__wrap {
margin-right: -20px margin-right: -20px
} }
@ -391,6 +396,7 @@
&__item--small { &__item--small {
width: 318px; width: 318px;
margin-right: 20px; margin-right: 20px;
.article__thumbnail { .article__thumbnail {
background-image: none !important; background-image: none !important;
} }
@ -463,6 +469,10 @@
.vditor-reset { .vditor-reset {
padding-bottom: 16px; padding-bottom: 16px;
&::-webkit-scrollbar {
display: none;
}
} }
} }

File diff suppressed because one or more lines are too long

View File

@ -19,7 +19,7 @@
* skin neoease style * skin neoease style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.1.0.0, Mar 22, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -28,6 +28,7 @@
.user__site { .user__site {
display: inline-block; display: inline-block;
margin-right: 15px; margin-right: 15px;
svg { svg {
height: 20px; height: 20px;
width: 20px; width: 20px;
@ -491,6 +492,7 @@ textarea, input {
font-size: 11px; font-size: 11px;
line-height: 16px; line-height: 16px;
margin: 12px 0; margin: 12px 0;
&--article { &--article {
margin-top: 0; margin-top: 0;
} }
@ -498,6 +500,10 @@ textarea, input {
.vditor-reset--article { .vditor-reset--article {
padding-bottom: 12px; padding-bottom: 12px;
&::-webkit-scrollbar {
display: none;
}
} }
.article-element a { .article-element a {

File diff suppressed because one or more lines are too long

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 0.2.0.0, Mar 22, 2019 * @version 0.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/function"; @import "../../../scss/function";
@ -30,7 +30,7 @@
$red: #eb5055 !default; $red: #eb5055 !default;
$black: #313131 !default; $black: #313131 !default;
$fade: rgba(0,0,0,.38) !default; $fade: rgba(0, 0, 0, .38) !default;
$gray: #5f5f5f !default; $gray: #5f5f5f !default;
$gray-lighter: #e0e0e0 !default; $gray-lighter: #e0e0e0 !default;
$gray-lightest: #f7f7f7 !default; $gray-lightest: #f7f7f7 !default;
@ -75,11 +75,16 @@ a:active, a:focus, a:hover {
a { a {
color: $black; color: $black;
border-bottom: 1px solid $gray-lighter; border-bottom: 1px solid $gray-lighter;
&:hover { &:hover {
color: $red; color: $red;
border-bottom: 1px solid $red; border-bottom: 1px solid $red;
} }
} }
&::-webkit-scrollbar {
display: none;
}
} }
.ft__fade { .ft__fade {
@ -92,6 +97,7 @@ a:active, a:focus, a:hover {
.ft__link { .ft__link {
color: $gray; color: $gray;
&:hover { &:hover {
color: #000; color: #000;
} }
@ -108,6 +114,7 @@ a:active, a:focus, a:hover {
background: #6fa3ef; background: #6fa3ef;
border-radius: 12px; border-radius: 12px;
margin-left: 10px; margin-left: 10px;
&:hover { &:hover {
color: $gray; color: $gray;
background: $gray-lighter; background: $gray-lighter;
@ -116,21 +123,27 @@ a:active, a:focus, a:hover {
&--1 { &--1 {
background: #ff9800; background: #ff9800;
} }
&--2 { &--2 {
background: #46c47c; background: #46c47c;
} }
&--3 { &--3 {
background: $red; background: $red;
} }
&--4 { &--4 {
background: #db4437; background: #db4437;
} }
&--5 { &--5 {
background: #1b95e0; background: #1b95e0;
} }
&--6 { &--6 {
background: #fdc200; background: #fdc200;
} }
&--7 { &--7 {
background: #4caf50; background: #4caf50;
} }
@ -141,12 +154,14 @@ a:active, a:focus, a:hover {
padding: 0 10px; padding: 0 10px;
box-sizing: border-box; box-sizing: border-box;
margin: 0 auto; margin: 0 auto;
&--min { &--min {
animation: fade-in; animation: fade-in;
animation-duration: .5s; animation-duration: .5s;
padding-top: 115px; padding-top: 115px;
max-width: 900px; max-width: 900px;
} }
&--miner { &--miner {
animation: fade-in; animation: fade-in;
animation-duration: .5s; animation-duration: .5s;
@ -167,8 +182,10 @@ a:active, a:focus, a:hover {
width: 100%; width: 100%;
height: 70px; height: 70px;
box-shadow: 0 1px 5px rgba(0, 0, 0, .1); box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
&__logo { &__logo {
font-size: 20px; font-size: 20px;
img { img {
margin: 10px 5px 0 0; margin: 10px 5px 0 0;
height: 50px; height: 50px;
@ -179,8 +196,10 @@ a:active, a:focus, a:hover {
&__nav { &__nav {
float: right; float: right;
a { a {
margin: 0 15px; margin: 0 15px;
&.current { &.current {
color: $red; color: $red;
} }
@ -237,31 +256,38 @@ a:active, a:focus, a:hover {
line-height: 20px; line-height: 20px;
position: relative; position: relative;
font-size: 13px; font-size: 13px;
&__border { &__border {
border-bottom: 1px solid rgba(184, 197, 214, .2); border-bottom: 1px solid rgba(184, 197, 214, .2);
margin-bottom: 40px; margin-bottom: 40px;
} }
&__nav { &__nav {
text-align: center; text-align: center;
height: 95px; height: 95px;
line-height: 95px; line-height: 95px;
a { a {
padding: 0 25px; padding: 0 25px;
} }
img { img {
height: 20px; height: 20px;
width: 20px; width: 20px;
margin-right: 3px; margin-right: 3px;
} }
} }
&__mid { &__mid {
margin: 0 40px; margin: 0 40px;
} }
&__copyright { &__copyright {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
color: $fade; color: $fade;
} }
.wrapper { .wrapper {
padding-bottom: 40px; padding-bottom: 40px;
} }
@ -275,6 +301,7 @@ a:active, a:focus, a:hover {
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
transition: all .3s; transition: all .3s;
&__container { &__container {
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
@ -282,6 +309,7 @@ a:active, a:focus, a:hover {
box-shadow: 0 1px 4px rgba(0, 0, 0, .04); box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
overflow: hidden; overflow: hidden;
} }
&__cover { &__cover {
margin-bottom: 130px; margin-bottom: 130px;
height: 250px; height: 250px;
@ -289,6 +317,7 @@ a:active, a:focus, a:hover {
background-position: 50% 50%; background-position: 50% 50%;
background-size: cover; background-size: cover;
} }
&__slant { &__slant {
transform: rotate(-10deg) translate(10px, -10px); transform: rotate(-10deg) translate(10px, -10px);
opacity: .7; opacity: .7;
@ -299,6 +328,7 @@ a:active, a:focus, a:hover {
width: 110%; width: 110%;
height: 100px; height: 100px;
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
&--white { &--white {
left: 3px; left: 3px;
opacity: 1; opacity: 1;
@ -307,6 +337,7 @@ a:active, a:focus, a:hover {
background-color: #fff; background-color: #fff;
} }
} }
&__main { &__main {
top: 250px; top: 250px;
height: 130px; height: 130px;
@ -316,6 +347,7 @@ a:active, a:focus, a:hover {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
&__abstract { &__abstract {
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -326,6 +358,7 @@ a:active, a:focus, a:hover {
word-break: break-all; word-break: break-all;
box-sizing: border-box; box-sizing: border-box;
transition: all .5s; transition: all .5s;
& > a { & > a {
color: #fff; color: #fff;
display: block; display: block;
@ -341,6 +374,7 @@ a:active, a:focus, a:hover {
&__title { &__title {
margin-bottom: 2px; margin-bottom: 2px;
height: 44px; height: 44px;
a { a {
font-size: 18px; font-size: 18px;
line-height: 22px; line-height: 22px;
@ -362,13 +396,16 @@ a:active, a:focus, a:hover {
&__container:hover { &__container:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, .1); box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
.item { .item {
&__cover { &__cover {
transform: scale(1.1); transform: scale(1.1);
filter: blur(3px); filter: blur(3px);
} }
&__abstract { &__abstract {
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
& > a { & > a {
animation: fade-in; animation: fade-in;
animation-duration: .5s; animation-duration: .5s;
@ -383,6 +420,7 @@ a:active, a:focus, a:hover {
.pagination { .pagination {
text-align: center; text-align: center;
margin: 25px 0 40px; margin: 25px 0 40px;
&__item { &__item {
color: $gray; color: $gray;
padding: 0 15px; padding: 0 15px;
@ -414,6 +452,7 @@ a:active, a:focus, a:hover {
&--unpinned { &--unpinned {
animation-name: unpinned; animation-name: unpinned;
} }
&--pinned { &--pinned {
animation-name: pinned; animation-name: pinned;
} }
@ -454,6 +493,7 @@ a:active, a:focus, a:hover {
&__arrow { &__arrow {
float: right; float: right;
a { a {
margin-left: 20px; margin-left: 20px;
line-height: 48px; line-height: 48px;
@ -466,11 +506,13 @@ a:active, a:focus, a:hover {
font-weight: 400; font-weight: 400;
font-size: 21px; font-size: 21px;
} }
sup { sup {
font-weight: normal; font-weight: normal;
color: $red; color: $red;
} }
} }
&__meta { &__meta {
font-size: 12px; font-size: 12px;
margin: 5px 0 15px; margin: 5px 0 15px;
@ -479,6 +521,7 @@ a:active, a:focus, a:hover {
&__tags { &__tags {
border-bottom: 1px solid $gray-lighter; border-bottom: 1px solid $gray-lighter;
margin-bottom: 15px; margin-bottom: 15px;
.tag { .tag {
margin: 0 10px 15px 0; margin: 0 10px 15px 0;
} }
@ -511,6 +554,7 @@ a:active, a:focus, a:hover {
a { a {
color: $gray; color: $gray;
&:hover { &:hover {
color: #000; color: #000;
} }
@ -536,9 +580,11 @@ a:active, a:focus, a:hover {
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
li.current a { li.current a {
color: $red; color: $red;
} }
a { a {
display: block; display: block;
margin-top: -24px; margin-top: -24px;
@ -556,6 +602,7 @@ a:active, a:focus, a:hover {
content: ''; content: '';
border-radius: 50%; border-radius: 50%;
} }
&.current:before { &.current:before {
background-color: $red; background-color: $red;
} }
@ -570,6 +617,7 @@ a:active, a:focus, a:hover {
.comment { .comment {
max-width: 700px; max-width: 700px;
box-sizing: border-box; box-sizing: border-box;
&-body-ref { &-body-ref {
position: absolute; position: absolute;
left: 80px; left: 80px;
@ -659,6 +707,7 @@ a:active, a:focus, a:hover {
margin: 15px; margin: 15px;
min-width: 115px; min-width: 115px;
line-height: 22px; line-height: 22px;
&:hover { &:hover {
transform: scale(1.03); transform: scale(1.03);
} }
@ -741,8 +790,10 @@ a:active, a:focus, a:hover {
top: 70px; top: 70px;
width: 100%; width: 100%;
left: 0; left: 0;
li { li {
list-style: none; list-style: none;
a { a {
display: block; display: block;
line-height: 30px; line-height: 30px;

File diff suppressed because one or more lines are too long

View File

@ -20,9 +20,8 @@
* skin favoutite style * skin favoutite style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.2.0.0, Mar 22, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -317,6 +316,10 @@ img {
.vditor-reset { .vditor-reset {
line-height: 145%; line-height: 145%;
padding: 5px 0 0 5px; padding: 5px 0 0 5px;
&::-webkit-scrollbar {
display: none;
}
} }
.article-footer { .article-footer {

File diff suppressed because one or more lines are too long

View File

@ -20,7 +20,7 @@
* skin i-nove style * skin i-nove style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.1.0.0, Mar 22, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/reset"; @import "../../../scss/reset";
@ -33,7 +33,7 @@
} }
.user__site { .user__site {
margin-right: 10px ; margin-right: 10px;
} }
.left { .left {
@ -177,6 +177,7 @@ h5 {
#header-navi { #header-navi {
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #A6A6A6; border-bottom: 1px solid #A6A6A6;
ul { ul {
margin: 0; margin: 0;
} }
@ -329,6 +330,10 @@ h5 {
&--article { &--article {
padding-bottom: 7px; padding-bottom: 7px;
&::-webkit-scrollbar {
display: none;
}
} }
} }

File diff suppressed because one or more lines are too long

View File

@ -20,7 +20,7 @@
* skin metro-hot style * skin metro-hot style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.2.0.0, Mar 22, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/usite"; @import "../../../scss/usite";
@ -597,8 +597,10 @@ textarea {
line-height: 54px; line-height: 54px;
top: 5px; top: 5px;
width: 105px; width: 105px;
.icon-wechat { .icon-wechat {
position: relative; position: relative;
canvas { canvas {
position: absolute; position: absolute;
right: 43px; right: 43px;
@ -747,6 +749,10 @@ textarea {
word-break: break-all; word-break: break-all;
font-size: 14px; font-size: 14px;
word-wrap: break-word; word-wrap: break-word;
&::-webkit-scrollbar {
display: none;
}
} }
.main > .vditor-reset { .main > .vditor-reset {
@ -997,7 +1003,7 @@ pre.prettyprint {
.links-tile .text, .links-tile .text,
.archives-tile .text, .archives-tile .text,
.most-comment .text, .most-comment .text,
.most-view .text{ .most-view .text {
width: 580px; width: 580px;
} }

File diff suppressed because one or more lines are too long

View File

@ -20,7 +20,7 @@
* skin next style * skin next style
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.1.0.0, Mar 22, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/usite"; @import "../../../scss/usite";
@import "../../../scss/toc"; @import "../../../scss/toc";
@ -32,6 +32,7 @@
line-height: 16px; line-height: 16px;
border-bottom: 0; border-bottom: 0;
margin: 8px 5px 0 0; margin: 8px 5px 0 0;
svg { svg {
height: 16px; height: 16px;
width: 16px; width: 16px;
@ -552,6 +553,7 @@ img {
padding: 0; padding: 0;
font-size: 14px; font-size: 14px;
line-height: 2; line-height: 2;
li { li {
display: block; display: block;
} }
@ -742,10 +744,14 @@ img {
.vditor-reset { .vditor-reset {
text-align: justify; text-align: justify;
}
.vditor-reset p { &::-webkit-scrollbar {
display: none;
}
p {
margin: 0 0 25px 0; margin: 0 0 25px 0;
}
} }
/* end article */ /* end article */

File diff suppressed because one or more lines are too long

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 0.5.0.0, Mar 22, 2019 * @version 0.6.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/function"; @import "../../../scss/function";
@ -36,6 +36,7 @@ $black: #3d4450 !default;
.user__site { .user__site {
color: rgba(10, 10, 0, 0.7); color: rgba(10, 10, 0, 0.7);
&:hover { &:hover {
color: $red; color: $red;
} }
@ -51,8 +52,15 @@ a {
cursor: url(../images/pointer.cur), url(../images/pointer.cur), auto cursor: url(../images/pointer.cur), url(../images/pointer.cur), auto
} }
.vditor-reset img { .vditor-reset {
img {
vertical-align: sub; vertical-align: sub;
}
&::-webkit-scrollbar {
display: none;
}
} }
.ft__red { .ft__red {
@ -70,6 +78,7 @@ a {
&.item { &.item {
transform: translateY(30px); transform: translateY(30px);
transition: transform 2s cubic-bezier(.175, .885, .32, 1.275); transition: transform 2s cubic-bezier(.175, .885, .32, 1.275);
&--active { &--active {
transform: translate(0); transform: translate(0);
} }
@ -84,6 +93,7 @@ a {
padding: 15px; padding: 15px;
color: $black; color: $black;
display: block; display: block;
&:hover { &:hover {
background-color: #fff; background-color: #fff;
} }
@ -112,6 +122,7 @@ a {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
line-height: 20px; line-height: 20px;
a { a {
padding: 15px 15px; padding: 15px 15px;
display: block; display: block;
@ -130,6 +141,7 @@ a {
// form // form
.form { .form {
position: relative; position: relative;
&__input { &__input {
border: 1px solid $purple; border: 1px solid $purple;
height: 30px; height: 30px;
@ -159,18 +171,22 @@ a {
background-image: url(../images/background2.jpg); background-image: url(../images/background2.jpg);
animation-delay: 6s; animation-delay: 6s;
} }
&--2 { &--2 {
background-image: url(../images/background3.jpg); background-image: url(../images/background3.jpg);
animation-delay: 12s; animation-delay: 12s;
} }
&--3 { &--3 {
background-image: url(../images/background4.jpg); background-image: url(../images/background4.jpg);
animation-delay: 18s; animation-delay: 18s;
} }
&--4 { &--4 {
background-image: url(../images/background5.jpg); background-image: url(../images/background5.jpg);
animation-delay: 24s; animation-delay: 24s;
} }
&--5 { &--5 {
background-image: url(../images/background6.jpg); background-image: url(../images/background6.jpg);
animation-delay: 30s; animation-delay: 30s;
@ -329,6 +345,7 @@ a {
.breadcrumb { .breadcrumb {
color: $purple !important; color: $purple !important;
&:hover { &:hover {
color: $black !important; color: $black !important;
} }
@ -340,6 +357,7 @@ a {
color: #fff; color: #fff;
padding: 15px; padding: 15px;
margin-bottom: 30px; margin-bottom: 30px;
a { a {
color: $purple; color: $purple;
} }
@ -375,6 +393,7 @@ a {
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
font-weight: 500; font-weight: 500;
a { a {
color: rgba(10, 10, 0, 0.7); color: rgba(10, 10, 0, 0.7);
padding: 0 15px; padding: 0 15px;
@ -452,6 +471,7 @@ a {
// comment // comment
.comments { .comments {
position: relative; position: relative;
&__item { &__item {
border-radius: 5px; border-radius: 5px;
list-style: none; list-style: none;
@ -494,6 +514,7 @@ a {
a { a {
font-weight: 700; font-weight: 700;
color: $black; color: $black;
&:hover { &:hover {
color: $red; color: $red;
} }
@ -564,6 +585,7 @@ a {
.form { .form {
width: 100%; width: 100%;
input, input,
textarea { textarea {
border: 1px solid #d1d5da; border: 1px solid #d1d5da;
@ -615,6 +637,7 @@ a {
.article__relevant { .article__relevant {
margin-bottom: 30px; margin-bottom: 30px;
.module { .module {
height: 100%; height: 100%;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
@ -625,6 +648,7 @@ a {
@media (max-width: 768px) { @media (max-width: 768px) {
.mobile__hidden { .mobile__hidden {
display: none; display: none;
&.fn__none { &.fn__none {
display: block; display: block;
} }
@ -643,16 +667,19 @@ a {
.article-list { .article-list {
overflow: hidden; overflow: hidden;
.item { .item {
&__title { &__title {
font-size: 20px; font-size: 20px;
} }
&__date--m { &__date--m {
text-align: center; text-align: center;
margin-bottom: 10px; margin-bottom: 10px;
color: $black; color: $black;
display: block; display: block;
} }
&__date { &__date {
display: none; display: none;
} }
@ -758,6 +785,7 @@ a {
.article__relevant { .article__relevant {
display: block; display: block;
margin-bottom: 0; margin-bottom: 0;
.module { .module {
margin-bottom: 15px; margin-bottom: 15px;
} }

File diff suppressed because one or more lines are too long

View File

@ -29,13 +29,17 @@ Update: Dongxu Wang 2011-02-24
/* /*
* skin owmx-3.0 style * skin owmx-3.0 style
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.2.0.0, Mar 22, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
.vditor-reset--article { .vditor-reset--article {
padding-bottom: 10px; padding-bottom: 10px;
&::-webkit-scrollbar {
display: none;
}
} }
.left { .left {
@ -175,14 +179,17 @@ header .user__sites {
position: absolute; position: absolute;
right: 20px; right: 20px;
width: 396px; width: 396px;
.user__site { .user__site {
float: left; float: left;
margin-right: 8px; margin-right: 8px;
height: 20px; height: 20px;
color: #016f93; color: #016f93;
&:hover { &:hover {
color: #DB0202; color: #DB0202;
} }
svg { svg {
height: 20px; height: 20px;
width: 20px; width: 20px;

File diff suppressed because one or more lines are too long

View File

@ -19,12 +19,16 @@
* timeline skin style. * timeline skin style.
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a> * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 2.1.0.0, Mar 22, 2019 * @version 2.2.0.0, Jul 17, 2019
*/ */
@import "../../../scss/usite"; @import "../../../scss/usite";
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
.vditor-reset::-webkit-scrollbar {
display: none;
}
.article__toc { .article__toc {
padding-left: 0; padding-left: 0;
} }
@ -33,10 +37,12 @@
display: inline-block; display: inline-block;
height: 14px; height: 14px;
margin: 0 5px 0 0; margin: 0 5px 0 0;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
color: #363A3D; color: #363A3D;
} }
svg { svg {
height: 14px; height: 14px;
width: 14px; width: 14px;

File diff suppressed because one or more lines are too long

View File

@ -20,7 +20,7 @@
* 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.2.0.0, Mar 22, 2019 * @version 2.3.0.0, Jul 17, 2019
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/toc"; @import "../../../scss/toc";
@ -42,6 +42,7 @@
margin: 0 10px 10px 0; margin: 0 10px 10px 0;
background-color: rgba(255, 255, 255, 0.39); background-color: rgba(255, 255, 255, 0.39);
display: block; display: block;
&:hover { &:hover {
background: url(../images/bg-menu-active.png) repeat scroll -8px -8px transparent; background: url(../images/bg-menu-active.png) repeat scroll -8px -8px transparent;
text-decoration: none; text-decoration: none;
@ -299,6 +300,10 @@ img {
.vditor-reset { .vditor-reset {
margin: 0 12px; margin: 0 12px;
padding-bottom: 12px; padding-bottom: 12px;
&::-webkit-scrollbar {
display: none;
}
} }
.vditor-reset a, .article-abstract a { .vditor-reset a, .article-abstract a {

File diff suppressed because one or more lines are too long

View File

@ -21,18 +21,23 @@
* *
* @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.3.0.0, Mar 22, 2019 * @version 2.4.0.0, Jul 17, 2019
*/ */
@import "../../../scss/toc"; @import "../../../scss/toc";
@import "../../../scss/usite"; @import "../../../scss/usite";
@import "vditor/src/assets/scss/classic"; @import "vditor/src/assets/scss/classic";
.vditor-reset::-webkit-scrollbar {
display: none;
}
.user__sites { .user__sites {
position: absolute; position: absolute;
left: 10px; left: 10px;
right: 10px; right: 10px;
top: 27px; top: 27px;
text-align: center; text-align: center;
.user__site { .user__site {
svg { svg {
height: 20px; height: 20px;
@ -642,11 +647,13 @@ article .abstract a:hover {
position: relative; position: relative;
z-index: 12; z-index: 12;
} }
canvas { canvas {
position: absolute; position: absolute;
right: -54px; right: -54px;
top: 18px; top: 18px;
} }
span { span {
transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;
cursor: pointer; cursor: pointer;