init...
This commit is contained in:
@@ -0,0 +1,422 @@
|
||||
.limit-one-line
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
white-space: nowrap
|
||||
|
||||
.limit-more-line
|
||||
display: -webkit-box
|
||||
overflow: hidden
|
||||
-webkit-box-orient: vertical
|
||||
|
||||
.fontbold
|
||||
font-weight: bold
|
||||
|
||||
.anzhiyu-icon-spinner
|
||||
margin: 0
|
||||
width: 16px;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
if hexo-config('icons.fontawesome')
|
||||
.fontawesomeIcon
|
||||
display: inline-block
|
||||
font-weight: 600
|
||||
font-family: 'Font Awesome 6 Free'
|
||||
text-rendering: auto
|
||||
-webkit-font-smoothing: antialiased
|
||||
|
||||
.anzhiyufont
|
||||
font-family: "anzhiyufont";
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
.anzhiyufont::before
|
||||
font-family: "anzhiyufont" !important;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
// card hover
|
||||
.cardHover
|
||||
border-radius: 8px
|
||||
background: var(--card-bg)
|
||||
box-shadow: var(--card-box-shadow)
|
||||
transition: all .3s
|
||||
|
||||
.imgHover
|
||||
width: 100%
|
||||
height: 100%
|
||||
transition: filter 375ms ease-in .2s, transform .6s
|
||||
object-fit: cover
|
||||
|
||||
&:hover
|
||||
transform: scale(1.1)
|
||||
|
||||
.postImgHover
|
||||
&:hover
|
||||
img
|
||||
opacity: .8
|
||||
transform: scale(1.1)
|
||||
|
||||
img
|
||||
position: absolute
|
||||
width: 100%
|
||||
height: 100%
|
||||
opacity: .4
|
||||
transition: all .6s, filter 375ms ease-in .2s
|
||||
object-fit: cover
|
||||
border-radius: 0;
|
||||
|
||||
.list-beauty
|
||||
list-style: none
|
||||
|
||||
li
|
||||
position: relative
|
||||
padding: .12em .4em .12em 1.4em
|
||||
|
||||
&:hover
|
||||
&:before
|
||||
border-color: var(--pseudo-hover)
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
top: .67em
|
||||
left: 0
|
||||
width: w = .43em
|
||||
height: h = w
|
||||
border: .5 * w solid $light-blue
|
||||
border-radius: w
|
||||
background: transparent
|
||||
content: ''
|
||||
cursor: pointer
|
||||
transition: all .3s ease-out
|
||||
|
||||
schemeDark()
|
||||
@media (prefers-color-scheme: dark)
|
||||
{block}
|
||||
schemeLight()
|
||||
@media (prefers-color-scheme: light)
|
||||
{block}
|
||||
maxWidth500()
|
||||
@media screen and (max-width: 500px)
|
||||
{block}
|
||||
|
||||
maxWidth600()
|
||||
@media screen and (max-width: 600px)
|
||||
{block}
|
||||
|
||||
maxWidth768()
|
||||
@media screen and (max-width: 768px)
|
||||
{block}
|
||||
|
||||
minWidth768()
|
||||
@media screen and (min-width: 768px)
|
||||
{block}
|
||||
|
||||
maxWidth1200()
|
||||
@media screen and (max-width: 1200px)
|
||||
{block}
|
||||
|
||||
maxWidth1400()
|
||||
@media screen and (max-width: 1400px)
|
||||
{block}
|
||||
|
||||
maxWidth900()
|
||||
@media screen and (max-width: 900px)
|
||||
{block}
|
||||
|
||||
minWidth901()
|
||||
@media screen and (min-width: 901px)
|
||||
{block}
|
||||
|
||||
minWidth900()
|
||||
@media screen and (min-width: 900px)
|
||||
{block}
|
||||
|
||||
minWidth1200()
|
||||
@media screen and (min-width: 1200px)
|
||||
{block}
|
||||
minWidth2000()
|
||||
@media screen and (min-width: 2000px)
|
||||
{block}
|
||||
maxHeight680()
|
||||
@media screen and (max-height: 680px)
|
||||
{block}
|
||||
maxHeight580()
|
||||
@media screen and (max-height: 580px)
|
||||
{block}
|
||||
|
||||
.scroll-down-effects
|
||||
animation: scroll-down-effect 1.5s infinite
|
||||
.anzhiyu-spin
|
||||
display: inline-block
|
||||
transform-origin: 50% 50%;
|
||||
animation-name: anzhiyu-spin;
|
||||
animation-duration: var(--anzhiyu-animation-duration,2s);
|
||||
animation-iteration-count: var(--anzhiyu-animation-iteration-count,infinite);
|
||||
animation-timing-function: var(--anzhiyu-animation-timing,linear);
|
||||
|
||||
|
||||
.anzhiyu-pulse-icon
|
||||
animation: anzhiyu-pulse-animation 1s infinite linear;
|
||||
|
||||
.anzhiyu-shake:hover {
|
||||
animation: shake 0.8s;
|
||||
}
|
||||
|
||||
if hexo-config('avatar.effect') == true
|
||||
.avatar-img
|
||||
animation: avatar_turn_around 2s linear infinite
|
||||
|
||||
.reward-main
|
||||
animation: donate_effcet .3s .1s ease both
|
||||
|
||||
@keyframes anzhiyu-shake {
|
||||
0% { transform: translate(1px, 1px) rotate(0deg); }
|
||||
10% { transform: translate(-1px, -2px) rotate(-1deg); }
|
||||
20% { transform: translate(-3px, 0px) rotate(1deg); }
|
||||
30% { transform: translate(3px, 2px) rotate(0deg); }
|
||||
40% { transform: translate(1px, -1px) rotate(1deg); }
|
||||
50% { transform: translate(-1px, 2px) rotate(-1deg); }
|
||||
60% { transform: translate(-3px, 1px) rotate(0deg); }
|
||||
70% { transform: translate(3px, 1px) rotate(-1deg); }
|
||||
80% { transform: translate(-1px, -1px) rotate(1deg); }
|
||||
90% { transform: translate(1px, 2px) rotate(0deg); }
|
||||
100% { transform: translate(1px, -2px) rotate(-1deg); }
|
||||
}
|
||||
|
||||
@keyframes anzhiyu-pulse-animation {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes anzhiyu-spin
|
||||
0%
|
||||
transform: rotate(0deg);
|
||||
100%
|
||||
transform: rotate(1turn);
|
||||
|
||||
@keyframes scroll-down-effect
|
||||
0%
|
||||
top: 0
|
||||
opacity: .4
|
||||
|
||||
50%
|
||||
top: -16px
|
||||
opacity: 1
|
||||
|
||||
100%
|
||||
top: 0
|
||||
opacity: .4
|
||||
|
||||
@keyframes header-effect
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(-50px)
|
||||
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
@keyframes headerNoOpacity
|
||||
0%
|
||||
transform: translateY(-50px)
|
||||
|
||||
100%
|
||||
transform: translateY(0)
|
||||
|
||||
@keyframes bottom-top
|
||||
0%
|
||||
margin-top: 50px
|
||||
opacity: 0
|
||||
|
||||
100%
|
||||
margin-top: 0
|
||||
opacity: 1
|
||||
|
||||
@keyframes titleScale
|
||||
0%
|
||||
opacity: 0
|
||||
transform: scale(.7)
|
||||
|
||||
100%
|
||||
opacity: 1
|
||||
transform: scale(1)
|
||||
|
||||
@keyframes search_close
|
||||
0%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
100%
|
||||
opacity: 0
|
||||
transform: translateY(20px)
|
||||
|
||||
@keyframes to_show
|
||||
0%
|
||||
opacity: 0
|
||||
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@keyframes to_hide
|
||||
0%
|
||||
opacity: 1
|
||||
|
||||
100%
|
||||
opacity: 0
|
||||
|
||||
@keyframes ribbon_to_show
|
||||
0%
|
||||
opacity: 0
|
||||
|
||||
100%
|
||||
opacity: hexo-config('canvas_ribbon.alpha')
|
||||
|
||||
@keyframes avatar_turn_around
|
||||
from
|
||||
transform: rotate(0)
|
||||
|
||||
to
|
||||
transform: rotate(360deg)
|
||||
|
||||
@keyframes donate_effcet
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(-20px)
|
||||
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
@keyframes sidebarItem
|
||||
0%
|
||||
transform: translateX(200px)
|
||||
|
||||
100%
|
||||
transform: translateX(0)
|
||||
|
||||
@keyframes sidebarItem
|
||||
0%
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
100%
|
||||
transform: translateY(20px);
|
||||
opacity: 0;
|
||||
|
||||
@keyframes barrageIn {
|
||||
0% {
|
||||
transform: translateY(20px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes barrageOut {
|
||||
0% {
|
||||
transform: translateY(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(20px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes toLeftFull
|
||||
0%
|
||||
transform: translateX(200%)
|
||||
|
||||
100%
|
||||
transform: translateX(0)
|
||||
|
||||
@keyframes toRightFull
|
||||
0%
|
||||
transform: translateX(0)
|
||||
|
||||
100%
|
||||
transform: translateX(200%)
|
||||
|
||||
@keyframes breathe
|
||||
0%
|
||||
transform: scale(.97);
|
||||
50%
|
||||
transform: scale(1.1);
|
||||
100%
|
||||
transform: scale(.97);
|
||||
|
||||
@keyframes animate-in-and-out
|
||||
entry 0%
|
||||
opacity: 0.5;
|
||||
transform: scaleX(0.9);
|
||||
|
||||
entry 100%
|
||||
opacity: 1;
|
||||
transform: scaleX(1);
|
||||
|
||||
@keyframes header
|
||||
entry 0% {
|
||||
--anzhiyu-header-translateY: 160px
|
||||
--anzhiyu-header-info-scale: 0.7
|
||||
--anzhiyu-header-cover-scale: 1
|
||||
}
|
||||
|
||||
entry 100% {
|
||||
--anzhiyu-header-translateY: 0px
|
||||
--anzhiyu-header-info-scale: 1
|
||||
--anzhiyu-header-cover-scale: 2
|
||||
}
|
||||
exit 100% {
|
||||
--anzhiyu-header-translateY: 160px
|
||||
--anzhiyu-header-info-scale: 0.7
|
||||
--anzhiyu-header-cover-scale: 1
|
||||
}
|
||||
|
||||
exit 0% {
|
||||
--anzhiyu-header-translateY: 0px
|
||||
--anzhiyu-header-info-scale: 1
|
||||
--anzhiyu-header-cover-scale: 2
|
||||
}
|
||||
|
||||
@keyframes post-info-slide-in
|
||||
0%
|
||||
transform: scale(var(--anzhiyu-header-info-scale)) translateY(20px);
|
||||
opacity: 0;
|
||||
100%
|
||||
transform: scale(var(--anzhiyu-header-info-scale)) translateY(0);
|
||||
opacity: 1;
|
||||
|
||||
@property --anzhiyu-header-translateY
|
||||
syntax: "<length-percentage>";
|
||||
inherits: true;
|
||||
initial-value: 0px;
|
||||
|
||||
@property --anzhiyu-header-info-scale
|
||||
syntax: "<number>";
|
||||
inherits: true;
|
||||
initial-value: 1;
|
||||
|
||||
@property --anzhiyu-header-cover-scale
|
||||
syntax: "<number>";
|
||||
inherits: true;
|
||||
initial-value: 2;
|
||||
|
||||
@keyframes slide-in
|
||||
0%
|
||||
transform: translateY(20px);
|
||||
opacity: 0;
|
||||
100%
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
|
||||
@keyframes floating
|
||||
0%
|
||||
transform: translate(0,-4px);
|
||||
50%
|
||||
transform: translate(0,4px);
|
||||
100%
|
||||
transform: translate(0,-4px);
|
||||
@@ -0,0 +1,3 @@
|
||||
i.anzhiyu-icon-hashtag
|
||||
opacity: .6
|
||||
font-size: 13px
|
||||
@@ -0,0 +1,457 @@
|
||||
:root
|
||||
--animation-on: cubic-bezier(.6, .1, 0, 1);
|
||||
--animation-in: cubic-bezier(.6, .2, .25, 1);
|
||||
--animation-ot: opacity .5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards;
|
||||
--animation-otf: opacity .5s var(--animation-in) backwards, transform 1s var(--animation-in) backwards, filter .7s var(--animation-in) backwards;
|
||||
--global-font-size: $font-size
|
||||
--global-bg: $body-bg
|
||||
--font-color: $font-black
|
||||
--hr-border: lighten($theme-hr-color, 50%)
|
||||
--hr-before-color: lighten($theme-hr-color, 30%)
|
||||
--search-bg: $search-bg
|
||||
--search-input-color: $search-input-color
|
||||
--search-result-title: $search-result-title
|
||||
--preloader-bg: $preloader-bg
|
||||
--preloader-color: $preloader-word-color
|
||||
--tab-border-color: $tab-border-color
|
||||
--tab-botton-bg: $tab-botton-bg
|
||||
--tab-botton-color: $tab-botton-color
|
||||
--tab-button-hover-bg: $tab-button-hover-bg
|
||||
--tab-button-active-bg: $tab-button-active-bg
|
||||
--card-bg: $card-bg
|
||||
--sidebar-bg: $sidebar-background
|
||||
--btn-hover-color: $button-hover-color
|
||||
--btn-color: $button-color
|
||||
--btn-bg: $button-bg
|
||||
--text-bg-hover: rgba($text-bg-hover, .7)
|
||||
--light-grey: $light-grey
|
||||
--dark-grey: $dark-grey
|
||||
--white: $white
|
||||
--text-highlight-color: $text-highlight-color
|
||||
--blockquote-color: $blockquote-color
|
||||
--blockquote-bg: $blockquote-background-color
|
||||
--reward-pop: $reward-pop-up-bg
|
||||
--toc-link-color: $toc-link-color
|
||||
--card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .05)
|
||||
--card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, .09)
|
||||
--pseudo-hover: $pseudo-hover
|
||||
--headline-presudo: var(--anzhiyu-fontcolor)
|
||||
--scrollbar-color: $scrollbar-color
|
||||
--anzhiyu-snackbar-time: 2000ms;
|
||||
--anzhiyu-deep-purple: #405589;
|
||||
--anzhiyu-meta-theme-color: #f7f9fe;
|
||||
--anzhiyu-bar-background: var(--anzhiyu-main);
|
||||
--anzhiyu-theme-op: #4259ef23;
|
||||
--anzhiyu-card-bg-none: rgba(255, 255, 255, 0);
|
||||
--anzhiyu-main-op-deep: var(--anzhiyu-theme-op-deep) !important;
|
||||
--anzhiyu-gray-op: #9999992b;
|
||||
--anzhiyu-theme-top: var(--anzhiyu-theme);
|
||||
--anzhiyu-white: #fff;
|
||||
--anzhiyu-white-op: rgba(255, 255, 255, 0.2);
|
||||
--anzhiyu-black: #000;
|
||||
--anzhiyu-black-op: rgba(0, 0, 0, 0.2);
|
||||
--anzhiyu-none: rgba(0, 0, 0, 0);
|
||||
--anzhiyu-gray: #999999;
|
||||
--anzhiyu-yellow: #ffc93e;
|
||||
--anzhiyu-orange: #e38100;
|
||||
--anzhiyu-blue-hover: #5390e6;
|
||||
--anzhiyu-radius-full: 50px;
|
||||
--anzhiyu-radius: 8px;
|
||||
--anzhiyu-border-radius: 8px;
|
||||
--anzhiyu-main: var(--anzhiyu-theme);
|
||||
--anzhiyu-main-op: var(--anzhiyu-theme-op);
|
||||
--anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op);
|
||||
--anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op);
|
||||
--anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);
|
||||
--anzhiyu-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);
|
||||
--anzhiyu-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);
|
||||
--anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);
|
||||
--anzhiyu-shadow-red: 0 8px 12px -3px #ee7d7936;
|
||||
--anzhiyu-shadow-green: 0 8px 12px -3px #87ee7936;
|
||||
--anzhiyu-shadow-border: 0 8px 16px -4px #2c2d300c;
|
||||
--anzhiyu-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, 0.15);
|
||||
--anzhiyu-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);
|
||||
--anzhiyu-code-stress: var(--anzhiyu-main);
|
||||
--style-border: 1px solid var(--anzhiyu-card-border);
|
||||
--anzhiyu-blue-main: #425AEF;
|
||||
--style-border-hover: 1px solid var(--anzhiyu-main);
|
||||
--style-border-dashed: 1px dashed var(--anzhiyu-theme-op);
|
||||
--style-border-avatar: 5px solid var(--anzhiyu-white);
|
||||
--style-border-always: 1px solid var(--anzhiyu-card-border);
|
||||
--style-border-none: 1px solid transparent;
|
||||
--style-border-deep-ash: 1px solid #d0d7de;
|
||||
--style-border-hover-always: 1px solid var(--anzhiyu-main);
|
||||
--anzhiyu-main-none: #b8b8b800 !important;
|
||||
--anzhiyu-wihite-font: #fff
|
||||
|
||||
+schemeLight()
|
||||
--anzhiyu-meta-theme-post-color: #fff;
|
||||
--anzhiyu-meta-theme-color: #f7f9fe;
|
||||
--anzhiyu-theme-op-deep: #4259efdd;
|
||||
--global-bg: #f7f9fe;
|
||||
--anzhiyu-theme: $theme-color;
|
||||
--anzhiyu-theme-deep: #1856fb;
|
||||
--anzhiyu-theme-op: #4259ef23;
|
||||
--anzhiyu-blue: #5ca1ff;
|
||||
--anzhiyu-blue-tint: rgba(92, 161, 255, 0.1);
|
||||
--anzhiyu-red: #d8213c;
|
||||
--anzhiyu-pink: #ff7c7c;
|
||||
--anzhiyu-green: #57bd6a;
|
||||
--anzhiyu-fontcolor: #363636;
|
||||
--anzhiyu-background: #f7f9fe;
|
||||
--anzhiyu-reverse: #000;
|
||||
--anzhiyu-maskbg: rgba(255, 255, 255, 0.6);
|
||||
--anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);
|
||||
--anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--anzhiyu-hovertext: var(--anzhiyu-theme);
|
||||
--anzhiyu-ahoverbg: #f7f7fa;
|
||||
--anzhiyu-lighttext: var(--anzhiyu-main);
|
||||
--anzhiyu-secondtext: rgba(60, 60, 67, 0.8);
|
||||
--anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--anzhiyu-card-btn-bg: #edf0f7;
|
||||
--anzhiyu-post-blockquote-bg: #fafcff;
|
||||
--anzhiyu-post-tabs-bg: #f2f5f8;
|
||||
--anzhiyu-secondbg: #f7f7f9;
|
||||
--anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
|
||||
--anzhiyu-card-bg: #fff;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-card-border: #e3e8f7;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--anzhiyu-wihite-font: #fff
|
||||
|
||||
[data-theme="light"]
|
||||
--anzhiyu-meta-theme-post-color: #fff;
|
||||
--anzhiyu-meta-theme-color: #f7f9fe;
|
||||
--anzhiyu-theme-op-deep: #4259efdd;
|
||||
--global-bg: #f7f9fe;
|
||||
--anzhiyu-theme: $theme-color;
|
||||
--anzhiyu-theme-deep: #1856fb;
|
||||
--anzhiyu-theme-op: #4259ef23;
|
||||
--anzhiyu-blue: #5ca1ff;
|
||||
--anzhiyu-blue-tint: rgba(92, 161, 255, 0.1);
|
||||
--anzhiyu-red: #d8213c;
|
||||
--anzhiyu-pink: #ff7c7c;
|
||||
--anzhiyu-green: #57bd6a;
|
||||
--anzhiyu-fontcolor: #363636;
|
||||
--anzhiyu-background: #f7f9fe;
|
||||
--anzhiyu-reverse: #000;
|
||||
--anzhiyu-maskbg: rgba(255, 255, 255, 0.6);
|
||||
--anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);
|
||||
--anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--anzhiyu-hovertext: var(--anzhiyu-theme);
|
||||
--anzhiyu-ahoverbg: #f7f7fa;
|
||||
--anzhiyu-lighttext: var(--anzhiyu-main);
|
||||
--anzhiyu-secondtext: rgba(60, 60, 67, 0.8);
|
||||
--anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
|
||||
--anzhiyu-card-btn-bg: #edf0f7;
|
||||
--anzhiyu-post-blockquote-bg: #fafcff;
|
||||
--anzhiyu-post-tabs-bg: #f2f5f8;
|
||||
--anzhiyu-secondbg: #f7f7f9;
|
||||
--anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
|
||||
--anzhiyu-card-bg: #fff;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-card-border: #e3e8f7;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
|
||||
--anzhiyu-wihite-font: #fff
|
||||
|
||||
+schemeDark()
|
||||
--anzhiyu-meta-theme-post-color: #1d1e22;
|
||||
--anzhiyu-meta-theme-color: #000;
|
||||
--anzhiyu-blue: #5ca1ff;
|
||||
--anzhiyu-blue-tint: rgba(92, 161, 255, 0.1);
|
||||
--anzhiyu-theme-op-deep: #0084ffdd;
|
||||
--global-bg: #18171d;
|
||||
--anzhiyu-theme: $theme-dark-color;
|
||||
--anzhiyu-theme-deep: #0076e5;
|
||||
--anzhiyu-theme-op: #f2b94b23;
|
||||
--anzhiyu-blue: #0084ff;
|
||||
--anzhiyu-red: #ff3842;
|
||||
--anzhiyu-pink: #ff7c7c;
|
||||
--anzhiyu-green: #57bd6a;
|
||||
--anzhiyu-fontcolor: #f7f7fa;
|
||||
--anzhiyu-background: #18171d;
|
||||
--anzhiyu-reverse: #fff;
|
||||
--anzhiyu-maskbg: rgba(0, 0, 0, 0.6);
|
||||
--anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);
|
||||
--anzhiyu-hovertext: #0a84ff;
|
||||
--anzhiyu-ahoverbg: #fff;
|
||||
--anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
|
||||
--anzhiyu-lighttext: #f2b94b;
|
||||
--anzhiyu-secondtext: #a1a2b8;
|
||||
--anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
|
||||
--anzhiyu-card-btn-bg: #30343f;
|
||||
--anzhiyu-post-blockquote-bg: #000;
|
||||
--anzhiyu-post-tabs-bg: #121212;
|
||||
--anzhiyu-secondbg: #21232a;
|
||||
--anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
|
||||
--anzhiyu-card-bg: #1d1e22;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-card-border: #42444a;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--anzhiyu-wihite-font: #f6f6f6
|
||||
|
||||
[data-theme="dark"]
|
||||
--anzhiyu-meta-theme-post-color: #1d1e22;
|
||||
--anzhiyu-meta-theme-color: #000;
|
||||
--anzhiyu-blue: #5ca1ff;
|
||||
--anzhiyu-blue-tint: rgba(92, 161, 255, 0.1);
|
||||
--anzhiyu-theme-op-deep: #0084ffdd;
|
||||
--global-bg: #18171d;
|
||||
--anzhiyu-theme: $theme-dark-color;
|
||||
--anzhiyu-theme-deep: #0076e5;
|
||||
--anzhiyu-theme-op: #f2b94b23;
|
||||
--anzhiyu-blue: #0084ff;
|
||||
--anzhiyu-red: #ff3842;
|
||||
--anzhiyu-pink: #ff7c7c;
|
||||
--anzhiyu-green: #57bd6a;
|
||||
--anzhiyu-fontcolor: #f7f7fa;
|
||||
--anzhiyu-background: #18171d;
|
||||
--anzhiyu-reverse: #fff;
|
||||
--anzhiyu-maskbg: rgba(0, 0, 0, 0.6);
|
||||
--anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);
|
||||
--anzhiyu-hovertext: #0a84ff;
|
||||
--anzhiyu-ahoverbg: #fff;
|
||||
--anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
|
||||
--anzhiyu-lighttext: #f2b94b;
|
||||
--anzhiyu-secondtext: #a1a2b8;
|
||||
--anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
|
||||
--anzhiyu-card-btn-bg: #30343f;
|
||||
--anzhiyu-post-blockquote-bg: #000;
|
||||
--anzhiyu-post-tabs-bg: #121212;
|
||||
--anzhiyu-secondbg: #21232a;
|
||||
--anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
|
||||
--anzhiyu-card-bg: #1d1e22;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
|
||||
--anzhiyu-card-border: #42444a;
|
||||
--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
|
||||
--anzhiyu-wihite-font: #f6f6f6
|
||||
|
||||
body
|
||||
position: relative
|
||||
min-height: 100%
|
||||
background: var(--global-bg)
|
||||
color: var(--font-color)
|
||||
font-size: var(--global-font-size)
|
||||
font-family: $font-family
|
||||
line-height: $text-line-height
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
|
||||
if !hexo-config('copy.enable')
|
||||
user-select: none
|
||||
|
||||
// scrollbar - chrome/safari
|
||||
*::-webkit-scrollbar
|
||||
width: 6px
|
||||
height: 6px
|
||||
|
||||
*::-webkit-scrollbar-thumb
|
||||
background: var(--scrollbar-color)
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
|
||||
*::-webkit-scrollbar-track
|
||||
background-color: transparent
|
||||
|
||||
::-webkit-scrollbar-corner
|
||||
background-color: transparent;
|
||||
|
||||
|
||||
// scrollbar - firefox
|
||||
*
|
||||
scrollbar-width: thin
|
||||
scrollbar-color: var(--scrollbar-color) transparent
|
||||
|
||||
input::placeholder
|
||||
color: var(--font-color)
|
||||
|
||||
#web_bg
|
||||
position: fixed
|
||||
z-index: -999
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
transform: rotate(-1deg);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
background: var(--anzhiyu-background)
|
||||
background-attachment: local
|
||||
background-position: center
|
||||
background-size: cover
|
||||
background-repeat: no-repeat
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
position: relative
|
||||
margin: 20px 0 14px
|
||||
color: var(--text-highlight-color)
|
||||
font-weight: bold
|
||||
|
||||
code
|
||||
font-size: inherit !important
|
||||
|
||||
*
|
||||
box-sizing: border-box
|
||||
|
||||
hr
|
||||
position: relative
|
||||
margin: 40px auto
|
||||
border: 2px dashed var(--hr-border)
|
||||
|
||||
if hexo-config('hr_icon.enable')
|
||||
width: calc(100% - 4px)
|
||||
|
||||
&:hover
|
||||
&:before
|
||||
left: calc(95% - 20px)
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
top: $hr-icon-top
|
||||
left: 5%
|
||||
z-index: 1
|
||||
color: var(--hr-before-color)
|
||||
content: $hr-icon
|
||||
font-size: 16px
|
||||
line-height: 1
|
||||
transition: all 1s ease-in-out
|
||||
if hexo-config('icons.fontawesome')
|
||||
@extend .fontawesomeIcon
|
||||
else
|
||||
@extend .anzhiyufont
|
||||
|
||||
html
|
||||
overflow-y: overlay;
|
||||
.table-wrap
|
||||
overflow-x: scroll
|
||||
margin: 1rem 0;
|
||||
border-radius: 8px;
|
||||
|
||||
table
|
||||
display: table
|
||||
width: 100%
|
||||
border-spacing: 0
|
||||
border-collapse: collapse
|
||||
empty-cells: show
|
||||
if hexo-config('table_interlaced_discoloration')
|
||||
tr:nth-child(even)
|
||||
background-color: var(--anzhiyu-secondbg);
|
||||
thead
|
||||
background: var(--anzhiyu-secondbg);
|
||||
|
||||
th,
|
||||
td
|
||||
padding: 0.3rem 0.6rem;
|
||||
vertical-align: middle
|
||||
border: var(--style-border-always);
|
||||
|
||||
*::selection
|
||||
background: $theme-text-selection-color
|
||||
color: #F7F7F7
|
||||
|
||||
button
|
||||
padding: 0
|
||||
outline: 0
|
||||
border: none
|
||||
background: none
|
||||
cursor: pointer
|
||||
touch-action: manipulation
|
||||
|
||||
a
|
||||
color: $a-link-color
|
||||
text-decoration: none
|
||||
word-wrap: break-word
|
||||
transition: all 0.2s ease 0s;
|
||||
overflow-wrap: break-word
|
||||
|
||||
&:hover
|
||||
color: $light-blue
|
||||
|
||||
// font
|
||||
if $site-name-font
|
||||
#site-title,
|
||||
#site-subtitle,
|
||||
#site-name,
|
||||
#aside-content .author-info__name,
|
||||
#aside-content .author-info__description
|
||||
font-family: $site-name-font
|
||||
|
||||
.is-center
|
||||
text-align: center
|
||||
|
||||
.copy-true
|
||||
user-select: all
|
||||
|
||||
.pull-left
|
||||
float: left
|
||||
|
||||
.pull-right
|
||||
float: right
|
||||
|
||||
img
|
||||
&[src=''],
|
||||
&:not([src])
|
||||
opacity: 0
|
||||
|
||||
// lazyload blur
|
||||
if hexo-config('lazyload.enable') && hexo-config('lazyload.blur') && !hexo-config('lazyload.placeholder')
|
||||
img
|
||||
&[data-lazy-src]:not(.loaded)
|
||||
filter: blur(8px) brightness(1)
|
||||
|
||||
&[data-lazy-src].error
|
||||
filter: none
|
||||
opacity 1 !important
|
||||
|
||||
// lazyload progressive
|
||||
if hexo-config('lazyload.enable') && hexo-config('lazyload.progressive') && !hexo-config('lazyload.placeholder')
|
||||
img
|
||||
&[data-lazy-src]:not(.loaded)
|
||||
opacity: 0;
|
||||
img[src=''], img:not([src])
|
||||
opacity 0
|
||||
.img-alt
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
margin-top: 8px;
|
||||
color: var(--anzhiyu-secondtext);
|
||||
|
||||
&:hover
|
||||
text-decoration: none !important
|
||||
|
||||
blockquote
|
||||
margin: 0 0 20px
|
||||
padding: 12px 15px
|
||||
border-left: 3px solid $blockquote-padding-color
|
||||
background-color: var(--blockquote-bg)
|
||||
color: var(--blockquote-color)
|
||||
|
||||
footer
|
||||
cite
|
||||
&:before
|
||||
padding: 0 5px
|
||||
content: '—'
|
||||
|
||||
& > :last-child
|
||||
margin-bottom: 0 !important
|
||||
.time_hidden
|
||||
display: none!important
|
||||
#single_top
|
||||
padding: 1.875rem 1.5rem 0
|
||||
max-width: 1400px
|
||||
width 100%
|
||||
margin 0 auto
|
||||
& + #content-inner
|
||||
+maxWidth768()
|
||||
padding:1.875rem 0rem 0
|
||||
@@ -0,0 +1,50 @@
|
||||
if hexo-config('preloader')
|
||||
.loading-bg
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: var(--anzhiyu-card-bg);
|
||||
z-index: 1001;
|
||||
opacity: 1;
|
||||
overflow hidden
|
||||
transition: 0.2s;
|
||||
animation: showLoading 0.3s 0s backwards;
|
||||
&::-webkit-scrollbar
|
||||
display: none
|
||||
|
||||
#loading-box
|
||||
user-select none
|
||||
.loading-img
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 50%;
|
||||
margin: auto;
|
||||
border: 4px solid #f0f0f2;
|
||||
animation-duration: 0.2s;
|
||||
animation-name: loadingAction;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
.loading-image-dot
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #6bdf8f;
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
border: 6px solid #fff;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(18px, 24px);
|
||||
&.loaded
|
||||
.loading-bg
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
|
||||
@keyframes loadingAction
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .4;
|
||||
}
|
||||
Reference in New Issue
Block a user