mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 19:07:56 +09:00
Add solitude
This commit is contained in:
IF-chan
@@ -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"
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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)
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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)
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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))
|
||||
@@ -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
|
||||
@@ -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;
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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
|
||||
@@ -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)
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
@@ -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
|
||||
Reference in New Issue
Block a user