KivotosRailway/website
1
0
Fork 0
mirror of https://github.com/KivotosRailway/website.git synced 2026-11-03 19:07:56 +09:00
Code Issues Packages Projects Releases Wiki Activity

Add solitude

Browse Source
This commit is contained in:
IF-chan
2024-07-05 21:01:19 +08:00
parent 26d71c4fbc
commit 71758b9fce
289 changed files with 23277 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/solitude/source/css/_comments/comment.styl
+170
View File
@@ -0,0 +1,170 @@
#post-comment
.comment-head
.comment-headline
display inline-block
vertical-align middle
font-weight 700
font-size 20px
#comment-switch
display inline-block
float right
margin .1rem auto 0
padding .2rem .8rem
width max-content
border-radius 5px
background #f6f8fa
.first-comment
color #307af6
.second-comment
color #ff7242
.switch-btn
position relative
display inline-block
margin -4px .4rem 0
width 42px
height 22px
border-radius 34px
background-color #307af6
vertical-align middle
cursor pointer
transition all .4s ease 0s
&::before
position absolute
bottom 4px
left 4px
width 14px
height 14px
border-radius 50%
background-color #fff
content ""
transition all .4s ease 0s
&.move
background-color #ff7242
&::before
transform translateX(20px)
.post-comment
background var(--efu-card-bg)
div#post-comment
margin-top 2rem
#post-comment
> div.comment-head
> div.comment-privacy
display block
justify-content space-between
margin-left 8px
font-size 13px
> div.comment-privacy
a:hover
color var(--efu-main)
blockquote
background var(--efu-secondbg)
border var(--style-border)
box-shadow none
margin 0 0 .5rem
font-size .6rem
color var(--efu-secondtext)
border-radius 8px
if hexo-config('comment.use')[1]
&.move
if hexo-config('comment.count')
.comment-head
.count span:first-child
display none
.count span:last-child
display inline-block
#switch-btn::before
transform translateX(20px)
.comment-wrap
> div:first-child
display none
> div:last-child
display block
animation 0.5s ease 0s 1 normal none running tabshow
.comment-head
font-size .8em
margin-bottom .5rem
position relative
if hexo-config('comment.use')[1]
.count span:last-child
display none
.comment-switch
display inline-block
float right
margin 2px auto 0
padding 4px 16px
width max-content
user-select none
#switch-btn
position relative
display inline-block
margin 0 8px 0
width 42px
height 22px
border-radius 34px
background-color var(--efu-main)
vertical-align middle
cursor pointer
transition .4s
border var(--style-border-always)
&::before
position absolute
bottom 3px
left 4px
width 14px
height 14px
border-radius 50%
background-color #fff
content ''
transition .4s
if hexo-config('comment.use')[1]
.comment-wrap
> div:last-child
display none
> div:first-child
animation 0.5s ease 0s 1 normal none running tabshow
#owo-big
position fixed
align-items center
background-color var(--efu-card-bg)
border var(--style-border-always)
border-radius 10px
z-index 9999
max-width 142px
display none
transform translate(0, -105%)
overflow hidden
animation owoIn .3s cubic-bezier(.42, 0, .3, 1.11)
padding 1rem
+maxWidth768()
display none !important
if hexo-config('twikoo.style') && 'Twikoo' in hexo-config('comment.use')
@import 'twikoo.styl'
if hexo-config('valine.style') && 'Valine' in hexo-config('comment.use')
@import 'valine.styl'
themes/solitude/source/css/_comments/twikoo.styl
+516
View File
@@ -0,0 +1,516 @@
#twikoo
.tk-submit
margin-top 0
.tk-admin-config-group-title
margin-top 0
line-height normal
.tk-row
.tk-col
flex-direction column-reverse !important
> div.tk-comments
> div.tk-comments-container
> div.tk-comments-title
> span:nth-child(1)
display none !important
> div.tk-submit
> div.tk-row.actions
> a
display none !important
.tk-meta
display flex
align-items center
.twikoo-info
color var(--efu-secondtext)
.tk-action
.tk-action-link:first-child
display none
.tk-action-link
color var(--efu-lighttext) !important
cursor pointer
user-select none
padding 0 12px 0 12px
transition all .3s
border-radius 8px
background-color var(--efu-secondbg)
border var(--style-border-always)
&:hover
background-color var(--efu-lighttext)
color var(--efu-card-bg) !important
.tk-action-icon svg
fill var(--efu-card-bg) !important
.tk-action-icon
svg
transition all .3s
fill var(--efu-lighttext) !important
.tk-content
img
border-radius 12px
.tk-avatar
width 32px !important
height 32px !important
box-shadow var(--efu-shadow-border)
margin-right 16px !important
&.tk-has-avatar
width 32px !important
height 32px !important
border-radius 32px !important
.tk-row
.tk-avatar
display none
.tk-avatar
.tk-avatar-img:hover
transform rotate(360deg)
.tk-nick
font-size 1rem !important
line-height 32px
#page
.tk-meta-input
.el-input
box-shadow var(--efu-shadow-border)
.el-loading-mask
background-color none !important
.tk-tag
margin-left 4px
.tk-tag-green
border-radius 4px !important
border 0 solid #e1f3d8 !important
font-size .5rem !important
[data-theme=dark]
.tk-tag-green
background-color #67c23a21 !important
.tk-tag-yellow
border-radius 4px !important
border 0 solid #e1f3d8 !important
font-size .5rem !important
[data-theme=dark]
.tk-tag-green
background-color #c0c23a21 !important
.tk-tag-red
border-radius 4px !important
border 0 solid #f3d8d8 !important
font-size .5rem !important
[data-theme=dark]
.tk-tag-red
background-color #c23a3a21 !important
.tk-submit-action-icon.__markdown
display none
.tk-comments
.el-button--primary
border-color var(--efu-fontcolor) !important
color var(--efu-card-bg) !important
border-radius 12px !important
box-shadow var(--efu-shadow-black)
transition .3s
width 5rem
position absolute
top -44px
right 0
margin-left .5rem !important
height 34px
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover
opacity .2
.tk-row-actions-start
position absolute
top -84px
left 17px
@media screen and (max-width: 768px)
.tk-submit
.el-button--primary
width 5rem
height 122px
top -132px
.tk-row-actions-start
top -170px
.tk-comments-title
position absolute
bottom 0
left 0
.tk-extras
margin-top .5rem
padding-bottom .5rem
.tk-icon.__comments:first-child
display none
.tk-icon.__comments
margin-left 0 !important
.tk-row.actions
margin-bottom 0 !important
margin-left 0 !important
margin-top 0 !important
justify-content space-around !important
.tk-meta-input
position relative !important
margin-top 8px
width calc(100% - 5.5rem)
.tk-content
.tk-owo-emotion
width 3em
margin 0 2px 0 2px
.tk-owo-emotion,
.twikoo
.OwO-item
img
pointer-events none
.tk-extra
background var(--efu-card-bg)
border var(--style-border-always)
padding 1px 5px 1px 2px
border-radius 8px
margin-right 4px !important
color var(--efu-secondtext) !important
display inline !important
margin-top 6px !important
font-size .5rem
.tk-extra
.tk-icon
display none
.tk-expand
background var(--efu-card-bg) !important
color var(--efu-fontcolor) !important
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
border-radius 12px
user-select none
&:hover
background var(--efu-theme) !important
color var(--efu-white) !important
.tk-time
color var(--efu-secondtext) !important
font-size .6rem
margin-left .5rem
.tk-comments-container
> .tk-comment
margin-top 0!important
margin-bottom 0.5rem!important
background var(--efu-card-bg)
transition .3s
border-radius 12px
padding 0
padding-top 0.5rem
border none
border-top var(--style-border-dashed)
#page
.tk-comments-container
> .tk-comment
padding 1rem 1rem 1.5rem
border var(--style-border)
border-top var(--style-border)
box-shadow var(--efu-shadow-border)
@media screen and (max-width: 768px)
.tk-comments-container
> .tk-comment
padding 1rem
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
.tk-icon.__comments
left .5rem
.tk-icon
position absolute
.tk-comments-no
display none !important
.tk-comments-container
min-height 0 !important
.tk-replies
> .tk-comment
background var(--efu-card-bg)
border-top var(--style-border-dashed)
border-radius 12px
transition .3s
padding 1rem 0 0
margin-top 0
.tk-content
p
margin 0 !important
pre
code
kbd
samp
font-family ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
pre
background var(--efu-secondbg)
padding .5rem
margin 0.5rem 0
overflow auto
border-radius 0.5em
+maxWidth768()
max-width 90%
.tk-replies
.tk-content
span:first-child
font-size .5rem
color var(--efu-secondtext)
.tk-meta-input
.el-input
.el-input-group__prepend
box-shadow none
border-radius 12px 0 0 12px
user-select none
@media screen and (max-width: 768px)
.tk-meta-input
.el-input
.el-input-group__prepend
padding 0 .3rem !important
.tk-meta-input
display flex
flex-direction column
top 0
position inherit !important
.tk-meta-input
.el-input
margin-left 0 !important
width 100% !important
.tk-icon
position absolute
right 0
img.tk-avatar-img
height 32px !important
border-radius 32px
border var(--style-border-always)
.el-input--small
.el-input__inner
padding 8px
.el-input__inner, .el-textarea__inner
border-radius 12px
.el-input.el-input--small.el-input-group.el-input-group--prepend
border-radius 12px
background var(--efu-secondbg)
border var(--style-border-always)
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before
content '输入QQ号会自动获取昵称和头像'
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before
content '收到回复将会发送到你的邮箱'
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before
content '可以通过昵称访问你的网站'
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before
display block
animation commonTipsIn .3s
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after
display block
animation commonTriangleIn .3s
.el-input.el-input--small.el-input-group.el-input-group--prepend::before
display none
position absolute
top -60px
white-space nowrap
border-radius 10px
left 50%
transform translate(-50%)
padding 14px 18px
background #444
color #fff
z-index 100
.el-input.el-input--small.el-input-group.el-input-group--prepend::after
display none
content ''
position absolute
border 12px solid transparent
border-top-color #444
left 50%
transform translate(-50%, -46px)
.el-input-group__append, .el-input-group__prepend
background-color var(--efu-card-bg) !important
color var(--efu-fontcolor) !important
border 0 !important
font-weight 700
.el-input__inner
background var(--efu-secondbg) !important
border 0 !important
color var(--efu-fontcolor) !important
padding-left 8px
height 32px
line-height 32px
border-radius 12px
.page
.el-input__inner
background var(--efu-card-bg) !important
.el-input__inner:focus
border none
.el-textarea__inner
background var(--efu-secondbg) !important
color var(--efu-fontcolor) !important
border-radius 12px !important
min-height 100px !important
padding 16px 16px 40px 16px !important
border var(--style-border-always) !important
box-shadow none !important
@media screen and (max-width: 768px)
.el-textarea__inner
background var(--efu-card-bg) !important
#page
.el-textarea__inner
background var(--efu-card-bg) !important
box-shadow var(--efu-shadow-border)
.el-textarea__inner:focus
border var(--style-border-hover-always) !important
box-shadow var(--efu-shadow-main)
.el-button
background-color var(--efu-fontcolor) !important
border 0 solid var(--efu-main) !important
color var(--efu-background) !important
border-radius 8px !important
.el-button:hover
background var(--efu-black) !important
color var(--efu-white) !important
.el-button.tk-preview
display none !important
button.el-button.tk-cancel.el-button--default.el-button--small
background var(--efu-secondbg) !important
border-radius 8px !important
color var(--efu-fontcolor) !important
.OwO
&.OwO-open
.OwO-body
animation .3s ease .1s 1 normal both running donate_effcet
.OwO-body
z-index 102
width 500px
border var(--style-border-always) !important
border-radius 8px !important
overflow hidden
background-color var(--efu-maskbg) !important
backdrop-filter saturate(180%) blur(10px)
-webkit-backdrop-filter blur(10px)
transform translateZ(0)
+maxWidth768()
width 300px
.OwO-bar
border-top none !important
.OwO-packages
li
margin-right 0 !important
height 48px
transition .3s
li:hover
transition .3s
.OwO-items
.OwO-item:hover
box-shadow var(--efu-shadow-lightblack) !important
border-radius 8px
#twikoo > div.tk-comments > div.tk-submit > div.tk-row.actions > div > div.tk-action-icon.OwO.OwO-open > div.OwO-body > div > ul > li > span
line-height 48px
font-size 28px
.OwO-packages
background var(--efu-background)
padding-left 8px !important
.OwO
.OwO-body
.OwO-bar
.OwO-packages
.OwO-package-active
background var(--efu-secondbg) !important
.OwO-items-show
margin 12px 8px !important
min-height 197px
.OwO-bar
.OwO-packages
li
line-height 45px !important
.tk-replies
.tk-content
margin-top 0 !important
.el-input-group--prepend
.el-input__inner, .el-input-group__append
border-left-width 0 !important
.el-textarea .el-input__count
color var(--efu-secondtext) !important
user-select none
themes/solitude/source/css/_comments/valine.styl
+250
View File
@@ -0,0 +1,250 @@
#vcomment
.vcount
display none !important
.vpreview-btn
display none
.vemoji-btn
position absolute
bottom 4.5px
left 50px
.vpanel
display flex
flex-direction column
position relative
.vemojis
display: none;
position: absolute;
left: 0;
right: 0;
max-width: 500px;
color: #4a4a4a;
border: 1px solid rgba(144, 147, 153, 0.31);
top: 6.7rem
z-index: 1000;
animation: .3s ease .1s 1 normal both running donate_effcet
width: 500px;
border: var(--style-border-always)
border-radius: 8px !important;
overflow: hidden;
background-color: var(--efu-maskbg)
backdrop-filter: saturate(180%) blur(10px);
transform: translateZ(0);
overflow-y: auto;
padding: 10px;
+maxWidth768()
max-width 300px
.vwrap
flex 1
display flex
border none !important
padding 0
overflow: inherit;
flex-direction column-reverse
margin-bottom 0
.vheader
display flex
margin .5rem 0
position relative
width calc(100% - 5.5rem)
gap .5rem
+maxWidth768()
flex-direction column
input
border-radius 12px
width calc((100% - 1rem) / 3)
flex 1
position relative
font-size 13px
background var(--efu-secondbg)
border var(--style-border-always)
padding 6px 10px
line-height 1
+maxWidth768()
width 100%
.vquote
.vcard
background: var(--efu-card-bg);
border none
border-top: var(--style-border-dashed);
border-radius: 12px;
transition: .3s;
padding: 1rem 0 0;
margin-top: 0;
box-shadow: none;
.vreply-wrapper
.vrow .vcol:first-child
bottom 78px
+maxWidth768()
bottom 164px
.vrow .vcol.text-right:not(.vctrl)
bottom 31px
+maxWidth768()
bottom 117px
.cancel-reply
display flex !important
flex-direction row
justify-content center
margin 0
.cancel-reply-btn
position inherit
.vrow
padding 0
.vcol
position absolute
&:first-child
bottom 56px
left 20px
width auto
+maxWidth768()
bottom 141px
&.text-right:not(.vctrl)
bottom 9px
right 0
transition .3s
border 0 solid var(--efu-main)
width 5rem
margin-left .5rem
border-radius 12px
height 34px
+maxWidth768()
bottom 94px
button
background-color var(--efu-fontcolor)
width 100%
height 100%
color var(--efu-card-bg)
border-radius 12px
opacity .2
+maxWidth768()
height 119px
svg
width 18px
height 18px
#veditor
display block
padding 16px 16px 40px 16px
line-height 1.5
width 100%
font-size 14px
background var(--efu-secondbg)
color var(--efu-fontcolor)
border-radius 12px
min-height 121px
border var(--style-border-always)
&:focus
border var(--style-border-hover-always)
box-shadow var(--efu-shadow-main)
.vcard
margin-top: 0
margin-bottom: .5rem
background: var(--efu-card-bg);
transition: .3s;
border-radius: 12px;
padding: 0;
padding-top: .5rem;
border: none;
border-top: var(--style-border-dashed);
display: flex;
flex-direction: row;
word-break: break-all;
+maxWidth768()
padding: 1rem;
border: var(--style-border-always);
box-shadow: var(--efu-shadow-border)
.vimg
width 32px
height 32px
border-radius 32px
cursor pointer
margin-right 16px
&:hover
transform: rotate(360deg)
.vh
flex 1
padding 0
border 0
overflow visible
.vhead
display flex
align-items center
gap: 5px;
.vnick
font-size 1rem
line-height 32px
margin-right 0
.vsys
background: var(--efu-card-bg);
border: var(--style-border-always);
padding: 3px 5px
border-radius: 8px;
color: var(--efu-secondtext)
display: inline
font-size: .5rem;
.vat
display: flex;
align-items: center;
color: var(--efu-lighttext)
padding: 3px 12px
transition: all .3s;
border-radius: 8px;
background-color: var(--efu-secondbg);
border: var(--style-border-always);
position: absolute;
right: 0;
bottom: 18px
&:hover
background-color: var(--efu-lighttext)
color: var(--efu-card-bg)
.vquote
border-left none
.vicon.actived
fill var(--efu-main)
#page
.vcard
padding: 1rem 1rem 1.5rem;
border: var(--style-border);
border-top: var(--style-border);
box-shadow: var(--efu-shadow-border);
themes/solitude/source/css/_global/animation.styl
+313
View File
@@ -0,0 +1,313 @@
@keyframes barrageIn
0%
transform translateY(20px)
opacity 0
100%
transform translateY(0)
opacity 1
@keyframes barrageOut
0%
transform translateY(0)
opacity 1
100%
transform translateY(20px)
opacity 0
@keyframes scroll-down-effect
0%
top 0
opacity .4
50%
top -16px
opacity 1
filter none
100%
top 0
opacity .4
@keyframes header-effect
0%
opacity 0
transform translateY(-50px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes headerNoOpacity
0%
transform translateY(-50px)
100%
transform translateY(0)
@keyframes bottom-top
0%
opacity 0
margin-top 50px
100%
opacity 1
filter none
margin-top 0
@keyframes titlescale
0%
opacity 0
transform scale(.7)
100%
opacity 1
filter none
transform scale(1)
@keyframes search_close
0%
transform translateY(0)
opacity 1
100%
transform translateY(20px)
opacity 0
@keyframes to_show
0%
opacity 0
100%
opacity 1
filter none
@keyframes to_hide
0%
opacity 1
filter none
100%
opacity 0
@keyframes ribbon_to_show
0%
opacity 0
100%
opacity .6
@keyframes avatar_turn_around
0%
transform rotate(0)
100%
transform rotate(360deg)
@keyframes sub_menus
0%
opacity 0
transform translateY(10px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes donate_effcet
0%
opacity 0
transform translateY(-20px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes announ_animation
0%, 100%
transform scale(1)
filter blur(0)
50%
transform scale(1.2)
filter blur(20px)
@keyframes sidebarItem
0%
transform translateX(200px)
100%
transform translateX(0)
@keyframes st-spin
0%
transform rotate(0)
100%
transform rotate(360deg)
@keyframes code-expand-key
0%
opacity .6
50%
opacity .1
100%
opacity .6
@keyframes slide-in
from
transform translateY(20px)
opacity 0
to
transform translateY(0)
opacity 1
@keyframes slide-in-op
from
opacity 0
to
opacity 1
@keyframes more-btn-move
0%, 100%
transform translateX(0)
50%
transform translateX(3px)
@keyframes toc-open
0%
transform scale(.7)
100%
transform scale(1)
@keyframes toc-close
0%
transform scale(1)
100%
transform scale(.7)
@keyframes configure-clockwise
0%
transform rotate(0)
25%
transform rotate(90deg)
50%
transform rotate(180deg)
75%
transform rotate(270deg)
100%
transform rotate(360deg)
@keyframes configure-xclockwise
0%
transform rotate(45deg)
25%
transform rotate(-45deg)
50%
transform rotate(-135deg)
75%
transform rotate(-225deg)
100%
transform rotate(-315deg)
@keyframes tabshow
0%
transform translateY(15px)
100%
transform translateY(0)
@keyframes snackbar-progress
from
width 0
to
width 100%
@keyframes move-forever
0%
transform translate3d(-90px, 0, 0)
100%
transform translate3d(85px, 0, 0)
@keyframes rowup
from
transform translateY(0)
to
transform translateY(-50%)
@keyframes rowleft
from
transform translateX(0)
to
transform translateX(-50%)
@keyframes gradient
0%
background-position 0 50%
50%
background-position 100% 50%
100%
background-position 0 50%
@keyframes commonTipsIn
0%
top -50px
opacity 0
100%
top -60px
opacity 1
@keyframes commonTriangleIn
0%
transform translate(-50%, -36px)
opacity 0
100%
transform translate(-50%, -46px)
opacity 1
@keyframes owoIn
0%
transform translate(0, -95%)
opacity 0
100%
transform translate(0, -105%)
opacity 1
@keyframes light_tag
0%
transform skewx(0)
-o-transform skewx(0)
-moz-transform skewx(0)
-webkit-transform skewx(0)
left -150px
99%
transform skewx(-25deg)
-o-transform skewx(-25deg)
-moz-transform skewx(-25deg)
-webkit-transform skewx(-25deg)
left 50px
@keyframes floating
0%
transform translate(0, -4px)
50%
transform translate(0, 4px)
100%
transform translate(0, -4px)
@media screen and (min-width: 768px)
@keyframes showCover
from
opacity 0
transform rotate(10deg) translateY(-8%) scale(1.8)
to
opacity 0.5
transform rotate(10deg) translateY(-10%) scale(2)
@keyframes blinking-cursor
0%
transform scale(.6)
25%
transform scale(1)
50%
transform scale(.6)
75%
transform scale(1)
100%
transform scale(.6)
@keyframes AILoading
0%
opacity 1
25%
opacity .3
50%
opacity 1
75%
opacity .3
100%
opacity 1
themes/solitude/source/css/_global/function.styl
+92
View File
@@ -0,0 +1,92 @@
maxWidth600()
@media screen and (max-width: 600px)
{block}
maxWidth768()
@media screen and (max-width: 768px)
{block}
minWidth768()
@media screen and (min-width: 768px)
{block}
maxWidth798()
@media screen and (max-width: 798px)
{block}
minWidth798()
@media screen and (min-width: 798px)
{block}
maxHeight800()
@media screen and (max-height: 800px)
{block}
maxWidth899()
@media screen and (max-width: 899px)
{block}
minWidth899()
@media screen and (min-width: 899px)
{block}
maxWidth900()
@media screen and (max-width: 900px)
{block}
minWidth900()
@media screen and (min-width: 900px)
{block}
minWidth901()
@media screen and (min-width: 901px)
{block}
maxWidth1000()
@media screen and (max-width: 1000px)
{block}
minWidth1000()
@media screen and (min-width: 1000px)
{block}
maxWidth1024()
@media screen and (max-width: 1024px)
{block}
maxWidth1200()
@media screen and (max-width: 1200px)
{block}
minWidth1200()
@media screen and (min-width: 1200px)
{block}
minWidth1201()
@media screen and (min-width: 1201px)
{block}
maxWidth1300()
@media screen and (max-width: 1300px)
{block}
minWidth1300()
@media screen and (min-width: 1300px)
{block}
maxWidth1400()
@media screen and (max-width: 1400px)
{block}
minWidth1400()
@media screen and (min-width: 1400px)
{block}
minWidth2000()
@media screen and (min-width: 2000px)
{block}
.limit-more-line
display: -webkit-box
overflow: hidden
-webkit-box-orient: vertical
themes/solitude/source/css/_global/index.styl
+434
View File
@@ -0,0 +1,434 @@
:root
--efu-white #fff
--efu-white-op rgba(255, 255, 255, 0.2)
--efu-black #000
--efu-black-op rgba(0, 0, 0, 0.2)
--efu-none #00000000
--efu-gray #999999
--efu-gray-op #9999992b
--efu-cyan #00bcd4
--efu-cyan-op #00bcd42b
--efu-vip #e5a80d
--efu-speed #57bd6a
--efu-main var(--efu-theme)
--efu-main-op var(--efu-theme-op)
--efu-main-op-deep var(--efu-theme-op-deep)
--efu-main-op-light var(--efu-theme-op-light)
--efu-main-none var(--efu-theme-none)
--efu-shadow-theme 0 8px 12px -3px var(--efu-theme-op)
--efu-shadow-blackdeep 0 2px 16px -3px rgba(0, 0, 0, .15)
--efu-shadow-main 0 8px 12px -3px var(--efu-main-op)
--efu-shadow-blue 0 8px 12px -3px rgba(40, 109, 234, .20)
--efu-shadow-white 0 8px 12px -3px rgba(255, 255, 255, .20)
--efu-shadow-black 0 0 12px 4px rgba(0, 0, 0, .05)
--efu-shadow-yellow 0px 38px 77px -26px rgba(255, 201, 62, .12)
--efu-shadow-red 0 8px 12px -3px #ee7d7936
--efu-shadow-green 0 8px 12px -3px #87ee7936
--efu-logo-color linear-gradient(215deg, #4584ff 0%, #cf0db9 100%)
--efu-snackbar-time 5s
--global-font-size 14px
--global-bg #fff
--hr-border #97bcfb
--hr-before-color #6ea2f9
--search-bg #f6f8fa
--search-input-color #4c4948
--search-result-title #4c4948
--preloader-bg #37474f
--preloader-color #fff
--tab-border-color #f0f0f0
--tab-botton-bg #f0f0f0
--tab-botton-color #1f2d3d
--tab-button-hover-bg #dcdcdc
--tab-button-active-bg #fff
--sidebar-bg #f6f8fa
--btn-hover-color #ff7242
--btn-color #fff
--btn-bg #307af6
--text-bg-hover #307af6
--light-grey #eee
--text-highlight-color #1f2d3d
--blockquote-color #6a737d
--blockquote-bg rgba(73, 177, 245, 0.1)
--reward-pop #f5f5f5
--toc-link-color #666261
--card-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.06)
--card-hover-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.15)
--offset 0px
--hlscrollbar-bg #121212
body
position relative
min-height 100%
background var(--efu-background)
color var(--efu-fontcolor)
font-size $font-size
font-family $font-family
line-height 2
-webkit-tap-highlight-color transparent
margin 0
if !hexo-config('copy.enable')
user-select none
-webkit-user-select none
*
box-sizing border-box
html
line-height 1.15
-webkit-text-size-adjust 100%
text-size-adjust 100%
height: 100%;
font-size: 20px
overflow-y: overlay
main
display block
// scrollbar - chrome/safari
*::-webkit-scrollbar
width 12px
height 6px
*::-webkit-scrollbar-thumb
background var(--scrollbar-color)
opacity .5
border-radius 8px
cursor pointer
border 2px solid var(--efu-background)
&:hover
background var(--efu-lighttext)
display block
*::-webkit-scrollbar-track
background-color transparent
::-webkit-scrollbar-thumb
background var(--efu-card-border)
opacity .5
border-radius 8px
cursor pointer
border 2px solid var(--efu-background)
::-webkit-scrollbar-thumb:hover
background var(--efu-main)
opacity 1
display block !important
::-webkit-scrollbar-track
background-color var(--efu-none)
if hexo-config('lazyload.enable') && !hexo-config('lazyload.placeholder')
img
&[data-lazy-src]:not(.loaded)
filter blur(8px) brightness(1)
&[data-lazy-src].error
filter none
::selection
background var(--efu-main)
color var(--efu-white)
h1
font-size 2em
margin .67em 0
h1, h2, h3, h4, h5, h6
padding-top 0
padding-left 0
font-weight 700
position relative
margin .5rem 0
color var(--efu-fontcolor)
hr
box-sizing content-box
height 0
overflow visible
display: none
pre
font-family monospace, monospace
a
color var(--efu-fontcolor)
text-decoration none
transition all .3s ease 0s
overflow-wrap break-word
-webkit-user-drag none
abbr[title]
border-bottom none
text-decoration underline dotted
b, strong
font-weight bolder
code, kbd, samp
font-family $code-font-family
font-size $code-font-size
small
font-size 80%
sub, sup
font-size 75%
line-height 0
position relative
vertical-align baseline
sub
bottom -.25em
sup
top -.5em
button, input, optgroup, select, textarea
font-family inherit
font-size 100%
line-height 1.15
margin 0
button, input
overflow visible
input::placeholder
color var(--efu-gray)
button, select
text-transform none
[type=button], [type=reset], [type=submit], button
appearance button
fieldset
padding .35em .75em .625em
legend
box-sizing border-box
color inherit
display table
max-width 100%
padding 0
white-space normal
progress
vertical-align baseline
textarea
overflow auto
[type=checkbox], [type=radio]
box-sizing border-box
padding 0
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
height auto
[type=search]
appearance textfield
outline-offset -2px
[type=search]::-webkit-search-decoration
appearance none
input[type=checkbox] + label::before, input[type=radio] + label::before
content ''
display inline-block
width 16px
height 16px
border 1px solid #999
background-color #fff
margin-right 5px
vertical-align middle
::-webkit-file-upload-button
appearance button
font inherit
summary
display list-item
template
display none
[hidden]
display none
input::placeholder
color var(--efu-fontcolor)
.table-wrap
overflow-x scroll
margin 0 0 1rem
table
width 100%
border-spacing 0
border-collapse collapse
empty-cells show
+maxWidth768()
display block
overflow-x auto
&::-webkit-scrollbar
display none
table thead
background var(--efu-secondbg)
table td, table th
padding .3rem .6rem
border var(--style-border-always)
vertical-align middle
min-width 100px
button
padding 0
outline 0
border none
color var(--efu-fontcolor)
background 0 0
cursor pointer
img
border-style none
max-width 100%
transition all .2s ease 0s
-webkit-user-drag none
img:not([src]), img[src=""]
opacity 0
.img-alt
font-size 12px
margin 0
margin-top 8px
color var(--efu-secondtext)
.is-center
text-align center
display flex
flex-wrap wrap
justify-content center
flex-direction row
align-items center
iframe
border-radius 12px
.copy-true
user-select all
.pull-left
float left
.pull-right
float right
blockquote
border var(--style-border-always)
background-color var(--efu-secondbg)
color var(--efu-secondtext)
border-radius 8px
margin 1rem 0
padding .5rem .8rem
li, ul
list-style none
display block
margin 0
padding 0
[data-theme=dark] img
filter brightness(1)
a.extend
.next
right 0
.prev
left 0
b, strong
color var(--efu-lighttext)
.button--animated
border-radius 8px
transition .3s
position relative
i.solitude
font-size 22px
line-height 1
font-synthesis style
.layout
display: flex
margin: 0 auto
padding: 0 1.5rem
max-width: 1200px
+maxWidth768()
padding 0
&#content-inner
max-width: 1400px
/.hide-aside.layout
max-width: 1400px
> div
width: 100% !important
> div:first-child
width calc(100% - 300px)
+maxWidth1200()
width 100%
> #post, #category, #tag, #archive
box-shadow var(--efu-shadow-border)
padding 1rem 2rem
border-radius 12px
background var(--efu-card-bg)
border var(--style-border)
align-self flex-start
animation slide-in .6s .1s backwards
position relative
if hexo-config('aside.position') == 0
order 2
+maxWidth768()
box-shadow none
border none
padding 0 1rem
background var(--efu-background)
.show
opacity 1 !important
pointer-events all !important
span.tags-punctuation::before
content: "\e071"
font-family: solitude, serif !important
font-size: 12px
transition none
margin-right: 2px
opacity: .4
.hide-aside #page &
font-size 16px
#post-info &
font-size 14px
line-height 32px
if hexo-config('memorial.enable')
.memorial
-webkit-filter grayscale(100%)
-moz-filter grayscale(100%)
-ms-filter grayscale(100%)
-o-filter grayscale(100%)
filter grayscale(100%)
themes/solitude/source/css/_highlight/color.styl
+72
View File
@@ -0,0 +1,72 @@
$highlight_color = hexo-config('highlight.color')
if $highlight_color == "default"
$highlight-variable-dark = #569CD6
$highlight-number-dark = #B5CEA8
$highlight-string-dark = #CE9178
$highlight-title-dark = #DCDCAA
$highlight-emphasis-dark = #6A9955
$highlight-variable-light = #0000FF
$highlight-number-light = #098658
$highlight-string-light = #A31515
$highlight-title-light = #795E26
$highlight-emphasis-light = #0451A5
$highlight-parameter-dark = #FFB86C
$highlight-parameter-light = #FFB86C
$highlight-comment-dark = $highlight-string-dark
$highlight-comment-light = $highlight-string-light
$highlight-deleted = #f00
$highlight-inserted = #35cd4b
else if $highlight_color == "solidity"
$highlight-variable-dark = #D74BDE
$highlight-number-dark = #8DA1A0
$highlight-string-dark = #5B876D
$highlight-title-dark = #D74BDE
$highlight-emphasis-dark = #BA9C23
$highlight-variable-light = #0000FF
$highlight-number-light = #098658
$highlight-string-light = #A31515
$highlight-title-light = #795E26
$highlight-emphasis-light = #0451A5
$highlight-parameter-dark = #FFB86C
$highlight-parameter-light = #FFB86C
$highlight-comment-dark = $highlight-string-dark
$highlight-comment-light = $highlight-string-light
$highlight-deleted = #f00
$highlight-inserted = #35cd4b
else if $highlight_color == "dracula"
$highlight-variable-dark = #FF79C6
$highlight-number-dark = #BD93F9
$highlight-string-dark = #F1FA8C
$highlight-title-dark = #50FA7B
$highlight-emphasis-dark = #8BE9FD
$highlight-variable-light = #FF79C6
$highlight-number-light = #BD93F9
$highlight-string-light = #A31515
$highlight-title-light = #795E26
$highlight-emphasis-light = #0451A5
$highlight-parameter-dark = #FFB86C
$highlight-parameter-light = #FFB86C
$highlight-comment-dark = #6272A4
$highlight-comment-light = #6272A4
$highlight-important-dark = #BD93F9
$highlight-important-light = #BD93F9
$highlight-deleted = #f00
$highlight-inserted = #35cd4b
else
$highlight-variable-dark = #569CD6
$highlight-number-dark = #B5CEA8
$highlight-string-dark = #CE9178
$highlight-title-dark = #DCDCAA
$highlight-emphasis-dark = #6A9955
$highlight-variable-light = #0000FF
$highlight-number-light = #098658
$highlight-string-light = #A31515
$highlight-title-light = #795E26
$highlight-emphasis-light = #0451A5
$highlight-parameter-dark = #FFB86C
$highlight-parameter-light = #FFB86C
$highlight-comment-dark = $highlight-string-dark
$highlight-comment-light = $highlight-string-light
$highlight-deleted = #f00
$highlight-inserted = #35cd4b
themes/solitude/source/css/_highlight/highlight/diff.styl
+51
View File
@@ -0,0 +1,51 @@
figure.highlight
table::-webkit-scrollbar
color var(--efu-secondbg)
height 6px
background var(--efu-hl-bg)
border-radius 6px
display initial
.keyword
.attr
.variable
.literal
.property
color $highlight-variable-light
.number
color $highlight-number-light
.string
color $highlight-string-light
.built_in
.title
.params
.name
color $highlight-title-light
.emphasis
color $highlight-emphasis-light
[data-theme=dark] &
.keyword
.attr
.variable
.property
color $highlight-variable-dark
.number
color $highlight-number-dark
.string
color $highlight-string-dark
.built_in
.built_in
.title
.params
color $highlight-title-dark
.emphasis
color $highlight-emphasis-dark
themes/solitude/source/css/_highlight/highlight/index.styl
+46
View File
@@ -0,0 +1,46 @@
@import "diff"
figure
pre
margin 0
padding 8px 0
border none
table
display block
border none
overflow-y hidden
overflow-x auto
td
padding 0
border none
height 100%
&.gutter
opacity .6
user-select none
min-width initial
pre
overflow auto
line-height 1.6
margin 0
padding 8px .5rem
border none
color var(--efu-secondtext)
background var(--efu-secondbg)
border-right var(--style-border-always)
text-align center
&.code
width 100%
display flex
position relative
pre
padding-right .5rem
padding-left .5rem
width 100%
.line
&.marked
background-color: rgba(97, 97, 97, .314)
themes/solitude/source/css/_highlight/index.styl
+117
View File
@@ -0,0 +1,117 @@
@import "color"
@import "theme/" + hexo-config('highlight.theme')
if $highlight_enable
@require "highlight/index.styl"
if $prismjs_enable
@require "prismjs/index.styl"
figure
&:hover
box-shadow var(--efu-shadow-border-hover)
.copy-btn
position absolute
top 1rem
right 1rem
z-index 10
color var(--efu-fontcolor)
cursor pointer
transition all .2s ease 0s
&:hover
color var(--efu-lighttext)
&.highlight
background-color var(--efu-hl-bg)
color var(--efu-fontcolor)
border var(--style-border-always)
overflow hidden
border-radius 8px 8px 4px 4px
position relative
margin .5rem 0 .5rem
padding 0
line-height 1.6
.highlight-tools
position relative
display flex
-webkit-box-align center
align-items center
overflow hidden
min-height 1.2rem
border-radius 8px 8px 0 0
height 2.15em
font-size 16px
background var(--efu-hltools-bg)
border-bottom var(--style-border-always)
color var(--efu-fontcolor)
&.closed
.expand
transition all .3s ease 0s
& ~ *
display none
.st-copy-fill
position absolute
cursor pointer
transition color .2s
font-size 18px
.st-copy-fill:hover
color var(--efu-main)
.expand
position absolute
padding 0.4rem 0.3rem
cursor pointer
transition transform .3s ease 0s
.code-lang
text-transform capitalize
position absolute
font-weight 700
font-size 1.15em
user-select none
.code-expand-btn
background var(--efu-hltools-bg)
transition .3s
backdrop-filter saturate(180%) blur(20px)
transform translateZ(0)
border-top var(--style-border-always)
position absolute
bottom 0
z-index 1
width 100%
text-align center
font-size 16px
cursor pointer
display flex
align-items center
justify-content center
height 32px
i
color var(--efu-fontcolor)
line-height 1
animation 1.2s ease 0s infinite normal none running code-expand-key
&:hover
background var(--efu-main)
i
color var(--efu-white)
&.expand-done
display none
&:not(.expand-done)
& ~ table,
& ~ pre
overflow: hidden
height: unit(hexo-config('highlight.limit'), px)
themes/solitude/source/css/_highlight/prismjs/diff.styl
+80
View File
@@ -0,0 +1,80 @@
pre[class*='language-']
.keyword
.function
color $highlight-variable-light
.operator
color $highlight-variable-light
.number
color $highlight-number-light
.property
.class-name
.title
color $highlight-title-light
.string
color $highlight-string-light
.parameter
color $highlight-parameter-light
.blockquote
cikir $highlight-emphasis-light
.comment
color $highlight-comment-light
.atrule
color $highlight-emphasis-light
.boolean
color $highlight-important-light
.deleted
color $highlight-deleted
.inserted
color $highlight-inserted
[data-theme='dark'] &
.keyword
.function
color $highlight-variable-dark
.operator
color $highlight-variable-dark
.number
color $highlight-number-dark
.property
.class-name
.title
color $highlight-title-dark
.string
color $highlight-string-dark
.parameter
color $highlight-parameter-dark
.blockquote
color $highlight-emphasis-dark
.comment
color $highlight-comment-dark
.atrule
color $highlight-emphasis-dark
.boolean
color $highlight-important-dark
.deleted
color $highlight-deleted
.inserted
color $highlight-inserted
themes/solitude/source/css/_highlight/prismjs/index.styl
+15
View File
@@ -0,0 +1,15 @@
@require line-number
@require diff
#article-container
pre[class*='language-']
margin 0
overflow-x auto
scrollbar-color var(--hlscrollbar-bg) transparent
&::-webkit-scrollbar-thumb
background var(--hlscrollbar-bg)
&:not(.line-numbers)
padding 10px 20px
themes/solitude/source/css/_highlight/prismjs/line-number.styl
+28
View File
@@ -0,0 +1,28 @@
#article-container
pre[class*='language-']
&.line-numbers
position relative
> code
display block
position relative
padding 8px 0 8px 58px
.line-numbers-rows
position absolute
top 0
left 0
color var(--efu-secondtext)
border-right var(--style-border-always)
width 45px
padding 8px 0
& > span
display block
counter-increment linenumber
pointer-events none
text-align center
&:before
padding 0 0.5em
content counter(linenumber)
themes/solitude/source/css/_highlight/theme/default.styl
+14
View File
@@ -0,0 +1,14 @@
figure
&.highlight
.highlight-tools
.st-copy-fill
right .7rem
&.closed
.expand
transform rotate(-90deg)
.expand
& + .code-lang
left 1.7rem
themes/solitude/source/css/_highlight/theme/mac.styl
+26
View File
@@ -0,0 +1,26 @@
figure
&.highlight
.highlight-tools
.st-copy-fill
right 1.7rem
&:after
position absolute
left 14px
width 12px
height 12px
border-radius 50%
background #fc625d
-webkit-box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
content ' '
.expand
right 0
& + .code-lang
left 75px
&.closed
.expand
transform rotate(90deg)
themes/solitude/source/css/_layout/article-container.styl
+205
View File
@@ -0,0 +1,205 @@
#article-container
overflow-wrap break-word
+maxWidth768()
overflow hidden
iframe
border-radius 12px
margin 0 0 1rem
a
color var(--efu-fontcolor)
border-radius 4px 4px 0 0
border-bottom 2px dotted var(--efu-lighttext)
font-weight 700
&.fancybox
border-bottom none
&:not(.fancybox)
padding 0 4px
&:hover
border 0
text-decoration none
color var(--efu-white)
border-radius 4px
background var(--efu-main)
.table-wrap
margin 1rem 0
border-radius 8px
overflow-x scroll
a.headerlink
float right
opacity .08
position relative
padding 0
border none
border-radius 8px
line-height 1
font-size .8rem
#page &
display none
&::before
content "\e082"
font-family solitude
cursor pointer
&:hover
border-bottom none
box-shadow none
background var(--efu-none)
color var(--efu-lighttext)
opacity 1
p
font-size .9rem
line-height 1.7
font-weight 400
margin 1rem 0
text-align left
letter-spacing .6px
a
&:not(.fancybox)
text-decoration none
border-bottom 2px dotted var(--efu-lighttext)
color var(--efu-fontcolor)
font-weight 700
padding 0 4px
border-radius 4px 4px 0 0
&:hover
color var(--efu-white)
border-radius 4px
background var(--efu-main)
blockquote
p
padding 0
margin 0
font-size 15px
code:not([class*='language-'])
color var(--efu-white)
padding 0.2rem 0.4rem
border-radius 4px
margin 0 4px
background var(--efu-pink)
line-height 2
box-shadow var(--efu-shadow-border)
img
border-radius 12px
object-fit cover
display block
margin 0.8rem auto
max-width 90%
max-height 450px
ul, ol
padding 0
margin-top 0.4rem
list-style none
counter-reset li 0
li
&:before
position absolute
top 0
left 0
color var(--efu-fontcolor)
transition all .3s ease-out 0s
background var(--efu-lighttext)
&:not(.tab)
position relative
margin 0.2rem 0
p
margin 0
ul
> li
&:not(.tab)
padding 0.2em 0.2em 0.2em 1.4em
&:before
margin 0
top 0.78em
width 0.42em
height 0.42em
border-radius 0.42em
background 0 0
content ""
line-height .42em
border 0.21em solid var(--efu-lighttext)
background var(--efu-lighttext)
ol
> li:before
margin-top .65em
width 1.45em
height 1.45em
border-radius .725em
text-align center
font-size .85em
color var(--efu-white)
line-height 1.45em
ul li
line-height 1.7
> li
&:not(.tab)
padding .2em .2em .2em 1.8em
&:before
content counter(li)
counter-increment li 1
> ol
> li
&:before
content counter(li, lower-alpha)
counter-increment li
> ol
> li
&:before
content counter(li, lower-roman)
counter-increment li
&.post-content
h1, h2, h3, h4
display flex
align-items center
justify-content space-between
flex-direction row-reverse
transition all .2s ease-out 0s
h1
font-size 1.5rem
line-height 1.3
h2
font-size 1.3rem
line-height 1.3
border-top 1px dashed var(--efu-theme-op)
padding-top 1rem
h3, h4
font-size 1.1rem
line-height 1.3
if hexo-config('mediumZoom')
.medium-zoom--opened .medium-zoom-overlay
z-index 10
.medium-zoom-image--opened
z-index 11
themes/solitude/source/css/_layout/article-sort.styl
+93
View File
@@ -0,0 +1,93 @@
.article-sort-title
font-weight 700
font-size 2em
sup
margin-left 4px
font-size 16px
font-weight 700
opacity .4
top -1em
.article-sort
.article-sort-item
position relative
display flex
-webkit-box-align center
align-items center
margin 0 0 1rem 0
transition all .2s ease-in-out 0s
overflow hidden
&.year
font-size .8rem
color var(--efu-secondtext)
margin 0 0 .2rem 0
.article-sort-item-img
border-radius 12px
min-width 151px
min-height 80px
background var(--efu-secondbg)
overflow hidden
width 80px
height 80px
+maxWidth768()
min-width 80px
img
width 100%
height 100%
transition all .6s ease 0s
object-fit cover
.article-sort-item-info
padding 0 0.8rem
display flex
flex-direction column
-webkit-box-flex 1
flex 1 1 0
a
overflow hidden
text-overflow ellipsis
&:hover
color var(--efu-theme)
.article-sort-item-title
color var(--efu-fontcolor)
font-size 1.1em
transition all .3s ease 0s
line-height 1.3
-webkit-line-clamp 1
order 0
font-weight 700
+maxWidth768()
-webkit-line-clamp 2
.article-sort-item-tags
margin-top 8px
white-space nowrap
overflow hidden
text-overflow ellipsis
width 100%
font-size .7rem
display flex
a
color var(--efu-fontcolor)
&:hover
color var(--efu-theme)
.tags-punctuation
font-size 12px
margin-right 1px
.article-meta__tags
margin-right 8px
padding 0 0.2rem 0 0
color var(--efu-fontcolor)
themes/solitude/source/css/_layout/aside.styl
+1097
View File
File diff suppressed because it is too large Load Diff
themes/solitude/source/css/_layout/capsule.styl
+213
View File
@@ -0,0 +1,213 @@
if hexo-config('capsule.enable')
#nav-music
display flex
align-items center
z-index 8
position fixed
bottom 20px
left 20px
cursor pointer
transition .3s
transform-origin left bottom
box-shadow var(--efu-shadow-border)
border-radius 40px
overflow hidden
user-select none
+maxWidth798()
display none !important
span
user-select none
div
user-select none
&.playing
box-shadow 0 0 12px -3px var(--efu-none)
-webkit-animation playingShadow 5s linear infinite
.aplayer
background var(--efu-main-op-deep)
border var(--style-border-hover)
backdrop-filter saturate(180%) blur(20px)
-webkit-backdrop-filter blur(20px)
transform translateZ(0)
&.aplayer-withlrc
.aplayer-pic
box-shadow 0 0 14px #ffffffa6
-webkit-transform rotate(0) scale(1.1)
border-color var(--efu-white)
animation-play-state running
.aplayer-info
color var(--efu-white)
.aplayer-lrc
width 200px
margin-bottom 0
opacity 1
.aplayer-info
.aplayer-controller
.aplayer-bar-wrap
.aplayer-bar
opacity 1
.aplayer-played
animation-play-state running
#nav-music-hoverTips
opacity 0
.aplayer
background var(--efu-card-bg)
border-radius 60px
height 41px
display flex
margin 0
pointer-events none
transition .3s
border var(--style-border)
box-shadow none
&.aplayer-withlrc
.aplayer-pic
height 25px
width 25px
border-radius 40px
z-index 1
transition .3s
-webkit-transform rotate(0) scale(1)
border var(--style-border-always)
-webkit-animation changeright 24s linear infinite
animation-play-state paused
.aplayer-info
height 100%
color var(--efu-fontcolor)
margin-left 8px
padding 0
display flex
align-items center
.aplayer-lrc
width 0
opacity 0
transition .3s
margin-left 8px
margin-top -2px
.aplayer-notice
display none
.aplayer-miniswitcher
display none
.aplayer-body
position relative
display flex
align-items center
padding 0 12px 0 8px
.aplayer-pic
.aplayer-play
opacity 0
div
display none
.aplayer-info
.aplayer-music
margin 0
display flex
align-items center
padding 0
z-index 1
.aplayer-author
display none
.aplayer-title
cursor pointer
line-height 1
display inline-block
white-space nowrap
max-width 120px
overflow hidden
text-overflow ellipsis
transition .3s
.aplayer-controller
position absolute
width 100%
height 100%
top 0
left 0
.aplayer-time
display none
.aplayer-bar-wrap
margin 0
padding 0
.aplayer-bar
height 100%
background 0 0
opacity 0
.aplayer-loaded
display none
.aplayer-played
height 100%
opacity .1
background-color var(--efu-white) !important
-webkit-animation lightBar 5s ease infinite
animation-play-state paused
&.aplayer-withlist
.aplayer-info
border none
.aplayer-lrc
p
color #ffffffb3
filter blur(1px)
&.aplayer-lrc-current
color var(--efu-white)
border none
filter blur(0)
#nav-music-hoverTips
color var(--efu-white)
background var(--efu-main)
width 100%
height 100%
position absolute
top 0
left 0
align-items center
justify-content center
display flex
border-radius 40px
opacity 0
font-size 12px
z-index 2
pointer-events none
transition .3s
&:hover
&:not(.playing)
#nav-music-hoverTips
opacity 1
.aplayer-list
display none
#nav-music .aplayer .aplayer-lrc:after,
#nav-music .aplayer .aplayer-lrc:before
display none
themes/solitude/source/css/_layout/console.styl
+310
View File
@@ -0,0 +1,310 @@
#console
display flex
position fixed
width 100vw
height 100vh
top 0
left 0
z-index 9999
justify-content center
opacity 0
transition .3s ease-out
flex-direction column
align-items center
pointer-events none
user-select none
&.show .close-btn i
transform rotate(0)
if hexo-config('recent_comments.enable') && hexo-config('recent_comments.console')
.recent-comment-more
margin-left auto
display flex
align-items center
&:hover
color var(--efu-main)
.console-card-group
display flex
justify-content space-between
align-items center
margin 0 30px
transform translateY(20px)
transition .3s
max-width 1400px
+maxWidth1300()
justify-content center
+maxWidth768()
display none
+maxHeight800()
display none
&.show
.console-card-group
transform translateY(0)
opacity 1
transition-delay .1s
max-height 80%
.console-card-group-left
margin-right .5rem
width 40%
height 100%
+maxWidth1300()
display none
.console-card-group-right
display flex
flex-direction column
justify-content center
height 100%
width 60%
overflow hidden
+maxWidth1300()
width 100%
margin 0
.console-card
background var(--efu-maskbg)
border-radius 12px
overflow hidden
border var(--style-border)
box-shadow var(--efu-shadow-border)
padding 40px
.console-card.tags
height calc(100% - 172px)
.console-mask
background var(--efu-maskbgdeep)
backdrop-filter saturate(180%) blur(20px)
-webkit-backdrop-filter blur(20px)
width 100vw
height 100vh
top 0
left 0
position absolute
z-index -1
-webkit-backface-visibility hidden
-webkit-transform-style preserve-3d
transform translateZ(0)
&.show
.console-mask
backdrop-filter saturate(180%) blur(20px)
-webkit-backdrop-filter blur(20px)
transform translateZ(0)
animation .6s ease 0s 1 normal none running to_show
.author-content-item-tips
opacity .8
font-size .6rem
margin-bottom .5rem
.author-content-item-title
font-size 36px
font-weight 700
line-height 1
display flex
align-items center
.aside-list
display flex
flex-wrap wrap
flex-direction row
justify-content space-between
margin-top 1.5rem
.button-group
display flex
margin 1rem auto 0 auto
justify-content center
width fit-content
.console-btn-item
width 60px
height 60px
transition .3s
cursor pointer
span.darkmode_switchbutton
[data-theme="dark"] &
background var(--efu-orange)
color var(--efu-white)
.button-group
gap .5rem
.console-btn-item
&:hover
span
background var(--efu-main)
span
width 100%
height 100%
background var(--efu-card-bg)
border var(--style-border)
border-radius 60px
display flex
align-items center
justify-content center
color var(--efu-fontcolor)
transition all .3s
i
font-size 1rem
&.on
span
background var(--efu-orange)
color var(--efu-white)
transition .3s
&:not(.on)
span:hover
background var(--efu-main)
&:hover
span
color var(--efu-white)
.console-card.tags
.card-tag-cloud
margin-top 1.5rem
display flex
gap .5rem
flex-wrap wrap
a
color var(--efu-fontcolor)
padding 2px 8px
border-radius 8px
background var(--efu-card-bg)
border var(--style-border)
font-size 14px
font-weight 700
&:hover
background var(--efu-main)
color var(--efu-white)
sup
opacity .6
.close-btn
width 100%
height 60px
position fixed
right max('calc((100% - 1400px) / 2)', someValue)
top 0
font-size 35px
color var(--efu-fontcolor)
cursor pointer
transition .3s
display flex
align-items center
justify-content center
max-width 1400px
i
font-size 32px
margin-right 1.5rem
margin-left auto
line-height 1
transform rotate(-30deg)
transition .6s
i:hover
color var(--efu-hovertext)
background var(--efu-main-op)
border-radius 32px
.console-card.history
margin-top 8px
padding 0
background 0 0
box-shadow none
border none
overflow hidden
border-radius 0
.item-headline
display none
.console-card.history
.card-archive-list
display flex
flex-direction row
flex-wrap wrap
height 164px
gap .5rem
li.card-archive-list-item
flex 0 1 24.101%
.card-archive-list-link
border-radius 8px
display flex
flex-direction column
align-content space-between
border var(--style-border)
transition all .3s ease 0s
background var(--efu-maskbgdeep)
padding 9.5px 16px
&:hover
background var(--efu-main)
color var(--efu-white)
cursor pointer
.card-archive-list-date
font-size 14px
opacity .6
.card-archive-list-count-group
display flex
flex-direction row
.card-archive-list-count
width auto
text-align left
font-size 1.1rem
line-height .9
margin-right 2px
font-weight 700
.card-archive-list-count-unit
width auto
text-align left
font-size 14px
font-weight 700
#card-newest-comments
height 100%
#consoleMusic
+maxWidth1300()
display none
+maxHeight800()
display none
#consoleCommentBarrage
+maxWidth1300()
display none
+maxHeight800()
display none
#consoleHideAside
+maxWidth768()
display none
themes/solitude/source/css/_layout/footer.styl
+278
View File
@@ -0,0 +1,278 @@
#footer
position relative
background linear-gradient(180deg, var(--efu-card-bg-none) 0, var(--efu-card-bg) 25%)
display flex
flex-direction column
margin-top .5rem
+maxWidth768()
margin-top 0
&:before
position absolute
width 100%
height 100%
content ''
z-index -1
if hexo-config('post.footer.enable')
div#st-footer-bar
display flex
flex-direction column
align-items center
margin-top 16px
a.footer-bar-link
padding 4px 16px
background var(--efu-secondbg)
border-radius 20px
margin-top 8px
font-size 14px
cursor pointer
border var(--style-border-always)
&:hover
background var(--efu-main)
color var(--efu-white)
transform scale(1.1)
border-color var(--efu-main)
.footer-logo
font-size 24px
.footer-bar-description
color var(--efu-secondtext)
font-weight 700
padding: 0 0.5rem
text-align: center
#footer_deal
justify-content center
display flex
padding-top 2rem
align-items center
+maxWidth768()
flex-wrap wrap
flex-direction row
i
font-size .9rem
line-height .9rem
height .9rem
.deal_link
display flex
margin 1rem 27px
color var(--efu-card-bg)
border-radius 3rem
width 32px
height 32px
background var(--efu-fontcolor)
justify-content center
align-items center
transition .3s
&:hover
color var(--efu-white)
background var(--efu-main)
transform scale(1.1)
if hexo-config('footer.information.author')
.footer_mini_logo
width 50px
height 50px
margin 0 1rem
cursor pointer
transition cubic-bezier(0, 0, 0, 1.29) .5s
user-select none
border-radius 50px
overflow hidden
+maxWidth768()
display none
&:hover
transform scale(1.2)
#st-footer
display flex
flex-direction row
width 100%
max-width 1200px
justify-content space-between
flex-wrap wrap
margin 1rem auto 3rem
padding 0 1rem
.footer-links
display flex
flex-direction column
.footer-item
font-size .8rem
line-height .8rem
color var(--efu-fontcolor)
margin-right auto
overflow hidden
white-space nowrap
text-overflow ellipsis
max-width 120px
cursor pointer
padding 8px
border-radius 12px
&:hover
color var(--efu-theme)
background var(--efu-main-op-light)
[data-theme=dark] &
background var(--efu-theme-op)
.footer-group
min-width 120px
.footer-title-group
display flex
align-items center
margin .5rem 0 .7rem 8px
a
margin-left 8px
&:hover i
color var(--efu-main)
opacity 1
i
line-height 1
color var(--efu-secondtext)
transition .3s
font-size 16px
opacity .6
.footer-title
margin 0
.footer-title
color var(--efu-secondtext)
font-size .8rem
margin-left 8px
.random-friends-btn
display flex
margin-left 8px
/#footer-bar
padding 1rem
color var(--efu-fontcolor)
margin-top 1rem
background var(--efu-secondbg)
display flex
overflow hidden
z-index 1
transition .3s
border-top var(--style-border-always)
.footer-bar-links
display flex
justify-content space-between
max-width 1400px
width 100%
margin 0 auto
flex-wrap wrap
align-items center
line-height 1
.footer-bar-left
display flex
flex-wrap wrap
min-height 32px
align-items center
.copyright
display flex
flex-direction row
align-items center
padding 0 8px
margin 0 4px
.footer-bar-link
margin 0
.footer-bar-link
margin 0 4px
color var(--efu-fontcolor)
font-size .8rem
padding 8px
border-radius 12px
font-weight 700
white-space nowrap
&.cc
margin-right 0
i
font-size 18px
&:not(:last-child)
margin-right .5rem
&:hover
color var(--efu-theme)
background var(--efu-main-op)
.footer-bar-right
display flex
flex-direction row
flex-wrap wrap
align-items center
> div > div.footer-bar-left > span
margin-right 1rem
#cookies-window
min-width 300px
background var(--efu-maskbgdeep)
color var(--efu-fontcolor)
padding 8px 16px
display flex
flex-direction column
bottom 20px
right 20px
position fixed
border-radius 12px
transition .3s
z-index 8
user-select none
backdrop-filter saturate(180%) blur(20px)
transform translateZ(0)
border var(--style-border)
animation barrageIn .6s cubic-bezier(.42, 0, .3, 1.11)
+maxWidth1300()
display none
&.cw-hide
opacity 0
animation barrageOut .6s cubic-bezier(.42, 0, .3, 1.11)
z-index -1
.cookies-window-title
padding-bottom 4px
border-bottom var(--style-border)
font-size 12px
font-weight 700
.cookies-window-content
font-size 14px
display flex
justify-content space-around
align-items center
.cookies-link
margin-left: 10px
font-size: 16px
i.solitude
font-size 16px
themes/solitude/source/css/_layout/fullpage.styl
+47
View File
@@ -0,0 +1,47 @@
if hexo-config('loading.fullpage')
#loading-box
user-select none
.loading-bg
display flex
width 100%
height 100%
position fixed
background var(--efu-background)
z-index 1999
opacity 1
transition 0.2s
pointer-events all
animation showLoading 0.3s 0s backwards
&.loaded .loading-bg
pointer-events none
transition 0.2s
animation hideLoading 0.3s 0s forwards
.loading-img
width 100px
margin auto
animation-duration 0.2s
animation-name loadingAction
border-radius 50px
animation-iteration-count infinite
animation-direction alternate
@keyframes loadingAction
from
opacity 1
to
opacity 0.6
@keyframes hideLoading
from
opacity 1
to
opacity 0
@keyframes showLoading
from
opacity 0
to
opacity 1
themes/solitude/source/css/_layout/header.styl
+897
View File
@@ -0,0 +1,897 @@
#page-header
position relative
width 100%
transition all .5s ease 0s
display flex
justify-content center
&.not-top-img
height 60px
background 0 center
#nav
transition .3s
background var(--efu-card-bg)
a
color var(--efu-fontcolor)
&:hover
color var(--efu-card-bg)
&:not(.nav-fixed)
#nav
background var(--efu-none)
transition .3s
+maxWidth768()
transition 0s
#page-header
#site-title
margin 0
color var(--efu-white)
font-size 1.85em
+minWidth768()
font-size 2.85em
#site-subtitle
color var(--light-grey)
font-size 1.15em
+minWidth768()
font-size 1.72em
#site_social_icons
display none
margin 0 auto
width 15rem
text-align center
+maxWidth768()
display block
.social-icon
margin 0 .5rem
color var(--light-grey)
font-size 1.43em
cursor pointer
#scroll-down
position absolute
bottom 0
width 100%
cursor pointer
display none
.scroll-down-effects
animation: 1.5s ease 0s infinite normal none running scroll-down-effect
position relative
width 100%
color var(--light-grey)
font-size 30px
&.not-home-page
height 20rem
+maxWidth768()
height 14rem
#page-site-info
position absolute
top 10rem
padding 0 .5rem
width 100%
+maxWidth768()
top 7rem
#nav
box-shadow none
transition 0.3s
display flex
justify-content center
user-select none
+maxWidth768()
transition 0s
+maxWidth1400()
padding 0
a
&:hover
span
&.solitude
opacity 0
+maxWidth768()
opacity 1
#nav-group
max-width 1400px
width 100%
display flex
position relative
padding 0 1.5rem
align-items center
+maxWidth768()
width 100%
display flex
position relative
padding 0 12px
#nav-right
position absolute
right 0
z-index 102
display flex
flex-direction row
height 100%
align-items center
margin-right 1.5rem
overflow hidden
gap .5rem
+maxWidth768()
margin-right 12px
div
padding 0
.nav-button
a
height 35px
width 35px
display flex
align-items center
justify-content center
border-radius 40px
&.totopbtn
width 25px
height 25px
border-radius 40px
background var(--efu-fontcolor)
color var(--efu-card-bg)
position absolute
top 5px
right 5px
transition .3s
&.console_switchbutton
padding 4px 8px
&.long
a
&.totopbtn
width 70px
&:hover
a
&.totopbtn
background var(--efu-lighttext)
&:not(.long):hover
a
&.totopbtn
width 35px
height 35px
top 0
right 0
&.nav-fixed
#nav
position fixed
top 0
transition .3s
box-shadow none
background var(--efu-card-bg)
outline 1px solid var(--efu-card-border)
#menus
+minWidth900()
z-index 100
& > div
&.menus_items
transition .3s
height 40px
margin auto 0
#menus[style*="padding-right: 300px;"]
.menus_items
transform translateX(-150px)
#page-name
+minWidth900()
z-index 101
transition .3s
top 10px
&-text
+minWidth900()
display inline
opacity 1
transition .3s
line-height 1
&:hover
&:after
+minWidth900()
opacity 1
line-height 36px
div.menus_items
+minWidth900()
transition .15s
position relative
top -60px
&.nav-visible
#nav
#page-name
+minWidth900()
z-index 100
top 60px
transition .3s
&-text
+minWidth900()
display inline
transition .15s
div.menus_items
+minWidth900()
opacity 1
transition .15s
position relative
top: 0
#menus
+minWidth900()
z-index 101
#travellings_button
+maxWidth768()
opacity 0
&.no-top-img
margin-bottom 0
&:not(.nav-fixed)
#percent
transition .3s
#nav-right #nav-totop
width 0
transform scale(0)
margin-left 0
overflow hidden
transition .3s ease-in
#page-header #scroll-down .scroll-down-effects,
#page-header #site-subtitle, #page-header #site-title
text-align center
line-height 1.5
#page-header.nav-fixed > #nav,
#page-header.not-top-img > #nav
box-shadow none
#nav
padding 0
position absolute
top 0
z-index 10
display flex
flex-wrap wrap
-webkit-box-align center
align-items center
width 100%
height 60px
font-size 1.3em
opacity 0
transition all .5s ease 0s
outline 1px solid var(--efu-none)
justify-content space-between
+maxWidth768()
padding 0
&.show
top 0
transition .2s
position fixed
opacity 1
filter none
#toggle-menu
display none
padding .1rem 0 0 .3rem
vertical-align top
+maxWidth768()
display inline-block
&:hover
color var(--efu-white)
#site-name
padding 0
transition .3s
display flex
height 35px
min-width 50px
justify-content center
align-items center
border-radius 40px
cursor pointer
&:hover
@media (hover: hover)
i, span, img
color var(--efu-card-bg)
transition .3s
+minWidth900()
i, span, img
opacity 0
&:after
+minWidth900()
opacity: 1
&:after
+minWidth900()
opacity 0
position absolute
display flex
z-index 1
content "\e008"
font-family solitude, serif
align-items center
justify-content center
font-size 22px
line-height 1
color var(--efu-card-bg)
if hexo-config('site.name.class') == i_class
i
font-size 16px
line-height 35px
padding 0 12px
+maxWidth768()
transition .1s
+minWidth900()
opacity 1
transition all .3s, color 0s, opacity .3s
if hexo-config('site.name.class') == text
span.title
letter-spacing normal
font-size 1rem
font-weight 700
padding 0 5px
line-height 2rem
+maxWidth768()
padding-left 8px
if hexo-config('site.name.class') == img
img
max-width 120px
max-height 35px
padding 4px 8px
#blog_name
flex-wrap nowrap
height 60px
display flex
align-items center
z-index 102
transition .3s
a
transition .3s
color var(--efu-white)
padding .3rem .4rem 0
border-radius 8px
&:hover
background var(--efu-white-op)
transition .3s
color var(--efu-white)
+maxWidth768()
background var(--efu-none)
box-shadow none
transition .3s
color var(--efu-fontcolor)
#menus
display flex
justify-content center
width 100%
position absolute
height 60px
left 0
margin 0
transform translateZ(0)
+maxWidth768()
display none
.menus_items
position relative
width fit-content
text-align center
left 0
right 0
top 0
display flex
flex-direction row
justify-content center
.menus_item
padding 0 .4rem
display flex
flex-direction column
align-items center
margin auto
position relative
.menus_item_child
padding 6px 4px 8px 4px
border-radius 100px
background-color var(--efu-maskbgdeep)
box-shadow var(--efu-shadow-black)
border var(--style-border)
transition .3s
backdrop-filter blur(20px)
top 35px
position absolute
margin-top 8px
white-space nowrap
opacity 0
pointer-events none
transform translateY(-10px) scale(.8)
li
display inline-flex
list-style none
border-radius 5px
margin 0 4px
#page-header & a
letter-spacing 0
display flex
align-items center
border-radius 100px
padding .3rem .8rem
width 100%
color var(--efu-fontcolor)
&:hover
background var(--efu-lighttext)
color var(--efu-card-bg)
box-shadow var(--efu-shadow-main)
margin 0 auto
transform scale(1)
padding .3rem 1rem
i
&:not(.fa-brands)
font-size 22px
margin-right 8px
line-height 1
&::before
position absolute
top -8px
left 0
width 100%
height 20px
content ""
&:before
top -10px
&:hover
.menus_item_child
display block
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
opacity 1
pointer-events all
transform translateY(0) scale(1)
i
&.expand
transform rotate(180deg)
i
&.expand
padding 4px
transition transform .3s ease 0s
#search-button
display inline
padding 0 .4rem
.site-page
position relative
padding-bottom .3rem
font-size .78em
cursor pointer
if hexo-config('nav.group')
.back-home-button
&:hover
+minWidth900()
box-shadow var(--efu-shadow-main)
cursor pointer
#page-name
&-text
+minWidth900()
display inline
font-weight 700
padding 4px 8px
opacity 0
transition .1s
text-overflow ellipsis
overflow hidden
white-space nowrap
position relative
text-align center
cursor pointer
top 0
font-size .9rem
animation-timing-function ease-in
-webkit-animation-timing-function ease-in
&:hover
+minWidth900()
color var(--efu-lighttext) !important
background var(--efu-none)
box-shadow none
&-mask
+maxWidth899()
display none !important
.nav-button
cursor pointer
#site-name
.iconfont
font-size 20px
font-weight 400
line-height 48px
#site-logo
width 121px
#nav-totop
position relative
width 35px
height 35px
display flex
border-radius 40px
transition all .3s ease-in-out
align-items center
&.long
width 80px
.totopbtn
padding-top 0
i
position absolute
display flex
font-size 22px
opacity 0
line-height 1
&:hover
.totopbtn
i
opacity 1
color var(--efu-card-bg)
transition .3s
#percent
opacity 0
font-weight 700
#percent
font-size 12px
border-radius 35px
display flex
justify-content center
align-items center
transition .3s
white-space nowrap
.nav-fixed #nav-totop #percent,
.page #nav-totop #percent
font-size 12px
border-radius 35px
display flex
justify-content center
align-items center
transition .3s
white-space nowrap
if hexo-config('nav.group')
.back-home-button
display flex
width 35px
height 35px
padding 0 !important
align-items center
justify-content center
margin-right 4px
transition .3s
border-radius 40px
+maxWidth768()
display: none
i
font-size 20px
&:hover
background var(--efu-main)
color var(--efu-card-bg)
.back-menu-list-groups
display flex
opacity 1
top 55px
pointer-events auto
left 1.5rem
transform scale(1)
+maxWidth768()
padding-bottom 8px
box-shadow var(--efu-shadow-border)
left: 0
.back-menu-list-group
display flex
flex-direction column
.back-menu-list-title
margin 8px 0 0 16px
transition .3s
&:hover
.back-menu-list-title
color var(--efu-lighttext)
.back-menu-list-groups
position absolute
top 45px
transform scale(.8)
transform-origin top left
left 1.5rem
background-color var(--efu-maskbgdeep)
border-radius 12px
border var(--style-border)
flex-direction column
font-size 12px
color var(--efu-secondtext)
box-shadow var(--efu-shadow-border)
transition .3s
opacity 0
pointer-events none
backdrop-filter blur(20px)
+maxWidth768()
left 0
&:hover
border var(--style-border-hover)
.back-menu-list
.back-menu-item
width 150px
.nav-fixed
#nav
a
color var(--efu-fontcolor)
transition .3s
&:hover
background var(--efu-lighttext)
color var(--efu-card-bg)
transition .3s
#site-name
&:hover
+minWidth900()
background var(--efu-lighttext)
if hexo-config('nav.group')
.back-home-button
color var(--efu-fontcolor)
&:hover
background var(--efu-lighttext)
color var(--efu-card-bg)
.menus_item
&:hover
& >
a.site-page
background-color var(--efu-lighttext)
+minWidth768()
background-color var(--efu-main)
.post
if hexo-config('nav.group')
.back-home-button
color var(--efu-white)
&:hover
background var(--efu-white-op)
color var(--efu-white)
cursor pointer
#nav
#site-name
&:hover
+minWidth900()
align-items center
&:after
color var(--efu-white)
.nav-fixed
#nav
#site-name
&:after
color var(--efu-card-bg)
.back-menu-list
display flex
flex-direction row
flex-wrap wrap
width 340px
justify-content space-between
&::before
position absolute
top -15px
left 0
width 100%
height 20px
content ''
.back-menu-item
display flex
align-items center
margin 4px 8px
padding 4px 8px
#nav &
padding 4px 8px
#nav &
&:hover
background var(--efu-lighttext)
&:hover
background var(--efu-lighttext)
.back-menu-item-text
color var(--efu-card-bg)
.back-menu-item-icon
width 24px
height 24px
border-radius 8px
background var(--efu-none)
.back-menu-item-text
font-size 16px
transition .3s
margin-left .5rem
color var(--efu-fontcolor)
+maxWidth768()
font-size 14px
.page
#nav
a
&:hover
color var(--efu-card-bg)
background var(--efu-main)
transition .3s
box-shadow var(--efu-shadow-main)
#site-name
&:hover
i
color var(--efu-card-bg)
.menus_item
&:hover
& > a.site-page
+minWidth768()
color var(--efu-card-bg) !important
background var(--efu-main)
box-shadow var(--efu-shadow-main)
.error
#nav
a
&:hover
background var(--efu-main)
#site-name
i
+maxWidth768()
color var(--efu-fontcolor)
#weblogo
align-self center
#menus
& > div
&.menus_items
& > div
& > a
letter-spacing .3rem
padding-left .7rem
font-weight 700
padding-top 0
padding-bottom 0
height 35px
line-height 35px
border-radius 40px
#travellings_button
display inline
padding 0 .4rem
transition .3s
+maxWidth1200()
display none
#page-name
+minWidth900()
align-items center
display flex
border-radius 12px
height 40px
position absolute
top 62px
left 0
right 0
margin auto
justify-content center
animation-timing-function ease-out
-webkit-animation-timing-function ease-out
#page-name-mask
+minWidth900()
width 100%
height 100%
position absolute
overflow hidden
left 0
if hexo-config('nav.right.console')
#nav-console
+maxWidth768()
display none
themes/solitude/source/css/_layout/keyboard.styl
+60
View File
@@ -0,0 +1,60 @@
if hexo-config('keyboard.enable')
#keyboard-tips
position fixed
top 80px
left 20px
z-index 999
background var(--efu-maskbgdeep)
border-radius 12px
border var(--style-border)
padding 20px
display flex
flex-direction column
backdrop-filter saturate(180%) blur(20px)
transform translateZ(0)
pointer-events none
box-shadow var(--efu-shadow-border)
opacity 0
transition .3s
&.show
opacity 1
transition .1s
.keyboardTitle
font-size 12px
color var(--efu-secondtext)
line-height 1
.keyboardList
display flex
flex-direction column
margin-top 8px
.keyboardItem
display flex
margin-top 4px
.keyGroup
display flex
align-items center
width 90px
.key
padding 0.2em 0.4em
font-family inherit
background-color var(--efu-card-bg)
color var(--efu-fontcolor)
border var(--style-border)
border-color var(--efu-secondtext)
border-bottom 2px solid var(--efu-secondtext)
box-shadow var(--efu-shadow-border)
border-radius 0.25rem
overflow-wrap break-word
overflow-x auto
font-weight 500
font-size .875em
margin-right 4px
vertical-align baseline
line-height 1
height 24px
themes/solitude/source/css/_layout/other.styl
+28
View File
@@ -0,0 +1,28 @@
span.tags-punctuation
display flex
align-items center
.bber-reply
cursor pointer
margin 0 4px
&:hover
color var(--efu-main)
.post-tips
color var(--efu-gray)
font-size 14px;
position absolute
bottom 1rem
left 2rem
+maxWidth768()
left 1rem
a
color var(--efu-gray)
border none
margin-left 4px
&:hover
color var(--efu-main)
themes/solitude/source/css/_layout/pace.styl
+40
View File
@@ -0,0 +1,40 @@
if hexo-config('loading.pace')
.pace
pointer-events: none
user-select: none
z-index: 2000
position: fixed
margin: auto
top: 4px
left: 0
right: 0
height: 8px
border-radius: 8px
width: 4rem
background: var(--efu-secondbg)
border: var(--style-border)
overflow: hidden
&.pace-inactive
opacity: 0
transition: .3s
top: -8px
.pace-progress
opacity: 0
transition: .3s ease-in
.pace-progress
box-sizing: border-box
transform: translate3d(0,0,0)
max-width: 200px
z-index: 2000
display: block
position: absolute
top: 0
right: 100%
height: 100%
width: 100%
background: var(--efu-logo-color)
animation: gradient 2s ease infinite
background-size: 200%
themes/solitude/source/css/_layout/pagination.styl
+177
View File
@@ -0,0 +1,177 @@
#pagination
width 100%
+minWidth768()
overflow visible
+maxWidth768()
margin-bottom 0
margin-top 0
.pagination
text-align center
+minWidth768()
display flex
position relative
justify-content center
+maxWidth768()
display flex
.extend
+maxWidth768()
width 100%
height 2.5rem
margin .2rem 0 1rem 0
border-radius 12px
line-height 2.5rem
background var(--efu-card-bg)
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
i
+maxWidth768()
display none
.space
+maxWidth768()
display none
.page-number
display inline-block
margin 0 .2rem
min-width 1.2rem
height 1.2rem
text-align center
line-height 1.2rem
+minWidth768()
width 2rem
background var(--efu-card-bg)
height 2rem
line-height calc(2rem - 2px)
border-radius 8px
margin 0 .3rem
box-shadow var(--efu-shadow-border)
border var(--style-border)
transition .3s
&:hover
color var(--efu-theme)
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
+maxWidth768()
display none
&.current
background var(--efu-theme)
color var(--efu-white)
border-radius 5px
+minWidth768()
background var(--efu-theme)
border var(--style-border-hover)
box-shadow var(--efu-shadow-theme)
&:hover
background var(--efu-theme)
box-shadow var(--efu-shadow-theme)
color var(--efu-white)
a.extend.next, a.extend.prev
+minWidth768()
width 4rem
height 2rem
line-height 1.9rem
border-radius 8px
background var(--efu-card-bg)
box-shadow var(--efu-shadow-border)
position absolute
border var(--style-border)
display flex
align-items center
justify-content center
overflow hidden
transition .3s
i
transition .3s
a.extend
&:hover
color var(--efu-theme)
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
&.next
right 0
+minWidth768()
.pagination_tips_next
margin-left -32px
transition .3s ease-out 0s
opacity 0
&:hover
.pagination_tips_next
margin-left 2px
opacity 1
white-space nowrap
&.prev
left 0
+minWidth768()
.pagination_tips_prev
margin-right -32px
transition .3s ease-out 0s
opacity 0
&:hover
.pagination_tips_prev
margin-right 2px
opacity 1
white-space nowrap
.toPageGroup
display flex
position relative
margin 0 .3rem
+maxWidth768()
display none
a#toPageButton
display flex
position absolute
width 40px
height 40px
right 0
top 0
border-radius 8px
justify-content center
align-items center
transition .3s
background var(--efu-card-bg)
border var(--style-border-always)
cursor text
pointer-events none
&:focus-within a#toPageButton, &:hover a#toPageButton
width 30px
height 30px
right 4px
top 5px
background var(--efu-card-bg)
border 1px solid var(--efu-none)
border-radius 4px
opacity .2
input
width 40px
height 40px
border-radius 8px
border var(--style-border-always)
transition .3s
outline-style none
font-size 16px
padding-left 12px
background var(--efu-secondbg)
color var(--efu-fontcolor)
&:focus, /#pagination .toPageGroup:hover input
border var(--style-border-hover-always)
outline-style none
width 100px
themes/solitude/source/css/_layout/recent-post.styl
+476
View File
@@ -0,0 +1,476 @@
#recent-posts
if hexo-config('aside.position') == 0
order 2
#category &,
#tag &
+maxWidth768()
padding 0
if hexo-config('index_post_list.direction') == "column"
#recent-posts
position relative
+minWidth1300()
display flex
flex-wrap wrap
gap .5rem
transition width .3s
+maxWidth768()
padding 0 1rem
> .recent-post-item
box-shadow var(--efu-shadow-light2black)
display flex
align-items center
animation slide-in .6s .4s backwards
transition all .3s ease 0s
overflow hidden
height fit-content
background var(--efu-card-bg)
border-radius 12px
cursor pointer
border var(--style-border)
+maxWidth1300()
margin-bottom .5rem
+maxWidth768()
border-radius 12px
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
display block
position relative
clip-path inset(0 0 0 0 round 12px)
&:hover
box-shadow var(--efu-shadow-main)
border var(--style-border-hover)
.post_cover img.post_bg
transform scale(1.03)
transition .3s ease-in-out
filter brightness(.85)
.recent-post-info-top .article-title
color var(--efu-theme)
if hexo-config('google_adsense.enable')
+ .google-ads-warp
iframe
width: 100% !important
height: 100% !important
border: none !important
.post_cover
position relative
transition 1s
width 100%
overflow hidden
height 100%
+minWidth1300()
height 225px
+maxWidth1300()
width 75%
display flex
height 220px
+maxWidth768()
width 100%
height 170px
border-radius 5px 8px 0 0
a
min-width 100%
min-height 100%
img.post_bg
width 100%
height 100%
transition all .6s ease 0s
object-fit cover
+maxWidth1300()
min-width 100%
-webkit-backface-visibility hidden
-webkit-transform-style preserve-3d
min-height 100%
user-select none
+maxWidth768()
border-radius: 12px 12px 0 0
> .recent-post-info
height 174px
width 100%
cursor pointer
position relative
padding 0
display inline-block
overflow hidden
.content
-webkit-line-clamp 2
display -webkit-box
overflow hidden
-webkit-box-orient vertical
padding 5px 32px
opacity .8
font-size 14px
line-height 1.8
+maxWidth600()
-webkit-line-clamp 1
span.tags-punctuation
transition .3s
&:hover
color var(--efu-main)
.recent-post-info-top
position relative
transition .3s
padding 0 32px
width 100%
.article-title
line-height 30px
margin-top 0
font-weight 700
margin-bottom 0
width 100%
transition .3s
font-size 1rem
-webkit-line-clamp 2
display -webkit-box
overflow hidden
-webkit-box-orient vertical
.recent-post-info-top-tips
display flex
margin-top 20px
user-select none
> .sticky-warp
display flex
position relative
margin-right 8px
justify-content center
align-items center
font-size 0.5rem
i
font-size .5rem
margin-right 3px
.original
display flex
color var(--efu-secondtext)
font-size .5rem
position relative
margin-right 8px
.unvisited-post
display flex
color var(--efu-secondtext)
font-size .5rem
position relative
&:visited
color var(--efu-card-bg)
/.article-meta-wrap
position absolute
bottom 16px
transition .3s
display flex
flex-direction row
flex-wrap nowrap
justify-content space-between
width 100%
left 0
padding 0 32px
white-space nowrap
color var(--efu-fontcolor)
font-size .7rem
> .article-meta
margin 0 8px 0 0
white-space nowrap
overflow hidden
text-overflow ellipsis
display flex
> .article-meta__tags
margin-right 8px
padding 0 .2rem 0 0
color var(--efu-fontcolor)
> .post-meta-date
right 0
text-align right
i
display none
.article-meta__separator
display none
a:hover
background-color var(--efu-none)
color var(--efu-lighttext)
cursor pointer
border-radius 4px
i
margin 0 .4rem 0 0
.sticky
color var(--efu-fontcolor)
if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
#recent-posts
> .recent-post-item
+minWidth1300()
flex-direction column
width 100%
flex 1 1 40%
max-width 50%
box-shadow var(--efu-shadow-border)
else if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 3
#recent-posts
> .recent-post-item
+minWidth1300()
flex-direction column
width 100%
flex 1 1 33.3%
max-width 32.6%
box-shadow var(--efu-shadow-border)
else if hexo-config('index_post_list.direction') == "row"
#recent-posts
position relative
display flex
flex-wrap wrap
justify-content space-between
align-items flex-start
align-content flex-start
user-select none
gap .5rem
transition width .3s
+maxWidth768()
padding 0 1rem
> .recent-post-item
display flex
align-items center
animation slide-in .6s .4s backwards
transition all .3s ease 0s
overflow hidden
height fit-content
background var(--efu-card-bg)
border-radius 12px
cursor pointer
border var(--style-border)
flex-direction row
width 100%
box-shadow var(--efu-shadow-border)
+maxWidth768()
border-radius 12px
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
flex-direction column
position relative
clip-path inset(0 0 0 0 round 12px)
&:hover
box-shadow var(--efu-shadow-main)
border var(--style-border-hover)
.post_cover img.post_bg
transform scale(1.03)
transition .3s ease-in-out
filter brightness(.85)
.recent-post-info-top .article-title
color var(--efu-theme)
if hexo-config('google_adsense.enable')
+ .google-ads-warp
iframe
width: 100% !important
height: 100% !important
border: none !important
.post_cover
position relative
transition 1s
overflow hidden
width 75%
display flex
height 220px
+maxWidth768()
width 100%
height 170px
border-radius 5px 8px 0 0
order 1
a
min-width 100%
min-height 100%
img.post_bg
width 100%
height 100%
transition all .6s ease 0s
object-fit cover
min-width 100%
-webkit-backface-visibility hidden
-webkit-transform-style preserve-3d
min-height 100%
user-select none
+maxWidth768()
border-radius: 12px 12px 0 0
> .recent-post-info
height 174px
width 100%
cursor pointer
position relative
padding 0
display inline-block
overflow hidden
+maxWidth768()
order 2
.content
-webkit-line-clamp 3
display -webkit-box
overflow hidden
-webkit-box-orient vertical
padding 5px 32px
opacity .8
font-size 14px
line-height 1.8
+maxWidth768()
-webkit-line-clamp 2
+maxWidth600()
-webkit-line-clamp 1
span.tags-punctuation
transition .3s
&:hover
color var(--efu-main)
.recent-post-info-top
position relative
transition .3s
padding 0 32px
width 100%
.article-title
line-height 30px
margin-top 0
font-weight 700
margin-bottom 0
width 100%
transition .3s
font-size 1rem
-webkit-line-clamp 2
display -webkit-box
overflow hidden
-webkit-box-orient vertical
.recent-post-info-top-tips
display flex
user-select none
+maxWidth768()
margin-top 20px
> .sticky-warp
display flex
position relative
margin-right 8px
justify-content center
align-items center
font-size 0.5rem
i
font-size .5rem
margin-right 3px
.original
display flex
color var(--efu-secondtext)
font-size .5rem
position relative
margin-right 8px
.unvisited-post
display flex
color var(--efu-secondtext)
font-size .5rem
position relative
&:visited
color var(--efu-card-bg)
/.article-meta-wrap
position absolute
bottom 0
transition .3s
display flex
flex-direction row
flex-wrap nowrap
justify-content space-between
width 100%
left 0
padding 0 32px
white-space nowrap
color var(--efu-fontcolor)
font-size .7rem
+maxWidth768()
bottom 16px
> .article-meta
margin 0 8px 0 0
white-space nowrap
overflow hidden
text-overflow ellipsis
display flex
> .article-meta__tags
margin-right 8px
padding 0 .2rem 0 0
color var(--efu-fontcolor)
> .post-meta-date
right 0
text-align right
i
display none
.article-meta__separator
display none
a:hover
background-color var(--efu-none)
color var(--efu-lighttext)
cursor pointer
border-radius 4px
i
margin 0 .4rem 0 0
.sticky
color var(--efu-fontcolor)
themes/solitude/source/css/_layout/rightmenu.styl
+79
View File
@@ -0,0 +1,79 @@
if hexo-config('right_menu.enable')
#rightMenu
display none
position fixed
padding 0 .25rem
width 9rem
height fit-content
top 10%
left 10%
background-color var(--efu-maskbgdeep)
backdrop-filter blur(20px)
transform translateZ(0)
color var(--efu-fontcolor)
border-radius 12px
z-index 99994
border var(--style-border)
user-select none
box-shadow var(--efu-shadow-black)
transition border .3s
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-theme)
.rightMenu-group
padding .35rem .3rem
&.rightMenu-small
display flex
justify-content space-between
.rightMenu-item
width 30px
height 30px
line-height 30px
display flex
align-items center
justify-content center
&.rightMenu-line
.rightMenu-item
display flex
.rightMenu-item
border-radius 8px
transition .3s
cursor pointer
margin .25rem 0
padding .25rem .5rem
&:hover
background-color var(--efu-lighttext)
color var(--efu-card-bg)
box-shadow var(--efu-shadow-main)
i
display inline-block
text-align center
line-height 1.5rem
width 1.5rem
padding 0 .25rem
margin 0 .25rem
span
line-height 1.5rem
.rightMenu-line
border-top 1px dashed var(--efu-theme-op)
#rightmenu-mask
position fixed
width 100vw
height 100vh
background 0 0
top 0
left 0
display none
margin 0 !important
z-index 99993
themes/solitude/source/css/_layout/sidebar.styl
+240
View File
@@ -0,0 +1,240 @@
#sidebar
background var(--efu-maskbg)
#menu-mask
position fixed
z-index 1001
display none
width 100%
height 100%
background var(--efu-maskbg)
-webkit-backdrop-filter saturate(180%) blur(20px)
backdrop-filter saturate(180%) blur(20px)
transform translateZ(0)
animation .6s ease 0s 1 normal none running to_show
#sidebar-menus
position fixed
top 0
right -300px
overflow hidden auto
width 300px
height 100%
background var(--efu-maskbgdeep)
transition all .5s ease 0s
z-index 1001
border-left var(--style-border-always)
+minWidth768()
display none
+maxWidth768()
.back-menu-list-groups .back-menu-list .back-menu-item
width calc(50% - 16px)
&:hover
background var(--efu-lighttext)
.menus_items
li
.site-page
font-weight 400
.site-page:hover
background var(--efu-main) !important
color var(--efu-white)
.site-page span:hover
color var(--efu-white)
/ .site-data
display flex
width 100%
justify-content flex-start
margin 12px 0 0 0
padding .6rem 16px
.data-item
display flex
justify-content flex-start
margin-right 36px
.data-item-link > a
display flex
flex-direction column
align-items flex-start
.data-item-link .length-num
color var(--efu-fontcolor)
font-size 20px
font-weight 700
line-height 1
.data-item-link .headline
font-size 12px
color var(--efu-secondtext)
.menus_items
padding 0 16px
.site-page
position relative
display block
padding 0
color var(--efu-fontcolor)
cursor pointer
font-size 14px
font-weight 700
.menus_item > .site-page
display flex
font-size 12px
color var(--efu-secondtext)
.expand
position absolute
top .78em
right .4rem
transition transform .3s ease 0s
&.hide
transform rotate(90deg) !important
.menus_item_child
margin 0 -4px
list-style none
display flex
flex-direction row
flex-wrap wrap
.site-page.child
display flex
flex-direction column
align-items center
padding 8px
border-radius 8px
border var(--style-border-always)
background var(--efu-card-bg)
li
width calc(50% - 8px)
margin 4px
.site-page.child span
line-height 1
margin-top 8px
> hr
display none
&.open
transform translate3d(-100%, 0, 0)
.back-menu-list-groups
padding 0 16px
.back-menu-list-title
font-size 12px
color var(--efu-secondtext)
.back-menu-list
width calc(100% + 16px)
justify-content flex-start
margin 0 -8px
.back-menu-item
background var(--efu-card-bg)
border var(--style-border-always)
border-radius 8px
.back-home-button
display none
> .author-avatar
padding 1.3rem 1.5rem 0
text-align center
img
width 110px
height 110px
border-radius 70px
transition all .5s ease 0s
&:hover
transform rotate(360deg)
hr
margin 1rem auto
.card-tag-cloud
padding 0 16px
display flex
white-space nowrap
flex-direction row
gap .5rem
flex-wrap wrap
margin-bottom 60px
a
color var(--efu-fontcolor) !important
padding 2px 8px 2px 12px
border-radius 8px
border var(--style-border-always)
background var(--efu-card-bg)
font-size 14px !important
sup
opacity .6
margin-left 4px
span.sidebar-menu-item-title
font-size 12px
color var(--efu-secondtext)
margin-left 16px
.sidebar-menu-item
display flex
flex-direction column
padding 0 16px
margin-bottom 6px
span.darkmode_switchbutton
padding 4px 8px
[data-theme="dark"] &
background var(--efu-orange)
color var(--efu-white)
span.menu-child
width 100%
background var(--efu-card-bg)
border-radius 8px
border var(--style-border-always)
display flex
align-items center
font-size 14px
i
width 24px
height 24px
display flex
align-items center
justify-content center
span.menu-child span
margin-left 10px
.webinfo
padding 0 16px
display flex
white-space nowrap
flex-direction column
.webinfo-item
justify-content space-between
.menus_items .site-page span:hover
color var(--efu-fontcolor)
#toggle-sidebar
bottom 80px
themes/solitude/source/css/_layout/universe.styl
+18
View File
@@ -0,0 +1,18 @@
// universe
if hexo-config('display_mode.universe')
#universe
display block
position fixed
margin 0
padding 0
border 0
outline 0
left 0
top 0
width 100%
height 100%
pointer-events none
z-index 1
[data-theme=light]
#universe
display none
themes/solitude/source/css/_mode/index.styl
+96
View File
@@ -0,0 +1,96 @@
[data-theme=dark]
--efu-theme $dark_theme
--efu-theme-op $dark_theme_op
--efu-theme-op-deep $dark_theme_op_deep
--efu-theme-none $dark_theme_none
--efu-blue #0084ff
--efu-red #ff3842
--efu-pink #d44040
--efu-green #3e9f50
--efu-purple #7a60d2
--efu-yellow #ffc93e
--efu-yellow-op #ffc93e30
--efu-orange #ff953e
--efu-fontcolor #f7f7fa
--efu-background #18171d
--efu-reverse #fff
--efu-maskbg rgba(0, 0, 0, 0.6)
--efu-maskbgdeep rgba(0, 0, 0, 0.85)
--efu-hovertext #0a84ff
--efu-ahoverbg #fff
--efu-lighttext var(--efu-theme)
--efu-secondtext #a1a2b8
--efu-scrollbar rgba(200, 200, 223, 0.4)
--efu-card-btn-bg #30343f
--efu-post-blockquote-bg #000
--efu-post-tabs-bg #121212
--efu-secondbg #30343f
--efu-secondbg-bg #21232a
--efu-shadow-nav 0 5px 20px 0px rgba(28, 28, 28, 0.4)
--efu-card-bg #1b1c20
--efu-card-bg-op var(--efu-white-op)
--efu-card-bg-none #1d1b2600
--efu-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.0)
--efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.0)
--efu-card-border #3d3d3f
--efu-shadow-border 0 8px 16px -4px #00000050
--style-border 1px solid var(--efu-card-border)
--style-border-always 1px solid var(--efu-card-border)
--style-border-hover 1px solid var(--efu-theme)
--style-border-hover-always 1px solid var(--efu-theme)
--style-border-dashed 1px dashed var(--efu-theme-op)
--style-border-forever 2px solid var(--efu-lighttext)
--efu-hl-bg $hl_bg_dark
--efu-hltools-bg $hltools_bg_dark
[data-theme=light]
--efu-theme $light_theme
--efu-theme-op $light_theme_op
--efu-theme-op-deep $light_theme_op_deep
--efu-theme-op-light #4259ef0d
--efu-theme-none $light_theme_none
--efu-blue #425aef
--efu-red #f04a63
--efu-pink #ff7c7c
--efu-green #57bd6a
--efu-yellow #c28b00
--efu-yellow-op #d99c001a
--efu-orange #e38100
--efu-purple #7a60d2
--efu-fontcolor #363636
--efu-background #f7f9fe
--efu-reverse #000
--efu-maskbg rgba(255, 255, 255, 0.6)
--efu-maskbgdeep rgba(255, 255, 255, 0.85)
--efu-hovertext var(--efu-main)
--efu-ahoverbg #f7f7fa
--efu-lighttext var(--efu-main)
--efu-secondtext rgba(60, 60, 67, 0.8)
--efu-scrollbar rgba(60, 60, 67, 0.4)
--efu-card-btn-bg #edf0f7
--efu-post-blockquote-bg #fafcff
--efu-post-tabs-bg #f2f5f8
--efu-secondbg #f7f7f9
--efu-secondbg-bg var(--efu-secondbg)
--efu-shadow-nav 0 5px 12px -5px rgba(102, 68, 68, 0.05)
--efu-card-bg #fff
--efu-card-bg-op var(--efu-black-op)
--efu-card-bg-none rgba(255, 255, 255, 0)
--efu-shadow-lightblack 0 5px 12px -5px rgba(102, 68, 68, 0.00)
--efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
--efu-card-border #e3e8f7
--efu-shadow-border 0 8px 16px -4px #2c2d300c
--style-border 1px solid var(--efu-card-border)
--style-border-always 1px solid var(--efu-card-border)
--style-border-hover 1px solid var(--efu-main)
--style-border-hover-always 1px solid var(--efu-main)
--style-border-dashed 1px dashed var(--efu-theme-op)
--style-border-forever 2px solid var(--efu-main)
--efu-navbg var(--efu-theme-op)
--efu-hl-bg $hl_bg_light
--efu-hltools-bg $hltools_bg_light
:root
+maxWidth768()
--style-border 0px solid var(--efu-none)
--style-border-hover 0px solid var(--efu-main)
themes/solitude/source/css/_page/_about/about.styl
+50
View File
@@ -0,0 +1,50 @@
#about-page
display flex
padding-top 1rem
flex-direction column
align-items center
gap .5rem
.author-title
font-size 2rem
font-weight 700
margin .5rem 0
line-height 1
if "tenyear" in $about
@import "tenyear"
if "authorinfo" in $about
@import "author"
if "contentinfo" in $about
@import "contentinfo"
if "skills" in $about
@import "skills"
if "oneself" in $about
@import "oneself"
if "motto" in $about
@import "buff"
@import "maxim"
if "game1" in $about
@import "game"
if "personalities" in $about
@import "personalities"
@import "myphoto"
if "careers" in $about
@import "careers"
if "likes" in $about
@import "like"
if "tj" in $about
@import "statistic"
if "award" in $about
@import "reward"
themes/solitude/source/css/_page/_about/author.styl
+92
View File
@@ -0,0 +1,92 @@
#about-page
.author-info
display flex
align-items center
margin 0 0 16px 0
.author-tag-left
display flex
flex-direction column
align-items flex-end
.author-tag
&:first-child,
&:last-child
margin-right -16px
.author-tag-right
display flex
flex-direction column
align-items flex-start
.author-tag
&:first-child,
&:last-child
margin-left -16px
+maxWidth768()
.author-tag-left, .author-tag-right
display none
.author-tag
transform translate(0, -4px)
padding 1px 8px
background var(--efu-card-bg)
border var(--style-border-always)
border-radius 40px
margin-top 6px
font-size 14px
font-weight 700
box-shadow var(--efu-shadow-lightblack)
animation 6s ease-in-out 0s infinite normal none running floating
&:nth-child(1)
animation-delay 0s
&:nth-child(2)
animation-delay .6s
&:nth-child(3)
animation-delay 1.2s
&:nth-child(4)
animation-delay 1.8s
.author-img
margin 0 30px
border-radius 50%
width 180px
height 180px
position relative
background var(--efu-secondbg)
user-select none
transition .3s
&:hover
transform scale(1.1)
&::before
content ''
transition 1s
width 30px
height 30px
background var(--efu-green)
position absolute
border-radius 50%
border 5px solid var(--efu-background)
bottom 5px
right 10px
z-index 2
+maxWidth768()
width 120px
height 120px
&::before
bottom -2px
right -2px
width 20px
height 20px
img
border-radius 200px
themes/solitude/source/css/_page/_about/buff.styl
+34
View File
@@ -0,0 +1,34 @@
#about-page
.author-content-item.buff
font-size 36px
font-weight 700
line-height 1.1
display flex
align-items flex-start
flex-direction column
justify-content center
background linear-gradient(120deg, #ff27e8 0, #ff8000 100%)
color var(--efu-white)
background-size 200%
animation gradient 15s ease infinite
min-height 200px
height fit-content
width 59.5%
.card-content
display flex
flex-direction column
justify-content center
.buff-title
display flex
flex-direction column
span:first-child
opacity 0.6
margin-bottom 8px
.title1
opacity .8
font-size .6rem
margin-bottom .5rem
themes/solitude/source/css/_page/_about/careers.styl
+27
View File
@@ -0,0 +1,27 @@
#about-page
.author-content-item.careers
min-height 400px
img
position absolute
left 0
bottom 20px
width 100%
transition .6s
user-select none
.careers-group
margin-top 12px
.careers-item
display flex
align-items center
.circle
width 16px
height 16px
margin-right 8px
border-radius 16px
.name
color var(--efu-secondtext)
themes/solitude/source/css/_page/_about/contentinfo.styl
+78
View File
@@ -0,0 +1,78 @@
#about-page
.myInfoAndSayHello
display flex
flex-direction column
justify-content center
color var(--efu-white)
background linear-gradient(120deg, #5b27ff 0, #00d4ff 100%)
background-size 200%
animation gradient 15s ease infinite
width 59.5%
.title1
opacity .8
line-height 1.3
.title2
font-size 36px
font-weight 700
line-height 1.1
margin .5rem 0
.inline-word
word-break keep-all
white-space nowrap
.aboutsiteTips
display flex
justify-content center
align-items flex-start
flex-direction column
width 39.5%
h2
margin-right auto
font-size 36px
font-family Helvetica
line-height 1.06
letter-spacing -.02em
color var(--efu-fontcolor)
margin-top 0
.mask
height 36px
position relative
overflow hidden
margin-top 4px
span
display block
box-sizing border-box
position absolute
top 36px
padding-bottom var(--offset)
background-size 100% 100%
-webkit-background-clip text
background-clip text
-webkit-text-fill-color transparent
background-repeat no-repeat
&[data-show]
transform translateY(-100%)
transition .5s transform ease-in-out
&[data-up]
transform translateY(-200%)
transition .5s transform ease-in-out
span:nth-child(1)
background-image linear-gradient(45deg, #0ecffe 50%, #07a6f1)
span:nth-child(2)
background-image linear-gradient(45deg, #18e198 50%, #0ec15d)
span:nth-child(3)
background-image linear-gradient(45deg, #8a7cfb 50%, #633e9c)
span:nth-child(4)
background-image linear-gradient(45deg, #fa7671 50%, #f45f7f)
themes/solitude/source/css/_page/_about/game.styl
+41
View File
@@ -0,0 +1,41 @@
#about-page
.author-content-item.game-apex
min-height 300px
overflow hidden
color var(--efu-white)
width 59%
&::after
box-shadow 0 -69px 203px 11px #04120f inset
position absolute
content ''
width 100%
height 100%
top 0
left 0
.card-content
position absolute
width 100%
height 100%
top 0
left 0
z-index 2
display flex
flex-direction column
padding 1rem 2rem
.author-content-item.game-jl
width 39%
min-height 300px
overflow hidden
color var(--efu-white)
&::after
box-shadow 0 -69px 203px 11px #415dc9 inset
position absolute
content ''
width 100%
height 100%
top 0
left 0
themes/solitude/source/css/_page/_about/like.styl
+29
View File
@@ -0,0 +1,29 @@
#about-page
.author-content-item.like-technology
background-size cover
min-height 230px
color var(--efu-white)
&::after
box-shadow 0 -69px 203px 11px #050b20 inset
position absolute
content ''
width 100%
height 100%
top 0
left 0
.author-content-item.like-music
background-size cover
min-height 400px
color var(--efu-white)
overflow hidden
&::after
box-shadow 0 -69px 203px 11px #0e0e0e inset
position absolute
content ''
width 100%
height 100%
top 0
left 0
themes/solitude/source/css/_page/_about/maxim.styl
+23
View File
@@ -0,0 +1,23 @@
#about-page
.author-content-item.maxim
font-size 36px
font-weight 700
line-height 1.1
display flex
align-items flex-start
flex-direction column
justify-content center
width 39.5%
.maxim-title
display flex
flex-direction column
span:first-child
opacity 0.6
margin-bottom 8px
.title1
opacity .8
font-size .6rem
margin-bottom .5rem
themes/solitude/source/css/_page/_about/myphoto.styl
+34
View File
@@ -0,0 +1,34 @@
#about-page
.author-content-item.myphoto
height 60%
min-height 240px
position relative
overflow hidden
width 39.5%
display flex
align-items center
justify-content center
img
position absolute
height 100%
min-width 100%
object-fit cover
transition .6s
user-select none
&:hover
img
min-width 105%
transition 2s
.myphoto-title
position absolute
bottom 0
left 0
width 100%
background var(--efu-maskbgdeep)
padding .5rem 2rem
backdrop-filter saturate(180%) blur(20px)
-webkit-backdrop-filter blur(20px)
transform translateZ(0)
themes/solitude/source/css/_page/_about/oneself.styl
+91
View File
@@ -0,0 +1,91 @@
#about-page
.author-content-item-group
&.column
display flex
flex-direction column
width 49%
justify-content space-between
+maxWidth768()
width 100% !important
&.mapAndInfo
width 59.5%
gap .5rem
.author-content-item
+minWidth1300()
animation slide-in .6s 0s backwards
&.map
background var(--site-about-oneself-map--light) no-repeat center
min-height 160px
max-height 400px
position relative
overflow hidden
height 60%
background-size 100%
transition 1s ease-in-out
.map-title
position absolute
bottom 0
left 0
width 100%
background var(--efu-maskbg)
padding 0.5rem 2rem
backdrop-filter saturate(180%) blur(20px)
transition 1s ease-in-out
font-size 20px
transform translateZ(0)
+maxWidth768()
padding 1rem
b
color var(--efu-fontcolor)
+maxWidth768()
margin-bottom 0
[data-theme=dark] &
background var(--site-about-oneself-map--dark) no-repeat center
background-size 100%
&:hover
background-size 120%
transition 4s ease-in-out
background-position-x 0
background-position-y 36%
.map-title
bottom -100%
.author-content-item.selfInfo
display flex
min-height 100px
max-height 400px
justify-content space-between
align-items center
flex-wrap wrap
height -webkit-fill-available
height 40%
+maxWidth1300()
height 70%
div
display flex
flex-direction column
margin .5rem 2rem .5rem 0
.selfInfo-title
opacity .8
font-size .6rem
line-height 1
margin-bottom 8px
.selfInfo-content
font-weight 700
font-size 34px
line-height 1
themes/solitude/source/css/_page/_about/personalities.styl
+25
View File
@@ -0,0 +1,25 @@
.author-content-item.personalities
overflow hidden
position relative
width 59.5%
+maxWidth768()
min-height 360px
.title2
font-size 36px
font-weight 700
line-height 1.1
.image
position absolute
right -40px
bottom -10rem
transition transform 2s cubic-bezier(.13, .45, .21, 1.02)
user-select none
+maxWidth768()
right -70px
&:hover
.image
transform rotate(-10deg)
themes/solitude/source/css/_page/_about/reward.styl
+114
View File
@@ -0,0 +1,114 @@
#about-page
.author-content-item
&.single.reward
overflow unset
.author-content-item
.author-content-item-title
color var(--efu-red)
.reward-list-updateDate
color var(--efu-gray)
font-size 14px
.author-content-item-description
font-size 16px
margin-top .5rem
.reward-list-all
display flex
flex-wrap wrap
flex-direction row
margin 1rem -.25rem .5rem
.post-reward
position absolute
right 2rem
top 2rem
.reward-main
top 60px
right 0
left auto
bottom auto
width fit-content
.reward-all::before
bottom auto
top -16px
.reward-button
padding 8px 12px
background var(--efu-red)
border-radius 12px
z-index 1
box-shadow initial
width fit-content
height fit-content
line-height 2
+maxWidth768()
display none
&:hover
.reward-button
filter brightness(1.1)
.reward-list-item
padding 1rem
border-radius 12px
border var(--style-border-always)
width calc((100% / 6) - .5rem)
margin 0 .25rem .5rem .25rem
box-shadow var(--efu-shadow-border)
flex-direction column
justify-content space-between
+maxWidth1200()
width calc((100% / 4) - .5rem)
+maxWidth900()
width calc((100% / 2) - .5rem)
+maxWidth768()
width 100%
.reward-list-item-name
font-size 1rem
font-weight 700
line-height 1
margin-bottom .5rem
white-space nowrap
overflow hidden
text-overflow ellipsis
.reward-list-bottom-group
display flex
align-items center
justify-content space-between
.reward-list-item-money
padding 4px
background var(--efu-fontcolor)
color var(--efu-card-bg)
font-size 12px
line-height 1
display flex
align-items center
justify-content center
border-radius 4px
margin-right 4px
white-space nowrap
.solitude
font-size 14px
margin-right 4px
.reward-list-item-time
font-size 12px
color var(--efu-secondtext)
white-space nowrap
.reward-list-tips
p
font-size 12px
color var(--efu-secondtext)
themes/solitude/source/css/_page/_about/skills.styl
+75
View File
@@ -0,0 +1,75 @@
#about-page
.author-content-item.skills
display flex
justify-content center
align-items flex-start
flex-direction column
width 49.5%
min-height 450px
.tags-group-all
display flex
transform rotate(0)
transition .3s
.tags-group-wrapper
margin-top 40px
display flex
flex-wrap nowrap
animation rowleft 60s linear infinite
.skills-style-group
position relative
.skills-list
display flex
opacity 0
transition .3s
position absolute
width 100%
top 0
left 0
flex-wrap wrap
flex-direction row
margin-top 10px
&:hover
.skills-style-group
.tags-group-all
opacity 0
.skills-list
opacity 1
.skill-info
display flex
align-items center
margin-right 10px
margin-top 10px
background var(--efu-background)
border-radius 40px
padding 4px 12px 4px 8px
border var(--style-border)
box-shadow var(--efu-shadow-border)
.etc
margin-right 10px
margin-top 10px
.skill-icon
width 32px
height 32px
border-radius 32px
display flex
align-items center
justify-content center
margin-right 8px
user-select none
img
width 18px
height 18px
.skill-name
font-weight 700
line-height 1
themes/solitude/source/css/_page/_about/statistic.styl
+55
View File
@@ -0,0 +1,55 @@
#about-page
.author-content-item
.card-content
z-index 2
.about-statistic
min-height 380px
width 39.5%
background-size cover
color var(--efu-white)
overflow hidden
&::after
box-shadow 0 -159px 173px 71px #0f1114 inset
position absolute
content ''
width 100%
height 100%
top 0
left 0
#statistic
font-size 16px
border-radius 15px
width 100%
color var(--efu-white)
display flex
justify-content space-between
flex-direction row
flex-wrap wrap
margin-top 4px
margin-bottom 2rem
div
display flex
justify-content space-between
flex-direction column
width 50%
margin-bottom .5rem
span:first-child
opacity .8
font-size .6rem
span:last-child
font-weight 700
font-size 34px
line-height 1
white-space nowrap
.banner-button
background var(--efu-white-op)
.banner-button:hover
background var(--efu-theme)
themes/solitude/source/css/_page/_about/tenyear.styl
+56
View File
@@ -0,0 +1,56 @@
.percentage-label
position absolute
left 0
font-size 14px
color var(--efu-card-bg)
font-weight bold
top 10px
white-space nowrap
transition left 0.5s linear
visibility hidden
.time-labels
display flex
justify-content space-between
width 100%
> div
font-size 14px
color var(--efu-fontcolor)
.tenyear-timeline
width 100%
background-color var(--efu-background)
position relative
overflow hidden
margin-bottom 20px
border-radius 0.5rem
height 2.5rem
.progress
width 0
height 100%
background-color var(--efu-main)
position absolute
animation-delay -0.1s
border-radius 0.5rem
animation renamedProgressAnimation 2s linear forwards
.past-time
animation renamedPastTimeAnimation 3s linear forwards
width 2px
height 20px
position absolute
transform-origin left
@keyframes renamedProgressAnimation
0%
width 0
100%
width var(--progress-percentage, 0)
@keyframes renamedPastTimeAnimation
0%
transform scaleX(0)
100%
transform scaleX(var(--past-time-percentage, 0))
themes/solitude/source/css/_page/_gallery/index.styl
+38
View File
@@ -0,0 +1,38 @@
#gallery
padding 16px 0
display flex
flex-wrap wrap
-webkit-box-pack start
justify-content flex-start
margin -8px
-webkit-box-align stretch
align-items stretch
#album
margin 5px auto
.locate
display flex
position absolute
left 8px
top 8px
padding 4px 6px
border-radius 8px
background var(--efu-black-op)
font-size 12px
color var(--efu-white)
transition .3s
z-index 1
user-select none
.st-gallery-item
margin-bottom 24px
overflow hidden
border-radius 8px
transition all .3s
border var(--style-border-always)
.st-gallery-image
width 100%
display block
height auto
themes/solitude/source/css/_page/_home/carousel.styl
+108
View File
@@ -0,0 +1,108 @@
div#swiper_container
width 100%
height 12rem
position relative
transition all .3s
overflow hidden
display flex
flex-direction row
justify-content center
align-items center
.blog-slider__pagination .swiper-pagination-bullet
margin 0 8px
width 11px
height 11px
display inline-block
border-radius 99px
background var(--efu-gray)
opacity .2
transition all .3s
.blog-slider__pagination .swiper-pagination-bullet-active
opacity 1
background var(--efu-main)
height 30px
.blog-slider__pagination
position absolute
z-index 21
text-align center
display flex
justify-content space-between
flex-direction column
height 60%
#swiperBox.recent-post-item
width 100%
margin-top 0
flex 1 1 100%
max-width none
+maxWidth798()
display none
#swiperBox
.blog-slider__item.swiper-slide
padding 1rem
display flex
justify-content space-between
flex-direction row
height 100%
&:hover
.blog-slider__img
img
transform scale(1.1)
transition all .3s
.blog-slider__title
color var(--efu-main)
transition all .3s
.blog-slider__img
border-radius 12px
overflow hidden
width 35%
height 100%
transition all .3s
cursor pointer
img
width 100%
height 100%
object-fit cover
.blog-slider__content
margin 0 2rem 0 1rem
position relative
width 65%
display flex
align-items left
flex-direction column
height 100%
.article-meta-wrap
padding 0
bottom 0
.tags-punctuation
&:hover
color var(--efu-main)
transition all .3s
.blog-slider__title
font-size 1.5rem
font-weight 600
color var(--efu-fontcolor)
margin 0
transition all .3s
cursor pointer
.blog-slider__desc
-webkit-line-clamp: 4;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
opacity: 0.8;
font-size: 14px;
line-height: 1.8;
themes/solitude/source/css/_page/_home/category-bar.styl
+95
View File
@@ -0,0 +1,95 @@
#category-bar
padding .4rem .7rem
background var(--efu-card-bg)
border-radius 12px
display flex
white-space nowrap
overflow hidden
border var(--style-border)
transition 0.3s
height 50px
width 100%
justify-content space-between
user-select none
align-items center
margin-bottom .5rem
+minWidth1300()
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
+minWidth1200()
animation: slide-in .6s .3s backwards;
+maxWidth768()
margin-bottom 0
margin-top 0
border-radius 0
background var(--efu-background)
padding 0 1rem
border none
.category-bar-right
display flex
align-items center
.category-bar-next
margin-left 8px
cursor pointer
height 30px
width 30px
display flex
border-radius 8px
align-items center
justify-content center
transition .3s
.category-bar-more
margin-left 4px
font-weight 700
border-radius 8px
padding 0 8px
div:hover,a:hover
background var(--efu-secondbg-bg)
color var(--efu-lighttext)
.category-bar-items
white-space nowrap
overflow-x scroll
overflow-y hidden
display flex
border-radius 8px
align-items center
height 30px
&::-webkit-scrollbar
display: none
.category-bar-item
&:hover
a
background var(--efu-secondbg-bg)
color var(--efu-lighttext)
a
padding .1rem .5rem
margin-right 6px
font-weight 700
border-radius 8px
display flex
align-items center
height 30px
border var(--style-border-always)
&.select
order -1
a
background var(--efu-theme)
color var(--efu-white)
&.home
a
border initial
themes/solitude/source/css/_page/_home/home-top.styl
+275
View File
@@ -0,0 +1,275 @@
#home_top
.recent-top-post-group
border-radius 12px
overflow hidden
width 100%
margin-bottom 0
user-select none
+maxWidth768()
border-radius 0
.recent-post-top
display flex
flex-direction row
flex-wrap nowrap
width 100%
gap .5rem
+maxWidth1200()
flex-direction column
&::-webkit-scrollbar
display none
.recent-post-group
display flex
flex-direction row
flex-wrap wrap
align-content space-between
gap .5rem
+maxWidth1200()
flex-wrap nowrap
/ #bannerGroup
display flex
+minWidth1201()
width calc(50% - .25rem)
height calc(328px + .5rem)
display flex
flex-direction column
justify-content space-between
.tags-group-wrapper
margin-top 0
display flex
flex-wrap wrap
animation rowup 60s linear infinite
width 300px
margin-left auto
.tags-group-icon-pair
display flex
.tags-group-icon:nth-child(even)
margin-left 4rem
/.topGroup
display flex
gap .5rem
+maxWidth1200()
overflow-x auto
&::-webkit-scrollbar
display none
+minWidth1201()
display flex
flex-direction row
flex-wrap wrap
justify-content flex-start
height calc(328px + 0.5rem)
align-content space-between
width calc(50% - 0.25rem)
position relative
animation slide-in .6s .1s backwards
.recent-post-item
display flex
flex-direction column
width calc(100% / 3 - 0.5rem)
align-items flex-start
background var(--efu-card-bg)
border-radius 12px
overflow hidden
height 164px
max-height 164px
border var(--style-border-always)
transition .3s
position relative
box-shadow var(--efu-shadow-border)
+maxWidth1200()
width 200px
min-width 200px
&:hover .post_cover a .recent-post-top-text
left 0
.post_cover
width 100%
a
height 100px
overflow hidden
display flex
img
object-fit cover
width 100%
background var(--efu-secondbg)
.recent-post-top-text
position absolute
top 0
left -50px
display flex
z-index 1
background var(--efu-theme)
color var(--efu-white)
padding 2px 8px
font-size .6rem
border-radius 0 0 12px 0
transition .3s
cursor pointer
/.recent-post-info
padding .3rem .5rem .3rem .5rem
transition .3s
.article-title
-webkit-line-clamp 2
overflow hidden
display -webkit-box
-webkit-box-orient vertical
line-height 1.5
justify-content center
align-items flex-end
align-content center
font-weight 700
font-size .8rem
padding 0
&:hover
color var(--efu-fontcolor)
.todayCard
display none
+minWidth1201()
position absolute
width 100%
z-index 3
height 100%
top 0
right 0
background var(--efu-card-bg)
border-radius 12px
overflow hidden
transition .3s
display flex
cursor pointer
pointer-events all
&::after
position: absolute
content: ''
width: 100%
height: 100%
top: 0
left: 0
box-shadow 0 -109px 133px -9px $todayCardColor inset
&.hide
opacity: 0
pointer-events: none
.todayCard-info
position: absolute
bottom: 2rem
left: 2rem
z-index: 2
color: var(--efu-white)
max-width: 60%
transition: .3s
.todayCard-tips
opacity: .8
font-size: .6rem
.todayCard-title
font-size: 28px
font-weight: 700
line-height: 36px
.todayCard-cover
position: absolute
min-width: 100%
min-height: 100%
top: 0
left: 0
background-size: cover
z-index: -1
transition: .3s
.banner-button-group
position: absolute
right: 2rem
bottom: 2rem
display: flex
transition: .3s
.banner-button
background: var(--efu-white-op)
border-radius: 20px
color: var(--efu-white)
display: flex
align-items: center
z-index: 1
transition: .3s
cursor: pointer
backdrop-filter: saturate(180%) blur(20px)
transform: translateZ(0)
height: 40px
width: 118px
justify-content: center
i
margin-right: 8px
font-size: 22px
&:hover
background: var(--efu-theme)
color: var(--efu-white)
&.hide
.todayCard-info
bottom: 1rem
opacity: 0
.todayCard-cover
transform: scale(1.2)
.banner-button-group
bottom: 1rem
.banners-links
display flex
position absolute
bottom 20px
left 40px
flex-direction column
justify-content space-between
flex-wrap wrap
height 120px
.banners-link-btn
display flex
flex-direction row
align-items center
padding 8px 18px 8px 14px
border-radius 60px
margin-bottom 12px
color var(--efu-white)
width 100px
position relative
background-size 200%
&:not(:last-child)
margin-right 10px
&:hover
background-position 100% 0
.banners-link-title
margin-left auto
themes/solitude/source/css/_page/_home/home.styl
+24
View File
@@ -0,0 +1,24 @@
if hexo-config('hometop.enable') || hexo-config('says.enable')
#home_top
max-width 1400px
margin 0 auto
padding .5rem 1.5rem
+maxWidth768()
padding 0 1rem
margin-top 0
if hexo-config('hometop.enable')
@import "home-top.styl"
if hexo-config('carousel')
@import "carousel.styl"
@import "category-bar.styl"
if hexo-config('aside.position') == 0
#home
order 2
else
#home
order 1
themes/solitude/source/css/_page/category.styl
+114
View File
@@ -0,0 +1,114 @@
#category
#category-bar
padding 0
border none
height auto
box-shadow none
+maxWidth768()
border-radius 0
background var(--efu-background)
margin-bottom 0
position -webkit-sticky
position sticky
z-index 1
padding 0
height 50px
margin-top 0
align-items center
#page
.category-lists
padding 1rem 0 1.5rem
+maxWidth768()
padding 0
ul
display flex
flex-wrap wrap
flex-direction row
margin-top .4rem
padding 0 0 0 1rem
list-style none
counter-reset li 0
ul
padding-left .2rem
li
position relative
margin .3rem 0
padding 4px 16px
width 200px
border-radius 12px
background var(--efu-card-bg)
border var(--style-border-always)
&::before
display none
position absolute
left 0
cursor pointer
transition all .3s ease-out 0s
top .7em
width .43em
height .43em
border .215em solid #307af6
border-radius .43em
background 0 0
content ""
&:hover::before
border-color #ff7242
.category-title
font-size 2.57em
+maxWidth768()
font-size 2em
.tag-cloud-list
gap .5rem
a
display flex
width fit-content
color var(--efu-fontcolor)
font-size 1.4em
padding 0.2em 0.5em
background var(--efu-card-bg)
border-radius 12px
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
align-items center
transition all .3s ease 0s
+maxWidth768()
zoom .85
span.tags-punctuation
transition none
&:hover
background var(--efu-main) !important
box-shadow var(--efu-shadow-blue)
color var(--efu-white) !important
border var(--style-border-hover)
span.tagsPageCount
color var(--efu-lighttext)
span.tags-punctuation
color inherit
span.tagsPageCount
background var(--efu-secondbg)
padding 4px 4px
border-radius 8px
color var(--efu-secondtext)
line-height 1
text-align center
min-width 35px
display inline-block
font-size 1rem
margin-left 4px
themes/solitude/source/css/_page/equipment.styl
+103
View File
@@ -0,0 +1,103 @@
#equipment
margin-top 26px
.equipment-item
.equipment-item-title
line-height 1
.equipment-item-description
line-height 1
margin 4px 0 8px 0
color var(--efu-secondtext)
.equipment-item-content
display flex
flex-direction row
flex-wrap wrap
margin 0 -8px
.equipment-item-content-item
width calc(25% - 12px)
border-radius 12px
border var(--style-border-always)
overflow hidden
margin 8px 6px
background var(--efu-card-bg)
box-shadow var(--efu-shadow-border)
min-height 400px
position relative
user-select none
+maxWidth1200()
width calc(50% - 12px)
+maxWidth768()
width 100%
.equipment-item-content-item-cover
width 100%
height 200px
background var(--efu-secondbg)
display flex
justify-content center
.equipment-item-content-item-image
object-fit cover
height 100%
.equipment-item-content-item-info
padding 8px 16px 16px 16px
margin-top 12px
.equipment-item-content-item-name
font-size 18px
font-weight 700
line-height 1
margin-bottom 8px
white-space nowrap
overflow hidden
text-overflow ellipsis
width fit-content
&:hover
color var(--efu-vip)
cursor pointer
.equipment-item-content-item-specification
font-size 12px
color var(--efu-secondtext)
line-height 1
margin-bottom 12px
white-space nowrap
overflow hidden
text-overflow ellipsis
.equipment-item-content-item-description
line-height 20px
color var(--efu-secondtext)
height 60px
display -webkit-box
overflow hidden
-webkit-line-clamp 3
-webkit-box-orient vertical
font-size 14px
.equipment-item-content-item-toolbar
display flex
justify-content space-between
position absolute
bottom 12px
left 0
width 100%
padding 0 16px
.equipment-item-content-item-link
font-size 12px
background var(--efu-gray-op)
padding 4px 8px
border-radius 8px
cursor pointer
&:hover
background var(--efu-main)
color var(--efu-white)
themes/solitude/source/css/_page/error.styl
+145
View File
@@ -0,0 +1,145 @@
#body-wrap.error
display flex
flex-direction column
justify-content center
align-items center
padding 50px 1rem 1rem
position relative
+maxWidth768()
padding-top 0
#error-wrap
display flex
justify-content center
margin 0 1rem
width 100%
position relative
.error-content
display flex
flex-direction row
justify-content center
align-items center
margin 0 1rem
height 18rem
max-width 800px
background var(--efu-card-bg)
transition all .3s ease 0s
border var(--style-border-always)
position relative
width 100%
box-shadow none
border-radius 12px
+maxWidth768()
flex-direction column
margin 0
height 25rem
width 100%
.error-img
flex 1 1 0
height 100%
width 600px
border-top-left-radius 8px
border-bottom-left-radius 8px
background-color var(--efu-main)
background-position center center
background-size cover
+maxWidth768()
flex 1 1 0
width 100%
border-radius 12px
.error-info
flex 1 1 0
padding .5rem
text-align center
font-size 14px
font-family "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
+maxWidth768()
width 100%
padding-bottom 2rem
.error_title
font-size 4rem
.error_title
font-size 9em
line-height 1
.error_subtitle
word-break break-word
font-size 1.6em
-webkit-line-clamp 2
a
display inline-block
margin-top .5rem
padding .3rem 1.5rem
background var(--btn-bg)
color var(--btn-color)
transition .3s
&:hover
background var(--efu-theme)
i
padding-right .3rem
.aside-list
display flex
flex-direction row
flex-wrap nowrap
margin 1rem
max-width 100%
+maxWidth768()
padding-top 0
.aside-list-item
.thumbnail
height 100px
.aside-list-group
display flex
flex-direction row
flex-wrap wrap
max-width 800px
margin 0 auto
justify-content space-between
.aside-list-item
padding .5rem 0
width 49%
img
width 100%
object-fit cover
border-radius 12px
.thumbnail
overflow hidden
width 100%
height 200px
background var(--efu-card-bg)
display flex
.content .title
-webkit-line-clamp 2
overflow hidden
display -webkit-box
-webkit-box-orient vertical
line-height 1.5
justify-content center
align-items flex-end
align-content center
padding-top .5rem
font-size 16px
font-weight 700
.content time
display none
themes/solitude/source/css/_page/google.styl
+32
View File
@@ -0,0 +1,32 @@
.google-vignette-test
animation 0.6s ease 0s 1 normal none running to_show
> body
background-color var(--efu-maskbgdeep)
.header-panel
background-color transparent
border none
.header-message
color var(--efu-fontcolor)
.close-button
line-height inherit
background var(--efu-maskbg)
border-radius 50%
padding 4px
margin 12px
display flex
align-items center
justify-content center
.container
ins
iframe
border-radius 12px
border var(--style-border)
box-shadow var(--efu-shadow-border)
> body
background-color var(--efu-maskbg)
themes/solitude/source/css/_page/index.styl
+71
View File
@@ -0,0 +1,71 @@
@import "_home/home"
@import "category.styl"
@import "tag.styl"
@import "error.styl"
if hexo-config('recent_comments.enable')
@import "recentcomment.styl"
if hexo-config('says.enable')
@import "says.styl"
if hexo-config('music.enable')
@import "music.styl"
if hexo-config('google_adsense.enable')
@import "google.styl"
if $equipment
@import "equipment.styl"
if $link
@import "links.styl"
if $about
@import "_about/about"
@import "other"
@import "message"
#page h1.page-title
display inline
margin .4rem 0 1rem
#page
background 0 0
border none
padding 0
box-shadow none
min-height calc(100vh - 464px)
+maxWidth768()
padding 0 1rem
> div:not(.author-content-item)
animation slide-in .6s .2s backwards
+minWidth768()
> div:nth-child(1) > a::before
height: 24px
width: 44px
content: ""
background-size: 38px 24px
position: absolute
top: 0
left: 0
> a:nth-child(0) > i
padding-right: 8px
+minWidth768()
.needEndHide.hide
bottom -200px !important
opacity 0
+maxWidth768()
.needEndHide
display none!important
themes/solitude/source/css/_page/links.styl
+331
View File
@@ -0,0 +1,331 @@
.flink#banners
margin-bottom: .5rem
.flink#article-container
margin-top 1rem
.flink-desc
margin 0
color var(--efu-secondtext)
.site-card-tag
position absolute
top 0
left 0
padding 4px 8px
background-color var(--efu-blue)
box-shadow var(--efu-shadow-blue)
color var(--efu-white)
z-index 1
border-radius 0 0 12px 0
transition .3s
font-size .6rem
overflow hidden
.light
cursor pointer
position absolute
top 0
width 100px
height 50px
background-image -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0))
animation light_tag 4s both infinite
&.vip
background-color var(--efu-vip)
&.speed
background-color var(--efu-speed)
.site-card-group
padding 20px 0
display flex
flex-wrap wrap
justify-content flex-start
margin -8px
align-items stretch
.site-card
margin 8px
display block
line-height 1.4
border var(--style-border)
border-radius 12px
transition .3s
transition-timing-function ease-in-out
overflow hidden
height 200px
position relative
width calc(100% / 7 - 16px)
background var(--efu-card-bg)
box-shadow var(--efu-shadow-border)
+maxWidth1200()
width calc(20% - 16px)
+maxWidth1024()
width calc(25% - 16px)
+maxWidth768()
width calc(33.3333% - 16px)
.img
border-radius 0
height 120px
width 100%
display flex
border none
padding 0
transition all .3s ease 0s
overflow hidden
img
border-radius 0
transform scale(1.03)
transition .3s
margin 0
max-width 100%
width 100%
height 100%
object-fit cover
.img-alt
display none
.info
display flex
border none
padding 0.5rem
width 100%
height 90px
margin 0
border-radius 0 0 12px 12px
img
border-radius 32px
transition all .3s ease-out
margin 2px 8px 0 0
width 20px
height 20px
min-width 20px
min-height 20px
transform scale(1.1)
background var(--efu-secondbg)
.site-card-text
display flex
flex-direction column
align-items flex-start
.title
color var(--efu-fontcolor)
text-align left
font-weight 600
display -webkit-box
-webkit-box-orient vertical
overflow hidden
-webkit-line-clamp 1
transition all .3s ease 0s
.desc
font-size .7rem
color var(--efu-fontcolor)
opacity .7
transition all .3s
text-align left
overflow-wrap break-word
line-height 1.2
display -webkit-box
-webkit-box-orient vertical
overflow hidden
-webkit-line-clamp 2
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
background var(--efu-main)
.site-card-tag
left: -60px
.img
transform scale(1)
filter brightness(.3)
border-radius 12px
background var(--efu-lighttext)
background var(--efu-main)
+minWidth768()
height 80px
img
transform scale(1.1)
a
color var(--efu-white)
background var(--efu-main)
box-shadow var(--efu-shadow-main)
.info
height 120px
background-color var(--efu-theme)
img
width 0
height 0
opacity 0
min-width 0
min-height 0
.title
color var(--efu-white)
.desc
color var(--efu-white)
text-align left
-webkit-line-clamp 4
width 100%
.flink-list
padding 0
margin 0.5rem -6px 1rem -6px
overflow-x hidden
text-align center
&.mini
> .flink-list-item
height 60px
a
img
width 30px
height 30px
min-width 30px
min-height 30px
.flink-item-desc
display none
> .flink-list-item
margin 6px 6px
transition .3s
border-radius 12px
transition-timing-function ease-in-out
position relative
width calc(20% - 12px)
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
background var(--efu-card-bg)
display flex
float left
overflow hidden
height 90px
line-height 17px
transform translateZ(0)
+maxWidth1200()
width calc(25% - 12px)
+maxWidth1024()
width calc(33.3333% - 12px)
+maxWidth768()
width calc(50% - 12px)
+maxWidth600()
width calc(100% - 12px)
a
display flex
width 100%
height 100%
border none
align-items center
.img-alt
display none
img
border-radius 32px
margin 15px 20px 15px 15px
transition .3s
background var(--efu-background)
min-width 60px
min-height 60px
float left
width 60px
height 60px
.flink-item-info
display flex
flex-direction column
justify-content center
width calc(100% - 90px)
height fit-content
padding 0 4px
span
transition .3s
.flink-item-name
text-align left
font-size 19px
line-height 20px
color var(--efu-fontcolor)
display block
padding 0 10px 0 0
font-weight 700
max-width calc(100% - 12px)
overflow hidden
text-overflow ellipsis
white-space nowrap
.flink-item-desc
white-space normal
padding 5px 10px 16px 0
color var(--efu-fontcolor)
text-align left
height 40px
text-overflow ellipsis
opacity .7
display -webkit-box
overflow hidden
-webkit-box-orient vertical
-webkit-line-clamp 2
font-size .93em
&:hover
background var(--efu-theme)
.site-card-tag
left: -50px
a
background 0 0
img
transition .6s
width 0
height 0
opacity 0
margin 5px
min-width 0
min-height 0
.flink-item-info
min-width calc(100% - 20px)
.flink-item-name
color var(--efu-card-bg)
.flink-item-desc
color var(--efu-card-bg)
overflow hidden
width 100%
@keyframes light_tag
0%
transform skewx(0)
left -150px
99%
transform skewx(-25deg)
left 50px
themes/solitude/source/css/_page/message.styl
+64
View File
@@ -0,0 +1,64 @@
.switch_message
display flex
justify-content center
margin 1rem 0
gap .5rem
button
background-color var(--efu-main)
border var(--style-border-always)
border-radius 50px
color var(--efu-card-bg)
padding 0.5rem 1rem
transition background-color 0.3s
#barrage
display flex
justify-content center
width 100%
height calc(100% - 60px)
position fixed
left 0
top 60px
z-index 1
pointer-events none
.default-style
pointer-events all
cursor pointer
font-size 16px
border-radius 100px
overflow hidden
a
background-color rgba(0, 0, 0, 0.5)
transition .3s
color #eee
display flex
align-items center
justify-content center
padding 6px 16px 6px 6px
text-decoration none
border-bottom none
&:hover
background-color rgba(0, 0, 0, 0.7)
img
pointer-events none
height 30px
width 30px
margin 0 5px 0 0 !important
border-radius 50% !important
p
line-height 1
pointer-events none
margin 0 !important
max-width 300px
white-space nowrap
overflow hidden
text-overflow ellipsis
#barrage.hide
z-index -1
opacity 0
themes/solitude/source/css/_page/music.styl
+510
View File
@@ -0,0 +1,510 @@
body[data-type=music]
#page-header #nav a
color var(--efu-white)
#page-header.not-top-img #nav .back-home-button
color var(--efu-white)
.page
.layout#content-inner
background none
#page
padding 0
background transparent
overflow hidden
#footer,
#nav-music
display none
#Music-bg
display none
position fixed
z-index -999
width 200%
height 200%
top -50%
left -50%
background-position 0 0
background-size 40%
transition 0.6s
background-color rgba(0, 0, 0, 0.4)
&:before
display none
content ''
background rgba(0, 0, 0, 0.4)
backdrop-filter blur(200px)
-webkit-backdrop-filter blur(200px)
position fixed
z-index -998
top -50%
left -50%
width 200%
height 200%
&.show
&:before
display block
#Music-page
max-width 1400px
meting-js
.aplayer
display flex
flex-direction row-reverse
background transparent
box-shadow none
justify-content space-between
overflow visible
.aplayer-body
width 70%
height 75vh
+maxWidth798()
width 100%
overflow hidden
position fixed
margin auto
margin-top 50px
left 0
right 0
top 0
height calc(var(--vh) - 230px)
ol
max-height calc(var(--vh) - 170px)!important
& > li
font-size 14px
opacity 0.6
border-top none
+maxWidth798()
display flex
&:hover
background var(--efu-black-op)
border-radius 6px
&.aplayer-list-light
background var(--efu-black-op)
border-radius 6px
height 60px
display flex
flex-direction column
opacity 1
transition none
+maxWidth798()
background var(--efu-main)
padding 5px 20px
border-radius 10px
height 52px
justify-content center
.aplayer-list-index
display none
.aplayer-list-title
font-size 20px
line-height 20px
margin-top 8px
font-weight bold
overflow hidden
text-overflow ellipsis
white-space nowrap
+maxWidth798()
margin-top 4px
.aplayer-list-cur
display none
span
+maxWidth798()
color #fff
&.aplayer-list-author
max-width 100%
+maxWidth798()
margin-left 0
right 15px
span
color var(--efu-white)
+maxWidth798()
color var(--efu-black)
&.aplayer-list-title
line-height 32px
+maxWidth798()
max-width 55%
display -webkit-box
-webkit-line-clamp 1
overflow hidden
-webkit-box-orient vertical
width 30%
&.aplayer-list-author
opacity 0.6
overflow hidden
text-overflow ellipsis
white-space nowrap
max-width 40%
line-height 32px
+maxWidth798()
right 10px
width auto
max-width 35%
display -webkit-box
-webkit-line-clamp 1
overflow hidden
-webkit-box-orient vertical
margin-left auto
.aplayer-list-index
line-height 32px
opacity 0.6
&::-webkit-scrollbar-thumb
background-color var(--efu-white-op)
.aplayer-list
transition none
.aplayer-pic
float none
width 60px
height 60px
border-radius 12px
margin auto
bottom 30px
left 90px
position fixed
z-index 999
display none
.aplayer-info
margin 0 20px 0 20px
border-bottom none
.aplayer-music
display none
+maxWidth798()
display flex
position fixed
top calc(var(--vh) - 178px)
left 0
margin 0
margin-left 32px
height 21px
max-width calc(100vw - 110px)
white-space nowrap
overflow hidden
text-overflow ellipsis
opacity 0.6
align-items center
line-height 1
.aplayer-title
+maxWidth798()
margin 0
.aplayer-author
+maxWidth798()
margin-left 4px
.aplayer-author,
.aplayer-title
+maxWidth798()
white-space nowrap
overflow hidden
text-overflow ellipsis
max-width calc(100vw - 176px)
font-size 16px
font-weight normal
line-height 1
color #fff
.aplayer-lrc
padding-top 24%
height var(--vh)
&:hover
p
filter blur(0px)
p
font-size 36px
line-height 44px !important
height 44px !important
margin-bottom 36px !important
color #fff
font-weight bold
text-align left
filter blur(2px)
opacity 0.3
transition all 0.9s cubic-bezier(0.56, 0.17, 0.22, 0.76)
user-select none
text-shadow 0 4px 0 #ffffff00
overflow hidden
+maxWidth798()
font-size 32px
margin-bottom 38px
line-height 42px
height 42px
&.aplayer-lrc-current
filter blur(0px)
opacity 1
transition all 0.3s cubic-bezier(0.56, 0.17, 0.22, 0.76), text-shadow 8s 4s ease-in
height fit-content !important
text-shadow 0 4px 4px #ffffff94
&:first-child
text-shadow 0 4px 4px #ffffff00
.aplayer-controller
position fixed
max-width 1400px
margin auto
left 0
right 0
bottom 38px
display flex
justify-content center
align-items center
+maxWidth798()
width 100%
bottom 120px
.aplayer-bar-wrap
margin 0 160px 0 150px
+maxWidth798()
margin 0 32px
.aplayer-played
background var(--efu-white) !important
.aplayer-thumb
-webkit-transform none
transform none
background #fff !important
.aplayer-time
position absolute
width 100%
bottom 26px
height 0
display flex
justify-content flex-end
+maxWidth798()
bottom -40px
align-items center
.aplayer-icon
width 1.8rem
height 1.8rem
margin-left 16px
path
fill var(--efu-white)
opacity 0.8
.aplayer-time-inner
margin-right 18px
margin-top -8px
+maxWidth798()
position absolute
width 100%
margin-right 4px
margin-top -60px
.aplayer-dtime
position absolute
right 30px
.aplayer-ptime
position absolute
left 44px
.aplayer-icon-back
position absolute
left 0
display inline
+maxWidth798()
margin auto
right 110px
.aplayer-icon-play
position absolute
left 40px
display inline
+maxWidth798()
margin auto
right 0
left 0
width 56px
height 56px
.aplayer-icon-forward
position absolute
left 80px
display inline
+maxWidth798()
margin auto
left 110px
right 0
.aplayer-icon-order
+maxWidth798()
position absolute
left 22px
width 24px
height 24px
opacity 0.4
.aplayer-icon-loop
+maxWidth798()
position absolute
right 25px
width 24px
height 24px
opacity 0.4
.aplayer-icon-menu
display none
+maxWidth798()
display inline
position absolute
right 30px
top -100px
width 24px
height 24px
opacity 0.4
.aplayer-list
width 40%
max-width 480px
max-height none !important
height 100%
min-width 200px
+maxWidth798()
position fixed
z-index 1002
width 100%
bottom 0
left 0
background var(--efu-white)
border-radius 16px 16px 0 0
padding 15px 0
max-width 100%
height 75vh
transition all .3s
&.aplayer-list-hide
bottom -100% !important
.aplayer
.aplayer-lrc
+maxWidth798()
overflow inherit
&:after,
&:before
display none
.aplayer-lrc-contents
width 90%
margin-left auto
transition all .5s cubic-bezier(0.49, 0.21, 0.22, 0.84)
position relative
+maxWidth798()
width 100%
.aplayer-info
.aplayer-controller
.aplayer-bar-wrap
.aplayer-bar
height 8px
border-radius 8px
background var(--efu-white-op)
.aplayer-loaded
background var(--efu-white-op)
height 8px
border-radius 8px
.aplayer-played
height 8px
border-radius 8px
.aplayer-thumb
height 16px
width 16px
.aplayer-time
color var(--efu-white)
.aplayer-volume-wrap
&:hover
.aplayer-volume-bar-wrap
height 120px
border-radius 40px
width 30px
.aplayer-volume-bar-wrap
width 30px
right 6px
.aplayer-volume-bar
width 100%
height 100%
left 0
.aplayer-volume
width: 100%
background: var(--efu-white) !important
.aplayer-icon-volume-down
display block
+maxWidth798()
display none
.aplayer-volume-bar-wrap
+maxWidth798()
bottom 0
right 7px
.Music-loading
display flex
align-items center
justify-content center
height 50vh
div
font-size 1rem
font-weight bold
letter-spacing 2px
themes/solitude/source/css/_page/other.styl
+270
View File
@@ -0,0 +1,270 @@
div#banners
display flex
width 100%
background var(--efu-card-bg)
border var(--style-border-always)
border-radius 12px
overflow hidden
position relative
box-shadow var(--efu-shadow-border)
flex-direction column
transition .3s
will-change transform
animation slide-in .6s .1s backwards
#home_top &
+maxWidth1200()
height calc(328px + .5rem)
:not(.flink)&:hover
box-shadow var(--efu-shadow-main)
.banner-button-group
position absolute
right 2rem
top 2rem
display flex
+maxWidth768()
display none
.banner-button
padding 8px 12px
background var(--efu-fontcolor)
border-radius 12px
color var(--efu-card-bg)
display flex
align-items center
z-index 1
transition .3s
cursor pointer
box-shadow var(--efu-shadow-black)
&.secondary
background var(--efu-secondbg)
border var(--style-border-always)
color var(--efu-lighttext)
margin-right 1rem
box-shadow var(--efu-shadow-border)
&:hover
background var(--efu-theme)
color var(--efu-white)
i
margin-right 8px
font-size 1rem
/.banners-title
top 2.6rem
left 2rem
position absolute
display flex
flex-direction column
&-big
font-size 36px
line-height 1
font-weight 700
margin-bottom 8px
&-small
font-size 12px
line-height 1
color var(--efu-secondtext)
margin-top 8px
margin-bottom 0.5rem
margin-left 2px
/.flink
.banners-title
top 1.5rem
.bannerText
font-size 4rem
line-height 4rem
font-weight 700
/.tags-group-all
display flex
#home_top &
+maxWidth600()
opacity 0.06
filter blur(8px)
z-index -1
&.nowrapMove
padding-bottom 2rem
.tags-group-wrapper
margin-top: 7rem
animation: rowleft 120s linear infinite
display flex
+maxWidth768()
margin-top 7.5rem
.tags-group-icon
border-radius 50%
img
min-width 100%
min-height 100%
border-radius 50%
object-fit cover
.tags-group-icon-pair
margin-left 1rem
user-select none
a img
border-radius 50%
/.tags-group-icon
width 120px
height 120px
border-radius 30px
display flex
align-items center
justify-content center
color #fff
font-size 66px
font-weight 700
box-shadow var(--efu-shadow-blackdeep)
&:nth-child(even)
margin-top 1rem
transform translate(-60px)
img
width 60%
.author-content
display flex
flex-wrap wrap
justify-content space-between
width 100%
gap .5rem
+maxWidth768()
margin-top 0
.author-content-item
+maxWidth1300()
animation slide-in .6s 0s backwards
+maxWidth768()
width 100% !important
padding 1rem
.author-content.author-content-item.sharePage
height 19rem
background-size cover
color var(--efu-white)
overflow hidden
margin-top 0
.author-content-item
width 49.5%
border-radius 12px
background var(--efu-card-bg)
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
position relative
overflow hidden
padding 1rem 2rem
&.single
width 100%
.author-content-item-title
font-size 36px
font-weight 700
line-height 1
.author-content-item-tips
opacity .8
font-size .6rem
margin-bottom .5rem
.content-bottom
margin-top auto
display flex
align-items center
justify-content space-between
.icon-group
display flex
i
display inline-block
width 22px
height 18px
margin-right .5rem
.card-content
position absolute
width 100%
height 100%
top 0
left 0
display flex
flex-direction column
padding 1rem 2rem
+maxWidth768()
padding 1rem
.author-content-item-title
margin-bottom .5rem
.banner-button-group
position absolute
bottom 1rem
right 2rem
.banner-button
height 40px
width 118px
border-radius 20px
justify-content center
background var(--efu-black-op)
color var(--efu-white)
display flex
align-items center
z-index 1
transition .3s
cursor pointer
backdrop-filter saturate(180%) blur(20px)
-webkit-backdrop-filter blur(20px)
transform translateZ(0)
&:hover
background var(--efu-main)
color var(--efu-card-bg)
i
margin-right 8px
font-size 22px
+maxWidth900()
.author-content-item
.card-content
.banner-button-group
right 1rem
bottom 1rem
.banner-button-group
.banner-button
background 0 0
color var(--efu-white)
padding 0
width 30px
height 30px
i
margin-right 0
font-size 1.5rem
.banner-button-text
display none
themes/solitude/source/css/_page/recentcomment.styl
+85
View File
@@ -0,0 +1,85 @@
div#comments-page
display flex
flex-wrap wrap
gap 12px
min-height 100px
width 100%
margin-top .5rem
.comment-card
position relative
width calc(100% / 3 - 8px)
background var(--efu-card-bg)
border-radius 12px
border var(--style-border-always)
padding 14px
cursor pointer
transition .3s
overflow hidden
gap 8px
display flex
flex-direction column
+maxWidth900()
width calc(100% / 2 - 6px)
+maxWidth768()
width 100%
&:hover
border-color var(--style-border-hover-always)
.comment-info
display flex
align-items center
gap 8px
border-bottom var(--style-border-always)
padding-bottom 8px
div
display flex
flex-direction column
line-height 1.5
.comment-article, .comment-content
transition .3s
overflow hidden
text-overflow ellipsis
display -webkit-box
-webkit-box-orient vertical
-webkit-line-clamp 2
line-height 1.7
font-size 14px
.comment-title
font-size 12px
color var(--efu-secondtext)
margin-top auto
transition .3s
overflow hidden
text-overflow ellipsis
display -webkit-box
-webkit-box-orient vertical
-webkit-line-clamp 1
line-height 1
opacity .6
padding-top 8px
i
font-size 12px
line-height 12px
#comments-page .comment-info img
width 30px
height 30px
object-fit cover
border-radius 30px
margin 0
span.comment-user
font-weight 700
time.comment-time
font-size 12px
color var(--efu-secondtext)
margin-left auto
themes/solitude/source/css/_page/says.styl
+370
View File
@@ -0,0 +1,370 @@
if hexo-config('says.home_mini')
#bbTimeList
background var(--efu-card-bg)
border-radius 12px
display flex
white-space nowrap
overflow hidden
border var(--style-border)
transition .3s
height 50px
width 100%
justify-content space-between
user-select none
align-items center
padding .5rem 1rem
animation slide-in .6s 0s backwards
margin-bottom .5rem
&.more-page
margin-bottom 0
+minWidth1300()
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
+maxWidth768()
margin 0
background var(--efu-background)
border none
i.bber-logo,
i.bber-gotobb
transition .3s
cursor pointer
&:hover
opacity .8
color var(--efu-theme)
i.bber-logo
font-size 2rem
margin-right 1rem
i.bber-gotobb
font-size 16px
margin-left 1rem
if hexo-config('says.enable')
#bber
margin-top .5rem
width 100%
if hexo-config('says.style') == 2
.meta
display flex
align-items center
line-height 1.5
position relative
width 100%
margin-bottom 4px
.avatar
margin 0
width 50px
height 50px
border-radius 10px
.info
display flex
flex-direction column
margin-left 10px
span.bber_nick
color var(--efu-main)
font-size .9rem
time.bber_date
font-size 14px
opacity .6
.goComment
position: absolute
top: 0
right: 0
div
&.bber-content
display flex
flex-direction initial
flex-wrap wrap
border-radius 12px
width 100%
height 100%
if hexo-config('says.style') == 1
.bber-bottom
display flex
justify-content space-between
width 100%
user-select none
.bber-info
display flex
align-items center
.fa-rectangles-mixed
margin-right 8px
.bber-info-time, .bber-info-location
margin-right .5rem
color var(--efu-fontcolor)
font-size .7rem
background-color var(--efu-gray-op)
padding 0 8px
border-radius 20px
cursor default
display flex
align-items center
i
margin-right 8px
font-size 16px
.datafrom
order 2
color var(--efu-secondtext)
font-size .7rem
margin-left 8px
small
font-size .7rem
.bber-content-link
display flex
margin-right .5rem
color var(--efu-secondtext)
font-size .7rem
align-items center
background-color rgba(245, 108, 108, .13)
padding 0 8px
border-radius 20px
&:hover
background-color var(--efu-main)
color var(--efu-white)
i
margin-right 3px
font-size 16px
.count
color var(--efu-secondtext)
font-size .8rem
p
margin 0
.datafrom
i
margin-right 4px
.bber-music
width 100%
height 90px
margin .5rem 0
border-radius 8px
overflow hidden
border var(--style-border-always)
background var(--efu-secondbg)
.aplayer-lrc
display none
.aplayer
margin 0
.aplayer-info
.aplayer-music
height 23px
.aplayer-title
font-size .8rem
font-weight 700
margin 0
color var(--efu-black)
.aplayer-controller
align-items center
.aplayer-bar-wrap
padding 0
.aplayer-bar
background var(--efu-gray)
height 8px
border-radius 12px
transition .3s
overflow hidden
.aplayer-played
height 100%
border-radius 12px
.aplayer-thumb
display none
.aplayer-loaded
height 100%
border-radius 12px
&:hover
.aplayer-bar
height 12px
.aplayer-time
position initial
&.aplayer-withlrc
.aplayer-pic
height 82px
width 82px
margin 4px
border-radius 4px
.bber-video
position relative
padding 30% 50%
margin 0.5rem 0
.bber-content-img
height 100px
margin auto
margin-top 0.2rem
margin-bottom 0.3rem
margin-left 0
border-radius 12px
overflow hidden
display flex
position relative
img
margin-right 10px
object-fit cover
max-height 100%
border-radius 12px
min-height 100px
height 100px
.bber-content
.datacont
order 0
font-size .8rem
font-weight 700
color var(--efu-fontcolor)
width 100%
line-height 1.38
border-radius 12px
margin-bottom .5rem
display flex
flex-direction column
text-align justify
.timeline
ul
li
&.item
position relative
width calc(33% - .06rem)
border var(--style-border-always)
border-radius 12px
padding 1rem 1rem .5rem
transition .3s
display flex
flex-direction column
flex-wrap nowrap
justify-content space-between
align-items flex-start
background var(--efu-card-bg)
margin-right .5rem
margin-bottom .5rem
box-shadow var(--efu-shadow-border)
+maxWidth1300()
width 49.5%
margin-right 1%
+maxWidth768()
width 100%
margin-right 0
padding 16px 20px
hr
display flex
position relative
margin 8px 0
border 1px dashed var(--efu-theme-op)
width 100%
&:hover
border var(--style-border-hover)
ul
&.list
display flex
flex-direction row
flex-wrap wrap
li
&.item
display flex
flex-direction column
flex-wrap nowrap
align-items flex-start
#bber .bber-video video,
#bber .bber-video iframe
position absolute
width 100%
height 100%
left 0
top 0
margin 0
border-radius 8px
border var(--style-border)
#bber-tips
font-size 14px
display flex
justify-content center
margin-top 1rem
color var(--efu-secondtext)
#bber-talk
width 100%
height 25px
line-height 25px
display flex
flex-direction column
.li-style
width auto
max-width 100%
height 25px
text-align center
overflow hidden
text-overflow ellipsis
transition .3s
display flex
justify-content center
align-items center
font-weight 700
margin auto
cursor pointer
white-space nowrap
.solitude
font-size 1rem
margin-left .5rem
#bbtalk
overflow hidden
width 100%
text-overflow ellipsis
white-space nowrap
#bbTimeList
.li-style
&:hover
color var(--efu-theme)
transition .3s
themes/solitude/source/css/_page/tag.styl
+59
View File
@@ -0,0 +1,59 @@
#tag
+minWidth1300()
padding: 4rem 2rem 1rem 2rem!important
overflow hidden
+maxWidth768()
padding 0 1rem
#tag-page-tags
display flex
flex-direction row
flex-wrap wrap
margin 0
margin-bottom 0.5rem
position absolute
z-index 1
width 100%
padding 1rem 2rem
left 0
top 0
max-height 64px
overflow hidden
background var(--efu-card-bg)
backdrop-filter saturate(180%) blur(20px)
transition .1s ease-out
&:hover
max-height 1000px
transition .3s ease-out
background var(--efu-maskbgdeep)
a
padding .1rem .5rem
margin .25rem .25rem
line-height 1.6
border-radius 8px
color var(--efu-fontcolor) !important
border var(--style-border-always)
display flex
align-items center
background var(--efu-card-bg)
transition all .3s ease-out 0s
&.select
order -1
color var(--efu-card-bg) !important
background var(--efu-theme)
box-shadow var(--efu-shadow-theme)
&:hover
color var(--efu-white) !important
background var(--efu-theme)
box-shadow var(--efu-shadow-theme)
&.select .tagsPageCount
background var(--efu-card-bg)
color var(--efu-lighttext)
+maxWidth768()
display none
themes/solitude/source/css/_post/ads.styl
+4
View File
@@ -0,0 +1,4 @@
#post
.google-ads-warp
+maxWidth900()
margin 0 1rem
themes/solitude/source/css/_post/commentBarrage.styl
+135
View File
@@ -0,0 +1,135 @@
.comment-barrage
position fixed
bottom 0
right 20px
padding 0 0 20px 10px
display none
flex-direction column
justify-content flex-end
z-index 999
transition all .3s ease 0s
user-select none
+maxWidth768()
display none !important
.comment-barrage-item
min-width 300px
max-width 300px
width fit-content
min-height 80px
max-height 150px
margin 4px
padding 8px 14px
background var(--efu-maskbgdeep)
border-radius 8px
color var(--efu-fontcolor)
animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageIn;
transition all 0.3s ease 0s
display: flex
flex-direction column
border var(--style-border)
backdrop-filter saturate(180%) blur(20px)
box-shadow var(--efu-shadow-border)
overflow hidden
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-main)
&.out
opacity 0
animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageOut
&.hovered
opacity 0
.comment-barrage-close
color var(--efu-secondtext)
cursor pointer
line-height 1
margin 4px
&:hover
color var(--efu-main)
.solitude
color var(--efu-fontcolor)
font-size 18px
.barrageHead
height 30px
padding 0 0 6px
line-height 30px
font-size 12px
border-bottom var(--style-border)
display flex
justify-content space-between
align-items center
font-weight 700
.barrageTitle
color var(--efu-card-bg)
margin-right 8px
background var(--efu-fontcolor)
line-height 1
padding 4px
border-radius 4px
white-space nowrap
&:hover
background var(--efu-main)
color var(--efu-white)
.barrageAvatar
width 16px
height 16px
margin 0 8px 0 auto
border-radius 50%
background var(--efu-secondbg)
.barrageContent
height calc(100% - 30px)
overflow hidden
width fit-content
max-height 48px
font-size 14px !important
font-weight 400 !important
h1, h2, h3, h4
font-size 14px !important
font-weight 400 !important
margin 8px 0 !important
a
pointer-events none
font-size 14px !important
p
margin 8px 0
line-height 1.3
overflow hidden
text-overflow ellipsis
-webkit-line-clamp 2
display -webkit-box
-webkit-box-orient vertical
font-size 14px
max-width 270px
img:not(.tk-owo-emotion)
display none
img.tk-owo-emotion
width 16px
padding 0
margin 0
transform translateY(2px)
pre, li, blockquote, br
display none
&::-webkit-scrollbar
height 0
width 4px
&::-webkit-scrollbar-button
display none
themes/solitude/source/css/_post/copyright.styl
+214
View File
@@ -0,0 +1,214 @@
#post
.post-copyright
background var(--efu-secondbg)
border-width 1px
transition 0.3s
position relative
margin 80px 0 .5rem
border-radius 12px
padding 34px 0 20px 0
border var(--style-border-always)
+maxWidth768()
box-shadow var(--efu-shadow-border)
padding: 1rem 1.3rem;
.post-copyright__author_group
.post-copyright__author_img
width 64px
height 64px
margin auto
border-radius 64px
overflow hidden
position absolute
left calc(50% - 33px)
top -33px
border var(--style-border-always)
box-shadow var(--efu-shadow-main)
img
width 100%
height 100%
object-fit cover
object-position center
position absolute
bottom 0
left 0
&:hover
transform scale(1.3)
.post-copyright__author_name
text-align center
font-size 20px
font-weight 700
margin-top 16px
color var(--efu-fontcolor)
line-height 1
.post-copyright__author_desc
text-align center
font-size 14px
color var(--efu-secondtext)
margin-top 4px
.post-copyright__notice
font-size 12px
margin 0.5rem 0
display flex
justify-content center
.post-copyright-info
padding-left 0
color var(--efu-secondtext)
overflow hidden
display -webkit-box
-webkit-line-clamp 3
-webkit-box-orient vertical
text-align center
max-width 500px
+maxWidth768()
-webkit-line-clamp 2
a
text-decoration none
word-break break-word
padding 0 4px
border-radius 4px
color var(--efu-fontcolor)
font-weight 700
&:hover
text-decoration none
background-color var(--efu-main)
color var(--efu-white)
cursor pointer
border-radius 4px
.social-share
display flex
justify-content center
height 40px
margin .5rem auto
gap .5rem
flex-wrap wrap
.social-share-ico
display flex
justify-content center
align-items center
width 40px
height 40px
border-radius 12px
border var(--style-border)
cursor pointer
transition .3s
+maxWidth768()
&:nth-child(n+6)
display none
&:hover
color white
.icon-qq
color #56b6e7
border-color #56b6e7
&:hover
background-color #56b6e7
.icon-weibo
color #d44040
border-color #d44040
&:hover
background-color #d44040
.icon-facebook
color #415dc9
border-color #415dc9
&:hover
background-color #415dc9
.icon-twitter
color #56b6e7
border-color #56b6e7
&:hover
background-color #56b6e7
.icon-telegram
color #56b6e7
border-color #56b6e7
&:hover
background-color #56b6e7
.icon-linkedin
color #0077b5
border-color #0077b5
&:hover
background-color #0077b5
.icon-whatsapp
color #25d366
border-color #25d366
&:hover
background-color #25d366
.icon-link
color #425AEF
border-color #425AEF
&:hover
background-color #425AEF
.icon-qrcode
position relative
color #000
border-color #000
+maxWidth900()
display none
&:hover
background-color #000
.share-main
display flex
.share-main
display none
position absolute
bottom 1.7rem
z-index 100
padding-bottom 15px
&-all
padding 12px
border-radius 12px
background var(--efu-background)
animation donate_effcet 0.3s 0.1s ease both
flex-direction column
border var(--style-border-always)
.reward-dec
font-size 0.6rem
color var(--efu-fontcolor)!important
text-align center
#qrcode
width 150px
height 150px
min-width 150px
min-height 150px
background var(--efu-white)
padding 8px
border-radius 8px
margin-bottom 8px
border var(--style-border-always)
img
width 132px
height 132px
themes/solitude/source/css/_post/index.styl
+18
View File
@@ -0,0 +1,18 @@
if hexo-config('comment.commentBarrage')
@import 'commentBarrage'
@import "copyright"
@import "meta"
@import "relatedPost"
@import "tools"
@import "pagination"
if hexo-config('post_ai.enable')
@import "postAI"
if hexo-config('google_adsense.enable')
@import "ads.styl"
themes/solitude/source/css/_post/meta.styl
+377
View File
@@ -0,0 +1,377 @@
.post
#page-header.post-bg
height 20rem
background-color var(--efu-background)
transition .6s
overflow hidden
+minWidth1300()
height: 25rem
+maxWidth768()
height 30rem
background-color var(--efu-main) !important
transition 0s
margin-bottom -12px
&::before
transition .3s
height 20rem
background-color var(--efu-main)
opacity 1
position absolute
top 0
left 0
display block
width 100%
content ""
+minWidth1300()
height 25rem
opacity 0
background-color var(--efu-main)
animation slide-in-op .6s 0s forwards
+maxWidth768()
height 15rem
.post-bg
.main-hero-waves-area
width 100%
position absolute
left 0
bottom -11px
.waves-area .waves-svg
width 100%
height 60px
.parallax > use
animation move-forever 30s cubic-bezier(.55, .5, .45, .5) infinite
.parallax > use:nth-child(1)
animation-delay -2s
animation-duration 7s
fill var(--efu-background)
opacity .5
.parallax > use:nth-child(2)
animation-delay -3s
animation-duration 10s
fill var(--efu-background)
opacity .6
.parallax > use:nth-child(3)
animation-delay -4s
animation-duration 13s
fill var(--efu-background)
opacity .7
.parallax > use:nth-child(4)
animation-delay -5s
animation-duration 20s
fill var(--efu-background)
+maxWidth768()
.main-hero-waves-area
display none
#post-cover
width 100%
height 100%
object-fit cover
min-width 50vw
min-height 20rem
opacity .8
+minWidth768()
min-height 15rem !important
height 70% !important
opacity 1 !important
.coverdiv
width 70%
height 100%
position relative
overflow hidden
margin 0 -20% 0 auto
transform rotate(10deg) translateY(-10%) scale(2)
filter blur(10px)
&:after
position absolute
content ''
width 100%
height 100%
top 0
left 0
box-shadow 110px -130px 300px 60px var(--efu-main) inset
+minWidth768()
width 70%
height 100%
position relative
overflow hidden
margin 0 -20% 0 auto
transform rotate(10deg) translateY(-8%) scale(1.8)
filter blur(10px)
opacity 0
&.loaded
display block
opacity .5
animation showCover 1s .3s backwards
transform rotate(10deg) translateY(-10%) scale(2)
+maxWidth768()
margin 0 0 0 auto
transform rotate(0) translateY(0) scale(1)
filter blur(0)
width 100%
height 30rem
&:after
box-shadow 0 0 205px 59px var(--efu-main) inset
&.loaded
display block
#post-info
top 0
position absolute
padding 0 3rem
margin 0 auto
color var(--efu-white)
max-width 1400px
display flex
flex-direction column
align-items flex-start
height calc(100% + 0px)
justify-content center
animation slide-in .6s 0s backwards
width 100%
text-align center
+minWidth1300()
height calc(100% + 0px)
top 0
display flex
justify-content center
+maxWidth900()
bottom 1.5rem
text-align left
+maxWidth768()
padding 0 6%
justify-content normal
padding-top 18rem
.post-title
color var(--efu-white)
font-weight 700
font-size 2.3rem
line-height 1.2
text-align left
margin 1rem 0 1rem 0
-webkit-line-clamp 2
padding 0
overflow hidden
+maxWidth768()
font-size 1.2rem
-webkit-line-clamp 3
margin .2rem auto
text-align center
z-index 1
+minWidth1300()
width 1100px
font-size 2.6rem !important
#post-meta
margin-top .4rem
transition .3s
display flex
user-select none
color var(--light-grey)
font-size 95%
+maxWidth768()
font-size 90%
padding 0 2rem
a
color var(--light-grey)
transition all .3s ease-out 0s
i
font-size 16px
margin-right 4px
> div
text-align left
.meta-secondline
display flex
flex-direction row
flex-wrap wrap
justify-content flex-start
align-items center
+maxWidth768()
justify-content center
> span
display: flex
align-items center
line-height 1
margin 0 .5rem
+maxWidth768()
line-height 1.5
> span:first-child
margin-left 0
.post-meta-date, .post-meta-wordcount, .post-meta-position, .post-meta-pv
opacity .6
.post-meta-separator
margin 0 1rem 0 0
.post-meta-pv
margin-right 8px
padding 0 8px
display flex
align-items center
border-radius 12px
&:hover
opacity 1
background var(--efu-white-op)
text-decoration none
color var(--efu-white)
.post-meta-pv-cv
margin-left .8rem
#busuanzi_value_page_pv
font-weight 800
.post-meta-commentcount
opacity .6
cursor pointer
transition .3s
border-radius 12px
padding 8px
&:hover
opacity 1
background var(--efu-white-op)
.post-meta-wechat
margin-right .8rem
opacity .6
transition .3s
cursor pointer
&:hover
opacity 1
background var(--efu-white-op)
#post-firstinfo
text-align left
display flex
white-space nowrap
user-select none
+maxWidth768()
white-space nowrap
margin 0 auto
z-index 1
.tag_share
display none
.meta-firstline
display flex
align-items center
height 32px
+maxWidth768()
margin-bottom .4rem
.post-meta-original
background var(--efu-white-op)
color var(--efu-white)
padding 0 .5rem
font-size .7rem
margin auto
border-radius 8px
font-weight 700
line-height 32px
width 100%
height 100%
display flex
&:hover
color var(--efu-main)
background var(--efu-white)
border-radius 8px
.tag_share
margin-left .5rem
.post-meta__tag-list
display flex
flex-direction row
align-items center
+maxWidth768()
display none
&::-webkit-scrollbar
display none
.post-meta__tags
color var(--efu-white)
opacity .8
margin-right 8px
padding 0 8px
border-radius 12px
display flex
align-items center
flex-direction row
&:hover
color var(--efu-white)
opacity 1
background var(--efu-white-op)
+maxWidth768()
margin 0 .5rem 0 0
span.post-meta-categories
background-color var(--efu-white-op)
border-radius 8px
line-height 32px
height 32px
transition .3s
&:not(:first-child)
margin-left 8px
&:hover
background-color var(--efu-white)
a.post-meta-categories
color var(--efu-white)
font-size .7rem
width 100%
height 100%
display flex
padding 0 .5rem
&:hover
color var(--efu-main)
themes/solitude/source/css/_post/pagination.styl
+190
View File
@@ -0,0 +1,190 @@
#post #pagination
overflow hidden
position inherit
border var(--style-border-always)
div:only-child
width 100%!important
+minWidth1300()
position fixed
width 300px
bottom -100px
right 20px
z-index 7
height fit-content
transition cubic-bezier(.42, 0, .3, 1.11) .3s
border var(--style-border)
border-radius 12px
overflow hidden
cursor pointer
opacity 0
+maxWidth768()
border-radius 12px
border var(--style-border-always)
box-shadow var(--efu-shadow-border)
&.pagination-post
margin-top 1.5rem
background var(--efu-card-bg)
+minWidth768()
border-radius 12px
margin-top 1rem
+minWidth1300()
margin-top 0
.next-post, .prev-post, .next-post.pull-right, .prev-post.pull-left
background var(--efu-secondbg)
+minWidth1300()
background var(--efu-maskbgdeep)
backdrop-filter blur(5px)
transform translateZ(0)
+maxWidth768()
background var(--efu-card-bg)
.next-post.pull-full, .prev-post.pull-full
+minWidth1300()
width 100%
.prev-post.pull-left
+minWidth1300()
display none
+maxWidth768()
border-bottom var(--style-border-always)
.next-post.pull-right
+minWidth1300()
width 100%
.next-post, .prev-post
width 50%
+minWidth1300()
text-align left
position relative
+maxWidth768()
width 100%
.label
color var(--efu-fontcolor)
text-transform uppercase
font-size 90%
+minWidth1300()
color var(--efu-fontcolor)
font-weight 700
font-size 12px
margin-bottom 0.5rem
border-bottom var(--style-border)
line-height 1
padding-bottom 0.5rem
+maxWidth768()
text-align left
a
position relative
display block
overflow hidden
height 150px
+minWidth768()
&:hover
background var(--efu-main)
div
color: var(--efu-white)
+maxWidth768()
&:hover
background var(--efu-none)
.prev-post
.pagination-info
text-align left
a
+minWidth768()
border-right var(--efu-main-op)
border-right-width 1px
border-right-style solid
+minWidth1300()
border none
height fit-content
padding 0.5rem 0
.next-post
.pagination-info
text-align right
+minWidth1300()
text-align left
a
+minWidth768()
border-left var(--efu-main-op)
border-left-width 1px
border-left-style solid
display flex
align-items flex-start
height 150px
+minWidth1300()
border none
height fit-content
padding 0.5rem 0
.pagination-info
position absolute
top 50%
padding 1rem 2rem
width 100%
transform translate(0, -50%)
+minWidth768()
padding 1rem 1.5rem 1rem 1.5rem
position relative
display flex
top 0
transform none
flex-direction column
justify-content center
margin auto
height 100%
+minWidth1300()
padding 0.5rem 1rem
transform none
.next_info, .prev_info
color var(--efu-fontcolor)
font-weight 700
-webkit-line-clamp 2
white-space normal
line-height 1.3
font-size .9rem
display -webkit-box
-webkit-box-orient vertical
overflow hidden
margin-bottom 10px
+minWidth1300()
font-size 14px
font-weight 400
margin-bottom 0
+maxWidth768()
text-align left
&.show-window
+minWidth1300()
bottom 20px
opacity 1
themes/solitude/source/css/_post/postAI.styl
+130
View File
@@ -0,0 +1,130 @@
.post-ai
background var(--efu-secondbg)
border-radius 12px
padding 12px
line-height 1.3
border var(--style-border-always)
margin-top 16px
min-height 101.22px
box-shadow var(--efu-shadow-border)
+maxWidth768()
margin-top 22px
.ai-title
display flex
color var(--efu-lighttext)
border-radius 8px
align-items center
padding 0 12px
user-select none
.ai-title-left
display flex
align-items center
color var(--efu-lighttext)
i.ai-title-icon
width 24px
height 24px
display flex
background var(--efu-lighttext)
color var(--efu-card-bg)
font-size 14px
border-radius 20px
justify-content center
align-items center
.ai-title-text
font-weight 700
margin-left 8px
line-height 1
font-size 14px
.ai-tag
font-size 12px
background-color var(--efu-lighttext)
box-shadow var(--efu-shadow-main)
color var(--efu-card-bg)
font-weight 700
border-radius 12px
margin-left auto
line-height 12px
padding 6px 8px
display flex
align-items center
justify-content center
cursor pointer
transition .3s
&.loadingAI
animation-duration 2s
animation-name AILoading
animation-iteration-count infinite
animation-direction alternate
cursor default
&:hover:not(.loadingAI)
background var(--efu-fontcolor)
color var(--efu-card-bg)
.ai-explanation
margin-top 12px
padding 8px 12px
background var(--efu-card-bg)
border-radius 8px
border var(--style-border-always)
font-size 15px
line-height 1.4
display none
text-align left
.blinking-cursor
background-color var(--efu-lighttext)
width 14px
height 14px
border-radius 16px
display inline-block
vertical-align middle
animation blinking-cursor 2s infinite
margin-left 4px
margin-bottom 3px
transform scale(.6)
.ai-suggestions
display flex
flex-wrap wrap
.ai-suggestions-item
margin-top 12px
padding 8px 12px
background var(--efu-card-bg)
border-radius 8px 8px 8px 0
border var(--style-border-always)
font-size 14px
line-height 1.4
display flex
width fit-content
margin-right 12px
cursor pointer
transition .3s
&:hover
background var(--efu-main)
color var(--efu-white)
.ai-bottom
width 100%
margin-top 12px
padding 0 12px
display flex
.ai-tips
font-size 12px
color var(--efu-secondtext)
margin-right auto
.ai-report
font-size 12px
color var(--efu-secondtext)
white-space nowrap
themes/solitude/source/css/_post/relatedPost.styl
+149
View File
@@ -0,0 +1,149 @@
.relatedPosts
margin-top 2rem
user-select none
.relatedPosts-list > div
position relative
display inline-block
overflow hidden
margin 3px
width calc(33.333% - 6px)
height 200px
background var(--efu-main)
vertical-align bottom
.cover
width 360px
min-width 45%
height 100%
transition all .6s ease 0s
object-fit cover
filter brightness(.9)
max-width 45%
&::after
content ' '
display block
position absolute
z-index 0
top 0
left 0
width 100%
height 100%
background url(error_img) 50%
background-size cover
.content
padding 0 1rem
width 100%
.date
color var(--light-grey)
font-size 90%
.title
color var(--efu-white)
-webkit-line-clamp 2
margin-right auto
a
display flex
width 100%
height 100%
.headline
margin-bottom .5rem
font-weight 700
font-size 20px
display flex
align-items center
span
margin-right auto
margin-left 8px
a
font-weight 400
&:hover
color var(--efu-lighttext)
&-link
display block
justify-content space-between
margin-left 8px
font-size 13px
.relatedPosts-list
display flex
flex-wrap wrap
justify-content space-between
flex-direction column
+maxWidth768()
.relatedPosts,
.relatedPosts-list > div
margin 2px
width calc(50% - 4px)
height 150px
+maxWidth600()
.relatedPosts,
.relatedPosts-list > div
width calc(100% - 4px)
+minWidth768()
#post > div.relatedPosts > div.relatedPosts-list > div
-webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
border-radius 12px
.relatedPosts > .headline
font-size .8em
+maxWidth1300()
#post > div.relatedPosts > div.relatedPosts-list > div:nth-child(7),
#post > div.relatedPosts > div.relatedPosts-list > div:nth-child(8)
display none
.relatedPosts > .relatedPosts-list > div
background var(--efu-secondbg)
border var(--style-border)
transition .3s
cursor pointer
overflow hidden
width 100%
margin-bottom 8px
&:hover
background var(--efu-main)
.content
.title
color var(--efu-fontcolor)
font-weight 700
line-height 1.5
-webkit-line-clamp 4
font-size .9rem
text-align left
overflow hidden
.date
color var(--efu-fontcolor)
display none
&:hover
a
.title
color var(--efu-white)
+maxWidth768()
.relatedPosts
display none
> .relatedPosts-list
> div
border-radius 4px
+minWidth768()
.relatedPosts
margin-top .5rem
themes/solitude/source/css/_post/tools.styl
+260
View File
@@ -0,0 +1,260 @@
#post
.post-tools
display: flex
width: 100%
justify-content: center
margin-top: 8px
flex-wrap: wrap
user-select: none
.post-tools-left
white-space: nowrap
display: flex
text-overflow: ellipsis
justify-content: center
flex-wrap: wrap
#quit-box
position: fixed
width: 100vw
height: 100vh
background: rgba(0, 0, 0, .2)
top: 0
left: 0
opacity: .01
display: none
z-index: 101
margin: 0
+maxWidth768()
height: calc(100vh - 380px)
// reward
/.post-reward
position: relative
text-align: center
display: flex
justify-content: center
&:hover
> .reward-main
display: block
+minWidth768()
> .reward-main
display: flex
justify-content: left
.reward-button
color: var(--efu-white)
background: var(--efu-theme)
box-shadow: none
.reward-button
background: var(--efu-red)
color: var(--efu-white)
padding: 0 16px
height: 40px
border-radius: 8px
line-height: 39px
box-shadow: var(--efu-shadow-red)
display: inline-block
cursor: pointer
transition: all .4s ease 0s
i
margin-right: 4px
&:hover
background-color: var(--efu-theme)
.reward-main
animation: .3s ease .1s 1 normal both running donate_effcet
position: absolute
bottom: 40px
left: -96px
z-index: 100
display: none
padding: 0 0 15px
width: fit-content
+maxWidth768()
justify-content: center !important
position: fixed
bottom: 0
left: 0
right: 0
z-index: 1003
width: 100%
margin: auto
padding: 0
.reward-all
margin: 0
padding: .8rem
border-radius: 12px
background: var(--efu-card-bg)
border: var(--style-border-always)
display: flex
box-shadow: var(--efu-shadow-border)
flex-direction: column
align-items: center
+maxWidth768()
width: 100%
display: flex
flex-wrap: wrap
justify-content: space-around
padding: 30px 10px 60px
border-radius: 12px 12px 0 0
&::before
position: absolute
bottom: -10px
left: 0
width: 100%
height: 20px
content: ""
.reward-title
font-weight: 700
color: var(--efu-red)
text-wrap: wrap
.reward-group
display: flex
margin-top: .5rem
.reward-item
display: inline-block
padding: 0 8px
list-style-type: none
vertical-align: top
img
width: 130px
height: 130px
.post-qr-code-desc
padding-top: .4rem
width: 130px
color: var(--efu-gray)
margin-top: -8px
margin-bottom: 8px
.post-qr-code-img
box-shadow: var(--efu-shadow-lightblack)
border-radius: 12px
border: var(--style-border-always)
.reward-main-btn
background: var(--efu-secondbg)
color: var(--efu-fontcolor)
display: flex
flex-direction: column
border-radius: 12px
padding: 4px 0
border: var(--style-border-always)
width: 100%
&:hover
color: var(--efu-white)
background: var(--efu-red)
background-image: url(/img/flower.gif)
box-shadow: var(--efu-shadow-red)
.reward-text
margin-bottom: 0
font-weight: 700
.reward-dec
font-size: .6rem
text-wrap: wrap
// rss
.reward-link.mode
background: var(--efu-green)
color: var(--efu-white)
padding: 0 16px
height: 40px
line-height: 39px
box-shadow: var(--efu-shadow-green)
border-radius: 8px
margin-left: .5rem
cursor: pointer
text-align: center
transition: .3s
a
color: var(--efu-white)
i
margin-right: 4px
&:hover
background: var(--efu-theme)
box-shadow: none
.post-tools-right
padding-right: 0
display: flex
align-items: center
flex-direction: row
justify-content: space-between
flex-wrap: wrap
.tag_share
.post-meta__tag-list
display: flex
padding: 0
width: 100%
flex-wrap: wrap
flex-direction: row
a
margin-bottom: 8px
margin-right: 8px
.post-meta__tags
background: var(--efu-card-bg)
border: var(--style-border-always)
color: var(--efu-fontcolor)
border-radius: 8px
display: flex
align-items: center
white-space: nowrap
height: 40px
padding: 0 .6rem
width: fit-content
font-size: .85em
transition: all .2s ease-in-out 0s
&:hover
background: var(--efu-lighttext)
box-shadow: var(--efu-shadow-main)
color: var(--efu-white)
span.tagsPageCount
color: var(--efu-lighttext)
background: var(--efu-maskbgdeep)
transition: all .2s ease-in-out 0s
span.tags-punctuation
font-size: 12px
margin-right: 1px
display: flex
align-items: center
.tagsPageCount, / #tag-page-tags .tagsPageCount
padding: 2px
background: var(--efu-fontcolor)
border: var(--style-border-always)
min-width: 22.5px
display: inline-block
border-radius: 4px
text-align: center
font-size: .6rem
color: var(--efu-card-bg)
margin-left: 4px
themes/solitude/source/css/_search/algolia-search.styl
+181
View File
@@ -0,0 +1,181 @@
.search-dialog
position fixed
top 5rem
left 50%
z-index 1001
display none
margin-left -15rem
padding 1rem
width 30rem
box-shadow var(--efu-shadow-lightblack)
background var(--efu-card-bg)
border var(--style-border)
transition 0.3s
border-radius 8px
animation slide-in .6s ease 0s 1 normal none running
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-theme)
+maxWidth768()
border none
+maxWidth768()
top 0
left 0
margin 0
width 100%
height 100%
border 0
.algolia-navbar
display flex
align-items center
margin-bottom 8px
.algolia-tips
color var(--efu-secondtext)
right 0
margin-left auto
opacity .8
.search-close-button
color var(--efu-secondtext)
font-size 1.4em
line-height 1
cursor pointer
padding 4px
border-radius 50px
margin-left 4px
transition .3s
&:hover
color var(--efu-main)
.algolia-tips-text
margin-left .4rem
#algolia-input-panel
margin-bottom 8px
.search-box, .ais-SearchBox
padding-top 8px
max-width 100%
position relative
width 100%
min-width 100%
input, .ais-SearchBox-input
height 100%
width 100%
padding 0.25rem 0.7rem
outline 0
border var(--style-border)
border-radius 8px
background var(--efu-secondbg)
color var(--efu-fontcolor)
&:focus
border var(--style-border-hover)
.ais-Pagination
.ais-Pagination-item--disabled
visibility hidden
#search-results
padding-top 8px
max-height calc(80vh - 130px)
overflow-y auto
+maxWidth768()
max-height 80vh !important
.ais-Hits-list
padding 0
.ais-Hits-item
margin 10px 0
.algolia-hit-item-content
margin 0
padding-left 10px
font-size 14px
color var(--efu-gray)
.algolia-hit-item-link
width auto
max-width 100%
white-space nowrap
text-overflow ellipsis
overflow hidden
font-weight bold
mark
color var(--efu-theme)
font-style normal
background var(--efu-card-bg)
.ais-Hits--empty
text-align center
font-weight 600
.ais-Pagination-list
margin 0.2rem 0 0
padding 0
text-align center
.ais-Pagination-item.pagination-item
margin 0 0.2rem
padding 0
display inline-block
a
border-radius 4px
color var(--efu-white)
cursor pointer
display inline-block
min-width 1.2rem
text-align center
line-height 1.2rem
.search-dialog__title
font-weight 700
padding 0 0 0.7rem
color var(--efu-main)
font-size 1.4em
line-height 1
#algolia-tips
padding-top 12px
color var(--efu-secondtext)
right 0
margin auto
.algolia-tips-text
margin-left .4rem
#search-mask
position fixed
inset 0
z-index 1000
display none
background rgba(0, 0, 0, 0.6)
backdrop-filter blur(12px)
-webkit-backdrop-filter blur(12px)
transform translateZ(0)
background var(--efu-maskbgdeep)
#algolia-hits
.tag-list
padding 4px 8px
border-radius 8px
margin-right 0.5rem
margin-top 0.5rem
border var(--style-border-always)
&:hover
background var(--efu-main)
color var(--efu-white)
.ais-Pagination-item--selected a
background var(--efu-main)
themes/solitude/source/css/_search/local-search.styl
+161
View File
@@ -0,0 +1,161 @@
.search-dialog
position fixed
top 5rem
left 50%
z-index 1001
display none
margin-left -15rem
padding 1rem
width 30rem
box-shadow var(--efu-shadow-lightblack)
background var(--efu-card-bg)
border var(--style-border)
transition 0.3s
border-radius 8px
animation slide-in .6s ease 0s 1 normal none running
&:hover
border var(--style-border-hover)
box-shadow var(--efu-shadow-theme)
+maxWidth768()
border none
+maxWidth768()
top 0
left 0
margin 0
width 100%
height 100%
border 0
.search-dialog-title
font-weight 700
color var(--efu-main)
padding 0 0 0.7rem
font-size 1.4em
line-height 1
.search-close-button
position absolute
top 0.8rem
right 1rem
color var(--efu-gray)
font-size 1.4em
line-height 1
cursor pointer
transition color .2s ease-in-out 0s
&:hover
color var(--efu-main)
#search-results
max-height calc(80vh - 130px)
overflow-y auto
margin-top 8px
.search-result-item
padding-left 0
font-weight 700
.search-result-title
position relative
transition color .2s ease-in-out 0s
white-space nowrap
text-overflow ellipsis
overflow hidden
display block
&:hover
color var(--efu-hovertext)
em
color var(--efu-theme)
font-style normal
+maxWidth768()
max-height 80vh !important
#search-pagination
.pagination-list
margin 0.2rem 0 0
padding 0
text-align center
.pagination-item
color var(--efu-fontcolor)
display inline-block
min-width 1.2rem
height 1.2rem
text-align center
line-height 1.2rem
cursor pointer
&:hover
color var(--efu-main)
&.select
border-radius 4px
background var(--efu-main)
color var(--efu-white)
cursor default
&:hover
color var(--efu-white)
#search-tips
padding-top 12px
color var(--efu-secondtext)
right 0
margin auto
.search-result-count
color var(--efu-gray)
b
color var(--efu-main)
.search-box
position relative
margin 0 auto
max-width 100%
width 100%
padding-top 8px
padding-bottom 8px
input
height 100%
width 100%
border-radius 8px
border var(--style-border)
padding 0.25rem 0.7rem;
outline 0
background var(--efu-secondbg)
color var(--efu-fontcolor)
caret-color var(--efu-theme)
::placeholder
color var(--efu-gray)
opacity .5
#search-mask
position fixed
inset 0
z-index 1000
display none
background rgba(0, 0, 0, 0.6)
backdrop-filter blur(12px)
-webkit-backdrop-filter blur(12px)
transform translateZ(0)
background var(--efu-maskbgdeep)
#search-hits
.tag-list
padding 4px 8px
border-radius 8px
margin-right 0.5rem
margin-top 0.5rem
border var(--style-border-always)
&:hover
background var(--efu-main)
color var(--efu-white)
themes/solitude/source/css/_tags/btns.styl
+212
View File
@@ -0,0 +1,212 @@
[data-theme="dark"]
div
&.btns
filter brightness(0.7)
a
background 0 0
div
&.btns
margin 0 -8px
display flex
flex-wrap wrap
align-items flex-start
overflow visible
line-height 1.8
b
font-size 0.875rem
&.wide
& > a
padding-left 32px
padding-right 32px
&.fill
& > a
flex-grow 1
width auto
&.around
justify-content space-around
&.center
justify-content center
&.grid2
& > a
width calc(100% / 2 - 16px)
&.grid3
& > a
width calc(100% / 3 - 16px)
&.grid4
& > a
width calc(100% / 4 - 16px)
&.grid5
& > a
width calc(100% / 5 - 16px)
a
transition all 0.28s ease
-moz-transition all 0.28s ease
-webkit-transition all 0.28s ease
-o-transition all 0.28s ease
margin 8px
margin-top calc(1.25 * 16px + 32px)
min-width 120px
font-weight bold
display flex
justify-content flex-start
align-content center
align-items center
flex-direction column
padding 8px
text-align center
background #f6f6f6
border-radius 4px
border-bottom none!important
& > i
background #2196f3!important
&:first-child
color #fff
background #2196f3
b
font-weight bold
line-height 1.3
img
margin 0.4em auto !important
&:not([href])
cursor default
color inherit
a[href]:hover
background: var(--efu-main)
color: var(--efu-white) !important
& > i
&:first-child
background: var(--efu-main)
div.btns,
div.btns p,
div.btns a
font-size 0.8125rem
color #555
@media screen and (max-width: 1200px)
div
&.btns
&.grid2
& > a
width calc(100% / 2 - 16px)
@media screen and (max-width: 768px)
div
&.btns
&.grid2
& > a
width calc(100% / 2 - 16px)
@media screen and (max-width: 500px)
div
&.btns
&.grid2
& > a
width calc(100% / 1 - 16px)
@media screen and (max-width: 1200px)
div
&.btns
&.grid3
& > a
width calc(100% / 3 - 16px)
@media screen and (max-width: 768px)
div
&.btns
&.grid3
& > a
width calc(100% / 3 - 16px)
@media screen and (max-width: 500px)
div
&.btns
&.grid3
& > a
width calc(100% / 1 - 16px)
@media screen and (max-width: 1200px)
div
&.btns
&.grid4
& > a
width calc(100% / 3 - 16px)
@media screen and (max-width: 768px)
div
&.btns
&.grid4
& > a
width calc(100% / 3 - 16px)
@media screen and (max-width: 500px)
div
&.btns
&.grid4
& > a
width calc(100% / 2 - 16px)
@media screen and (max-width: 1200px)
div
&.btns
&.grid5
& > a
width calc(100% / 4 - 16px)
@media screen and (max-width: 768px)
div
&.btns
&.grid5
& > a
width calc(100% / 3 - 16px)
@media screen and (max-width: 500px)
div
&.btns
&.grid5
& > a
width calc(100% / 2 - 16px)
div.btns a > img:first-child,
div.btns a > i:first-child
transition all 0.28s ease
-moz-transition all 0.28s ease
-webkit-transition all 0.28s ease
-o-transition all 0.28s ease
height 64px
width 64px
box-shadow 0 1px 2px 0 rgba(0, 0, 0, 0.1)
margin 16px 8px 4px 8px
margin-top calc(-1.25 * 16px - 32px)
border 2px solid #fff
background #fff
line-height 60px
font-size 28px
div.btns a > img:first-child.auto,
div.btns a > i:first-child.auto
width auto
div.btns a p,
div.btns a b
margin 0.25em
font-weight normal
line-height 1.25
word-wrap break-word
div.btns a[href]:hover,
div.btns a[href]:hover b
color #ff5722
div.btns a[href]:hover > img:first-child,
div.btns a[href]:hover > i:first-child
transform scale(1.1) translateY(-8px)
box-shadow 0 4px 8px 0 rgba(0, 0, 0, 0.1)
div.btns.circle a > img:first-child,
div.btns.circle a > i:first-child
border-radius 32px
div.btns.rounded a > img:first-child,
div.btns.rounded a > i:first-child
border-radius 16px
themes/solitude/source/css/_tags/button.styl
+40
View File
@@ -0,0 +1,40 @@
#article-container
.btn-sco
position relative
padding 8px 15px
text-transform uppercase
border var(--style-border)
border-radius 10px
overflow hidden
transition all 0.3s
display inline-flex
justify-content center
align-items center
&.outline
background var(--efu-white)
color var(--efu-main)
border-color var(--efu-main)
&:hover
background var(--efu-main)
color var(--efu-white)
border-color var(--efu-main)
i
transition all 0.3s
padding-right 8px
span
transition all 0.3s
&:hover
background var(--efu-main)
span
transform all 0.3s ease-in-out
color var(--efu-white)
i
transform all 0.3s ease-in-out
color var(--efu-white)
themes/solitude/source/css/_tags/checkbox.styl
+204
View File
@@ -0,0 +1,204 @@
.checkbox
display flex
align-items center
input
appearance none
position relative
height 16px
width 16px
transition all .15s ease-out 0s
cursor pointer
display inline-block
outline 0
border-radius 2px
flex-shrink 0
margin-right 8px
border 2px solid #2196f3
pointer-events none
&[type=checkbox]
&:before
left 1px
top 5px
width 0
height 2px
transition all .2s ease-in
transform rotate(45deg)
&:after
right 7px
bottom 3px
width 2px
height 0
transition all .2s ease-out
transform rotate(40deg)
transition-delay .25s
&:checked
background #2196f3
&:checked:before
left 0
top 7px
width 6px
height 2px
&:checked:after
right 3px
bottom 1px
width 2px
height 10px
&.minus
input[type=checkbox]:before
transform rotate(0)
left 1px
top 5px
width 0
height 2px
input[type=checkbox]:after
transform rotate(0)
left 1px
top 5px
width 0
height 2px
input[type=checkbox]:checked:before
left 1px
top 5px
width 10px
height 2px
input[type=checkbox]:checked:after
left 1px
top 5px
width 10px
height 2px
&.plus
input[type=checkbox]:before
transform rotate(0)
left 1px
top 5px
width 0
height 2px
input[type=checkbox]:after
transform rotate(0)
left 5px
top 1px
width 2px
height 0
input[type=checkbox]:checked:before
left 1px
top 5px
width 10px
height 2px
input[type=checkbox]:checked:after
left 5px
top 1px
width 2px
height 10px
&.times
input[type=checkbox]:before
transform rotate(45deg)
left 3px
top 1px
width 0
height 2px
input[type=checkbox]:after
transform rotate(135deg)
right 3px
top 1px
width 0
height 2px
input[type=checkbox]:checked:before
left 1px
top 5px
width 10px
height 2px
input[type=checkbox]:checked:after
right 1px
top 5px
width 10px
height 2px
input[type=radio]
border-radius 50%
&:before
content ""
display block
width 8px
height 8px
border-radius 50%
margin 2px
transform scale(0)
transition all .25s ease-out
&:checked:before
transform scale(1)
background var(--text-bg-hover)
&.red input
border-color #fe5f58
&[type=checkbox]:checked
background #fe5f58
&[type=radio]:checked:before
background #fe5f58
&.green input
border-color #3dc550
&[type=checkbox]:checked
background #3dc550
&[type=radio]:checked:before
background #3dc550
&.yellow input
border-color #ffbd2b
&[type=checkbox]:checked
background #ffbd2b
&[type=radio]:checked:before
background #ffbd2b
&.cyan input
border-color #1bcdfc
&[type=checkbox]:checked
background #1bcdfc
&[type=radio]:checked:before
background #1bcdfc
&.blue input
border-color #2196f3
&[type=checkbox]:checked
background #2196f3
&[type=radio]:checked:before
background #2196f3
p
display: inline-block
margin-top 2px !important
margin-bottom 0 !important
input[type=checkbox]:after, input[type=checkbox]:before
position absolute
content ""
background #fff
themes/solitude/source/css/_tags/fold.styl
+65
View File
@@ -0,0 +1,65 @@
details
display: block
position: relative
margin-bottom: 1rem
min-height: 54px
overflow: hidden
border-radius: 12px
border: var(--style-border)
transition: border .3s
details:hover
border: var(--style-border-hover-always)
details summary
position: absolute
padding: .5rem 1rem
background: var(--efu-card-bg)
margin: 0
transition: .3s
box-shadow: var(--efu-shadow-border)
left: 0
width: 100%
font-weight: 700
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
details>:nth-child(2)
margin-top: calc(54px + 1rem)!important
details[open] summary
background: var(--efu-lighttext)
color: var(--efu-card-bg)
details summary::before
content: ''
padding: 4px
details summary:hover
cursor: pointer
background: var(--efu-lighttext)
color: var(--efu-card-bg)
transition: .3s
box-shadow: var(--efu-shadow-main)
details summary:focus
outline: 0
details summary::marker
color: var(--efu-lighttext)
transition: .3s
details[open] summary::marker
color: var(--efu-card-bg)
details summary:hover::marker
color: var(--efu-card-bg)
details[open]
border-radius: 12px
border: var(--style-border-hover-always)
padding: 0 1.5rem
background: var(--efu-card-bg)
details summary:hover:after
position: absolute
content: '+'
text-align: center
top: calc(50% - 2px)
transform: translateY(-50%)
right: 16px
line-height: 1
details[open]>summary:hover:after
content: '-'
@media screen and (max-width: 768px)
details[open]
padding:0 16px
themes/solitude/source/css/_tags/gallery.styl
+124
View File
@@ -0,0 +1,124 @@
#article-container
figure.gallery-group
position: relative
float: left
overflow: hidden
margin: 0
width: calc(50% - 8px)
height: 250px
border-radius: 8px
background: var(--efu-black)
-webkit-transform: translate3d(0, 0, 0)
+maxWidth600()
width: calc(100% - 8px)
&:hover
img
opacity: .4
transform: translate3d(0, 0, 0)
.gallery-group-name::after
transform: translate3d(0, 0, 0)
p
opacity: 1
transform: translate3d(0, 0, 0)
img
position: relative
margin: 0
max-width: none
width: calc(100% + 20px)
height: 250px
backface-visibility: hidden
opacity: .8
transition: all .3s, filter 375ms ease-in .2s
transform: translate3d(-10px, 0, 0)
object-fit: cover
border none
figcaption
position: absolute
top: 0
left: 0
padding: 30px
width: 100%
height: 100%
color: var(--efu-white)
text-transform: uppercase
backface-visibility: hidden
& > a
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: 1000
opacity: 0
p
@extend .limit-more-line
margin: 0
padding: 8px 0 0
letter-spacing: 1px
font-size: 1.1em
line-height: 1.5
opacity: 0
transition: opacity .35s, transform .35s
transform: translate3d(100%, 0, 0)
-webkit-line-clamp: 4
.gallery-group-name
@extend .limit-more-line
position: relative
margin: 0
padding: 8px 0
font-weight: bold
font-size: 1.65em
line-height: 1.5
-webkit-line-clamp: 2
&:after
position: absolute
bottom: 0
left: 0
width: 100%
height: 2px
background: var(--efu-white)
content: ''
transition: transform .35s
transform: translate3d(-100%, 0, 0)
.gallery-group-main
overflow auto
display flex
gap .5rem
margin-top .5rem
.gallery-item
min-height 5rem
width 24.97%
padding 4px
position relative
+maxWidth1200()
width 32.97%
+maxWidth768()
width 49.97%
img
max-width: 100%;
border-radius: 0;
margin 0
/ #page &
border-radius 8px
.waterfall
opacity 0
transition .3s
&.show
opacity 1
themes/solitude/source/css/_tags/index.styl
+63
View File
@@ -0,0 +1,63 @@
.red
color var(--efu-red)
.green
color var(--efu-green)
.blue
color var(--efu-blue)
.yellow
color var(--efu-yellow)
.pink
color var(--efu-pink)
.purple
color var(--efu-purple)
.orange
color var(--efu-orange)
.bg-red
background-color var(--efu-red)
color var(--efu-white)
.bg-green
background-color var(--efu-green)
color var(--efu-white)
.bg-blue
background-color var(--efu-blue)
color var(--efu-white)
.bg-yellow
background-color var(--efu-yellow)
.bg-pink
background-color var(--efu-pink)
color var(--efu-white)
.bg-purple
background-color var(--efu-purple)
color var(--efu-white)
.bg-orange
background-color var(--efu-orange)
color var(--efu-white)
.block
display block
.center
margin 0 auto
.right
margin-left auto
.larger
font-size 1.5rem
margin 5px
i
transform scale(1.5)
themes/solitude/source/css/_tags/label.styl
+4
View File
@@ -0,0 +1,4 @@
#article-container
.hl-label
padding 2px 4px
border-radius 3px
themes/solitude/source/css/_tags/link.styl
+59
View File
@@ -0,0 +1,59 @@
#article-container
a.tag-link
background var(--efu-secondbg)
border-radius 8px !important
display flex
border var(--style-border)
flex-direction column
padding 0.5rem 1rem
border-width 1px
margin 1rem 0
&:hover
background var(--efu-main)
border var(--style-border-hover) !important
.tag-link-tips
color var(--efu-white)
i
opacity 1
i
transition .3s
margin-left auto
opacity .6
.tag-link-bottom
display flex
margin-top 0.5rem
align-items center
justify-content space-around
.tag-link-left
width 60px
min-width 60px
height 60px
background-size cover
border-radius 8px
background-color var(--efu-card-bg)
display flex
align-items center
justify-content center
i
padding 0
margin auto
font-size 24px
color var(--efu-fontcolor)
.tag-link-right
margin-left 1rem
max-width calc(100% - 76px - 1rem)
.tag-link-tips
border-bottom var(--style-border)
padding-bottom 4px
font-size 12px
color var(--efu-gray)
font-weight 400
themes/solitude/source/css/_tags/media.styl
+57
View File
@@ -0,0 +1,57 @@
trans($time = 0.28s)
transition: all $time ease
-moz-transition: all $time ease
-webkit-transition: all $time ease
-o-transition: all $time ease
audio,video
border-radius: 4px
max-width: 100%
video
z-index: 1
trans()
&:hover
box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.24), 0 8px 16px 0px rgba(0, 0, 0, 0.24)
div.video
line-height: 0
text-align: center
div.videos
max-width: "calc(100% + 2 * %s)" % 4px
display: flex
flex-wrap: wrap
justify-content: flex-start
align-items: flex-end
margin: 1em 0 - 4px
.video,iframe
width: 100%
margin: 4px
iframe
border-radius: 4px
width: 100%
min-height: 300px
&.left
justify-content: flex-start
&.center
justify-content: center
&.right
justify-content: flex-end
&.stretch
align-items: stretch
&[col='1']
.video,iframe
width: 100%
&[col='2']
.video,iframe
width: "calc(50% - 2 * %s)" % 4px
&[col='3']
.video,iframe
width: "calc(33.33% - 2 * %s)" % 4px
&[col='4']
.video,iframe
width: "calc(25% - 2 * %s)" % 4px
[data-theme="dark"]
audio,video
filter brightness(0.7)
themes/solitude/source/css/_tags/mermaid.styl
+6
View File
@@ -0,0 +1,6 @@
.mermaid
display flex
justify-content center
text
fill var(--efu-fontcolor) !important
themes/solitude/source/css/_tags/note.styl
+104
View File
@@ -0,0 +1,104 @@
$colors = {
info: #428bca,
danger: #d9534f,
primary: #6f42c1,
warning: #f0ad4e,
success: #5cb85c,
default: #777
}
.note
position relative
margin .5rem 0
padding 15px
border-radius 3px
&.default:not(.no-icon)::before
content: '\e0a9'
&.info:not(.no-icon)::before
content: '\e0a7'
&.danger:not(.no-icon)::before
content: '\e0aa'
&.primary:not(.no-icon)::before
content: '\e0a8'
&.warning:not(.no-icon)::before
content: '\e0a5'
&.success:not(.no-icon)::before
content: '\e0a4'
&::before
font-family 'solitude'
&.icon
padding-left 2.25rem
> .note-icon
position absolute
top calc(50% - .4rem)
left .7rem
font-size larger
a
color inherit !important
&:hover
color var(--efu-white) !important
for $color, $value in $colors
&.{$color}:not(.no-icon)::before
color $value
&.{$color}:not(.disabled)
border-left-color $value
&.modern
color $value
&:not(.simple)
background lighten($value, 75%)
> .note-icon
color $value
&.simple
border-width 1px 1px 1px 5px
border-style solid
border-color #eee
border-image initial
&.modern
background-color #f5f5f5
color #4c4948
border 1px solid transparent !important
&.flat
border initial
border-image initial
border-left 5px solid #eee
background-color #f9f9f9
color #4c4948
h2, h3, h4, h5, h6
margin-top 3px
margin-bottom 0
border-bottom initial
padding-top 0
blockquote:first-child, img:first-child, ol:first-child, p:first-child, pre:first-child, table:first-child, ul:first-child
margin-top 0 !important
blockquote:last-child, img:last-child, ol:last-child, p:last-child, pre:last-child, table:last-child, ul:last-child
margin-bottom 0 !important
font-size 14px !important
&:not(.no-icon)
padding-left 2.25rem
&::before
position absolute
top calc(50% - 19px)
left .7rem
font-size larger
themes/solitude/source/css/_tags/span.styl
+34
View File
@@ -0,0 +1,34 @@
#article-container
.p
&.left
text-align left
&.center
text-align center
&.right
text-align right
&.small
font-size .5rem
&.h1
font-size 2.5rem
&.h2
font-size 1.625rem
&.h3
font-size 1.375rem
&.h4
font-size 1.125rem
&.large
font-size 1.5rem
&.huge
font-size 4rem
&.ultra
font-size 6rem
themes/solitude/source/css/_tags/tabs.styl
+107
View File
@@ -0,0 +1,107 @@
#article-container .tabs
position relative
border 1px solid var(--tab-border-color)
> .nav-tabs
> .tab
margin 4px
padding 0
list-style none
+maxWidth768()
-webkit-box-flex 1
flex-grow 1
button i
width 1.5em
font-size inherit
&.active button
cursor default
border var(--style-border-hover-always)
background var(--efu-background)
border-radius 8px;
&:not(.active) button:hover
border-top 2px solid var(--tab-button-hover-bg)
background var(--tab-button-hover-bg)
> .tab-contents .tab-item-content
position relative
display none
padding 1.8rem 1.2rem
background var(--efu-background)
border var(--style-border-always)
+maxWidth768()
padding 1.2rem .7rem
&.active
display block
animation .5s ease 0s 1 normal none running tabshow
.tab-to-top
position relative
display block
margin 16px 0 0 auto
color #99a9bf
margin 1rem 0 !important
border-radius 12px
overflow hidden
box-shadow var(--efu-shadow-border)
padding 8px
background var(--efu-card-bg)
border var(--style-border)
.nav-tabs
background var(--efu-card-bg)
padding 16px
display flex
justify-content center
flex-wrap wrap
flex-direction row
+maxWidth768()
padding 0
margin-bottom 8px
> .nav-tabs > .tab button
-webkit-transition all 0s
background var(--efu-secondbg)
transition .3s
border var(--style-border-always)
border-radius 8px
font-size 14px
line-height 1
padding 8px 16px
display flex
width 100%
justify-content center
align-items center
color var(--efu-fontcolor)
> .nav-tabs > .tab:not(.active) button:hover
background var(--efu-main)
color var(--efu-white)
transition .3s
border var(--style-border-hover-always)
.tab-item-content
background var(--efu-card-bg)
#article-container .tabs
> .tab-contents .tab-item-content.active
animation tabshow 0s
-webkit-animation tabshow 0s
padding 1.2rem 1.2rem
border-radius 8px
+maxWidth768()
padding .5rem .5rem
.tab-contents
border-radius 8px
overflow hidden
themes/solitude/source/css/_tags/timeline.styl
+79
View File
@@ -0,0 +1,79 @@
div.timenode
position relative
&:before,
&:after
content ''
z-index 1
position absolute
background var(--efu-theme)
width 2px
left 7px
&:before
top 0
height 6px
&:after
top 26px
height 100%
&:last-child:after
height calc(100% - 26px - 16px)
border-bottom-left-radius 2px
border-bottom-right-radius 2px
.meta
position relative
line-height 32px
height 32px
left 27px
&:before,
&:after
content ''
position absolute
top 8px
z-index 2
left -27px
&:before
background var(--efu-theme)
width 16px
height 16px
border-radius 8px
&:after
background var(--efu-card-bg)
margin-left 2px
margin-top 2px
width 12px
height 12px
border-radius 6px
transform scale(0.5)
transition all 0.28s ease
p
font-weight 500
margin 0 0 0 24px
.body
margin 4px 0 16px 24px
padding 16px
border-radius 8px
background var(--blockquote-bg)
p:first-child
margin-top 0
p:last-child
margin-bottom 0
&:hover
.meta
&:before
background var(--efu-theme)
&:after
background var(--efu-theme-op)
transform scale(1)
themes/solitude/source/css/index.styl
+34
View File
@@ -0,0 +1,34 @@
@charset "UTF-8"
if hexo-config('css_prefix')
@import 'nib'
@import "third_party/snackbar.min.css"
// project
@import "var.styl"
@import '_global/*'
@import '_layout/*'
@import '_page/index.styl'
@import '_post/index.styl'
@import '_mode/*'
// highlight
@import '_highlight/index'
// search
if hexo-config('search.enable')
if hexo-config('search.type') == 'algolia'
@import '_search/algolia-search'
else if hexo-config('search.type') == 'local'
@import '_search/local-search'
// tags plugin
@import "_tags/*"
// comment
if hexo-config('comment.use')
@import '_comments/comment.styl'
// third party
if hexo-config('tianli_talk.enable')
@import 'third_party/tianli_talk.styl'
themes/solitude/source/css/third_party/snackbar.min.css
Vendored
+1
View File
@@ -0,0 +1 @@
@keyframes snackbar-progress{0%{width:0}to{width:100%}}.snackbar-container{transition:.5s;font-size:14px;position:fixed;align-items:center;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999;background:var(--efu-lighttext)!important;color:var(--efu-card-bg);border-radius:0;display:flex;justify-content:center;max-width:none;min-width:100%;margin:0;left:0;height:60px;transform:none}.snackbar-container p{color:var(--efu-card-bg)!important;font-weight:700!important;text-align:center;font-size:.8rem!important;display:flex;justify-content:center}.snackbar-container .action{display:inline-block;font-size:inherit;margin:0 0 0 24px;min-width:min-content;cursor:pointer;color:var(--efu-card-bg)!important;background:var(--efu-lighttext)!important;padding:4px 6px;font-weight:700;border-radius:8px;transition:.3s;border:var(--style-border)}.snackbar-container .action:hover{background:var(--efu-card-bg)!important;color:var(--efu-lighttext)!important}.snackbar-container:after{position:absolute;width:0;height:100%;left:0;top:0;background:var(--efu-white);opacity:.1;content:"";animation:snackbar-progress var(--efu-snackbar-time) linear forwards;pointer-events:none}.snackbar-pos.top-center,.snackbar-pos.top-left{bottom:auto;top:0;left:0}.snackbar-pos.top-right{bottom:auto;top:0;right:0}
themes/solitude/source/css/third_party/tianli_talk.styl
Vendored
+77
View File
@@ -0,0 +1,77 @@
#efuTalk
display flex
align-items center
z-index 1001
position fixed
bottom 70px
left 20px
height 38px
cursor pointer
transition .3s
box-shadow var(--efu-shadow-border)
background var(--efu-card-bg)
border-radius 20px
overflow hidden
padding 8px
color var(--efu-fontcolor)
width 42px
border var(--style-border-always)
#efuTalk.on, #efuTalk:hover
background var(--efu-lighttext)
color var(--efu-card-bg)
width 159px
border-color var(--efu-lighttext)
#efuTalk span.efuTalkTitle
display flex
font-size 14px
padding 0 12px
line-height 1
white-space nowrap
opacity 0
transition .3s
#post_chat_button
display none
+maxWidth768()
display block
#postChat_iframeContainer
z-index 1000
border var(--style-border-always)
background var(--efu-card-bg)
animation to_show_fromLeftBottom .2s ease-out
border-radius 12px
+maxWidth768()
width 100% !important
height 100% !important
bottom 0 !important
left 0 !important
max-width 100% !important
max-height 100% !important
border-radius 0 !important
#efuTalk.on span.efuTalkTitle, #efuTalk:hover span.efuTalkTitle
color var(--efu-card-bg)
opacity 1
#postChat_button
display none !important
#efuTalk i.solitude.efuTalkIcon
width 18px
height 18px
font-size 18px
margin-left 3px
line-height 1
@keyframes to_show_fromLeftBottom
from
opacity 0
transform scale(0)
to
opacity 1
transform scale(1)
themes/solitude/source/css/var.styl
+32
View File
@@ -0,0 +1,32 @@
error_img = hexo-config('errorpage.img')
$dark_theme = convert(hexo-config('theme_color.dark'))
$dark_theme_op = convert(hexo-config('theme_color.dark_op'))
$dark_theme_op_deep = convert(hexo-config('theme_color.dark_op_deep'))
$dark_theme_none = hexo-config('theme_color.dark_none')
$light_theme = convert(hexo-config('theme_color.light'))
$light_theme_op = convert(hexo-config('theme_color.light_op'))
$light_theme_op_deep = convert(hexo-config('theme_color.light_op_deep'))
$light_theme_none = hexo-config('theme_color.light_none')
$todayCardColor = convert(hexo-config('hometop.recommendList.color'))
// code
if hexo-config('highlight.theme') == 'default'
$hl_bg_light = #fff
$hltools_bg_light = #f7f7f9
$hl_bg_dark = #1b1c20
$hltools_bg_dark = #21232a
else if hexo-config('highlight.theme') == 'mac'
$hl_bg_light = #FFFFFF
$hltools_bg_light = #E7E7E7
$hl_bg_dark = #1C1E1E
$hltools_bg_dark = #454a50
$line-height-code-block = 1.6
// font-family
$font-size = unquote(hexo-config('font.font-size'))
$code-font-size = unquote(hexo-config('font.code-font-size'))
$font-family = unquote(hexo-config('font.font-family'))
$code-font-family = unquote(hexo-config('font.code-font-family'))
themes/solitude/source/img/404.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

themes/solitude/source/img/avatar.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

themes/solitude/source/img/default.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

themes/solitude/source/img/error_load.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

themes/solitude/source/img/flower.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 KiB

themes/solitude/source/img/happy-sticker.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

themes/solitude/source/img/loading.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

Some files were not shown because too many files have changed in this diff Show More