2025-2-26-fixed
This commit is contained in:
@ -0,0 +1,8 @@
|
||||
// Rewrite anchorjs
|
||||
.anchorjs-link
|
||||
text-decoration none !important
|
||||
transition opacity .2s ease-in-out
|
||||
|
||||
.markdown-body h1, h2, h3, h4, h5, h6
|
||||
&:hover > .anchorjs-link
|
||||
opacity 1
|
||||
29
themes/fluid/source/css/_pages/_base/_widget/banner.styl
Normal file
29
themes/fluid/source/css/_pages/_base/_widget/banner.styl
Normal file
@ -0,0 +1,29 @@
|
||||
.banner
|
||||
height 100%
|
||||
position relative
|
||||
overflow hidden
|
||||
cursor default
|
||||
|
||||
.mask
|
||||
position absolute
|
||||
width 100%
|
||||
height 100%
|
||||
background-color rgba(0, 0, 0, 0.3)
|
||||
|
||||
&[parallax="true"]
|
||||
will-change transform
|
||||
-webkit-transform-style preserve-3d
|
||||
-webkit-backface-visibility hidden
|
||||
transition transform .05s ease-out
|
||||
|
||||
if $banner-width-height-ratio > 0
|
||||
@media (max-width: unit($banner-width-height-ratio * 100, "vh"))
|
||||
.header-inner
|
||||
max-height unit(100 / $banner-width-height-ratio, "vw")
|
||||
|
||||
#board
|
||||
margin-top -1rem !important
|
||||
|
||||
@media (max-width: unit($scroll-arrow-height-limit - 0.01, "vh"))
|
||||
.scroll-down-bar
|
||||
display none
|
||||
10
themes/fluid/source/css/_pages/_base/_widget/board.styl
Normal file
10
themes/fluid/source/css/_pages/_base/_widget/board.styl
Normal file
@ -0,0 +1,10 @@
|
||||
#board
|
||||
position relative
|
||||
margin-top -2rem
|
||||
padding 3rem 0
|
||||
background-color var(--board-bg-color)
|
||||
transition background-color .2s ease-in-out
|
||||
border-radius 0.5rem
|
||||
z-index 3
|
||||
-webkit-box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
|
||||
box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
|
||||
@ -0,0 +1,36 @@
|
||||
.code-widget
|
||||
display inline-block
|
||||
background-color transparent
|
||||
font-size .75rem
|
||||
line-height 1
|
||||
font-weight bold
|
||||
padding .3rem .1rem .1rem .1rem
|
||||
position absolute
|
||||
right .45rem
|
||||
top .15rem
|
||||
z-index 1
|
||||
|
||||
.code-widget-light
|
||||
color #999
|
||||
|
||||
.code-widget-dark
|
||||
color #bababa
|
||||
|
||||
.copy-btn
|
||||
cursor pointer
|
||||
user-select none
|
||||
-webkit-appearance none
|
||||
outline none
|
||||
|
||||
& > i
|
||||
font-size .75rem !important
|
||||
font-weight 400
|
||||
margin-right .15rem
|
||||
opacity 0
|
||||
transition opacity .2s ease-in-out
|
||||
|
||||
.markdown-body pre:hover > .copy-btn > i
|
||||
opacity 0.9
|
||||
|
||||
.markdown-body pre:hover > .copy-btn, .markdown-body pre:not(:hover) > .copy-btn
|
||||
outline none
|
||||
90
themes/fluid/source/css/_pages/_base/_widget/copyright.styl
Normal file
90
themes/fluid/source/css/_pages/_base/_widget/copyright.styl
Normal file
@ -0,0 +1,90 @@
|
||||
// Modified from [hexo-theme-icarus](https://github.com/ppoffice/hexo-theme-icarus)
|
||||
|
||||
.license-box
|
||||
background-color rgba(#1b1f23, .05)
|
||||
transition background-color .2s ease-in-out
|
||||
border-radius 4px
|
||||
font-size .9rem
|
||||
overflow hidden
|
||||
padding 1.25rem
|
||||
position relative
|
||||
z-index 1
|
||||
|
||||
.license-icon
|
||||
position absolute
|
||||
top 50%
|
||||
left 100%
|
||||
|
||||
&::after
|
||||
content "\e8e4"
|
||||
font-size 12.5rem
|
||||
line-height 1
|
||||
opacity 0.1
|
||||
position relative
|
||||
left -.85em
|
||||
bottom .5em
|
||||
z-index -1
|
||||
|
||||
.license-title
|
||||
margin-bottom 1rem
|
||||
|
||||
div:nth-child(1)
|
||||
line-height 1.2
|
||||
margin-bottom .25rem
|
||||
|
||||
div:nth-child(2)
|
||||
color var(--sec-text-color)
|
||||
font-size .8rem
|
||||
|
||||
.license-meta
|
||||
align-items center
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
justify-content flex-start
|
||||
|
||||
.license-meta-item
|
||||
align-items center
|
||||
justify-content center
|
||||
margin-right 1.5rem
|
||||
|
||||
div:nth-child(1)
|
||||
color var(--sec-text-color)
|
||||
font-size .8rem
|
||||
font-weight normal
|
||||
|
||||
i.iconfont
|
||||
font-size 1rem
|
||||
|
||||
@media (max-width: 575px) and (min-width: 425px)
|
||||
.license-meta
|
||||
|
||||
.license-meta-item
|
||||
display flex
|
||||
justify-content flex-start
|
||||
flex-wrap wrap
|
||||
font-size .8rem
|
||||
flex 0 0 50%
|
||||
max-width 50%
|
||||
margin-right 0
|
||||
|
||||
div:nth-child(1)
|
||||
margin-right .5rem
|
||||
|
||||
.license-meta-date
|
||||
order -1
|
||||
|
||||
@media (max-width: 424px)
|
||||
&::after
|
||||
top -65px
|
||||
|
||||
.license-meta
|
||||
flex-direction column
|
||||
align-items flex-start
|
||||
|
||||
.license-meta-item
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
font-size .8rem
|
||||
|
||||
div:nth-child(1)
|
||||
margin-right .5rem
|
||||
65
themes/fluid/source/css/_pages/_base/_widget/footer.styl
Normal file
65
themes/fluid/source/css/_pages/_base/_widget/footer.styl
Normal file
@ -0,0 +1,65 @@
|
||||
.footer-inner
|
||||
padding 3rem 0 1rem 0
|
||||
text-align center
|
||||
|
||||
& > div:not(:first-child)
|
||||
margin .25rem 0
|
||||
font-size .85rem
|
||||
|
||||
.statistics
|
||||
display flex
|
||||
flex-direction row
|
||||
justify-content center
|
||||
|
||||
& > span
|
||||
flex 1
|
||||
margin 0 .25rem
|
||||
|
||||
& > *:nth-last-child(2):first-child
|
||||
text-align right
|
||||
|
||||
& > *:nth-last-child(2):first-child ~ *
|
||||
text-align left
|
||||
|
||||
.beian
|
||||
display flex
|
||||
flex-direction row
|
||||
justify-content center
|
||||
|
||||
& > *
|
||||
margin 0 .25rem
|
||||
|
||||
.beian-police
|
||||
position relative
|
||||
overflow hidden
|
||||
display inline-flex
|
||||
align-items center
|
||||
justify-content left
|
||||
|
||||
img
|
||||
margin-right 3px
|
||||
width 1rem
|
||||
height 1rem
|
||||
margin-bottom .1rem
|
||||
|
||||
@media (max-width: 424px)
|
||||
.statistics
|
||||
flex-direction column
|
||||
|
||||
& > *:nth-last-child(2):first-child
|
||||
text-align center
|
||||
|
||||
& > *:nth-last-child(2):first-child ~ *
|
||||
text-align center
|
||||
|
||||
.beian
|
||||
flex-direction column
|
||||
|
||||
.beian-police
|
||||
justify-content center
|
||||
|
||||
& > *:nth-last-child(2):first-child
|
||||
text-align center
|
||||
|
||||
& > *:nth-last-child(2):first-child ~ *
|
||||
text-align center
|
||||
25
themes/fluid/source/css/_pages/_base/_widget/footnote.styl
Normal file
25
themes/fluid/source/css/_pages/_base/_widget/footnote.styl
Normal file
@ -0,0 +1,25 @@
|
||||
sup > a, .footnote-text
|
||||
anchor-offset()
|
||||
&::before
|
||||
display inline-block
|
||||
|
||||
.footnote-item
|
||||
anchor-offset()
|
||||
|
||||
.footnote-list
|
||||
ol
|
||||
list-style-type none
|
||||
counter-reset sectioncounter
|
||||
padding-left .5rem
|
||||
font-size .95rem
|
||||
|
||||
li:before
|
||||
font-family "Helvetica Neue", monospace, "Monaco"
|
||||
content "["counter(sectioncounter)"]"
|
||||
counter-increment sectioncounter
|
||||
|
||||
li+li
|
||||
margin-top .5rem
|
||||
|
||||
.footnote-text
|
||||
padding-left .5em
|
||||
174
themes/fluid/source/css/_pages/_base/_widget/header.styl
Normal file
174
themes/fluid/source/css/_pages/_base/_widget/header.styl
Normal file
@ -0,0 +1,174 @@
|
||||
// Rewrite navbar
|
||||
.navbar
|
||||
background-color transparent
|
||||
font-size 0.875rem
|
||||
box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
|
||||
-webkit-box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
|
||||
|
||||
.navbar-brand
|
||||
color var(--navbar-text-color)
|
||||
|
||||
.navbar-toggler .animated-icon span
|
||||
background-color var(--navbar-text-color)
|
||||
|
||||
.nav-item .nav-link
|
||||
display block
|
||||
color var(--navbar-text-color)
|
||||
transition color .2s ease-in-out, background-color .2s ease-in-out
|
||||
|
||||
&:hover
|
||||
color var(--link-hover-color)
|
||||
|
||||
&:focus
|
||||
color var(--navbar-text-color)
|
||||
|
||||
i
|
||||
font-size 0.875rem
|
||||
line-height inherit
|
||||
|
||||
i:only-child
|
||||
margin 0 .2rem
|
||||
|
||||
.navbar-toggler
|
||||
border-width 0
|
||||
outline 0
|
||||
|
||||
&.scrolling-navbar
|
||||
will-change background, padding
|
||||
-webkit-transition background 0.5s ease-in-out, padding 0.5s ease-in-out
|
||||
transition background 0.5s ease-in-out, padding 0.5s ease-in-out
|
||||
|
||||
@media (min-width: 600px)
|
||||
&
|
||||
padding-top 12px
|
||||
padding-bottom 12px
|
||||
|
||||
& .navbar-nav > li
|
||||
-webkit-transition-duration 1s
|
||||
transition-duration 1s
|
||||
|
||||
&.top-nav-collapse
|
||||
padding-top 5px
|
||||
padding-bottom 5px
|
||||
|
||||
.dropdown-menu
|
||||
font-size 0.875rem
|
||||
color var(--navbar-text-color)
|
||||
background-color rgba(0, 0, 0, 0.3)
|
||||
border none
|
||||
min-width 8rem
|
||||
-webkit-transition background .5s ease-in-out,padding .5s ease-in-out
|
||||
transition background .5s ease-in-out,padding .5s ease-in-out
|
||||
|
||||
@media (max-width: 991.98px)
|
||||
text-align center
|
||||
|
||||
.dropdown-item
|
||||
color var(--navbar-text-color)
|
||||
|
||||
&:hover, &:focus
|
||||
color var(--link-hover-color)
|
||||
background-color rgba(0, 0, 0, 0.1)
|
||||
|
||||
@media (min-width: 992px)
|
||||
.dropdown:hover > .dropdown-menu
|
||||
display block
|
||||
|
||||
.dropdown > .dropdown-toggle:active
|
||||
pointer-events none
|
||||
|
||||
.dropdown-menu
|
||||
top 95%
|
||||
|
||||
.animated-icon
|
||||
width 30px
|
||||
height 20px
|
||||
position relative
|
||||
margin 0
|
||||
-webkit-transform rotate(0deg)
|
||||
-moz-transform rotate(0deg)
|
||||
-o-transform rotate(0deg)
|
||||
transform rotate(0deg)
|
||||
-webkit-transition .5s ease-in-out
|
||||
-moz-transition .5s ease-in-out
|
||||
-o-transition .5s ease-in-out
|
||||
transition .5s ease-in-out
|
||||
cursor pointer
|
||||
|
||||
span
|
||||
display block
|
||||
position absolute
|
||||
height 3px
|
||||
width 100%
|
||||
border-radius 9px
|
||||
opacity 1
|
||||
left 0
|
||||
-webkit-transform rotate(0deg)
|
||||
-moz-transform rotate(0deg)
|
||||
-o-transform rotate(0deg)
|
||||
transform rotate(0deg)
|
||||
-webkit-transition .25s ease-in-out
|
||||
-moz-transition .25s ease-in-out
|
||||
-o-transition .25s ease-in-out
|
||||
transition .25s ease-in-out
|
||||
background #ffffff
|
||||
|
||||
&:nth-child(1)
|
||||
top 0
|
||||
|
||||
&:nth-child(2)
|
||||
top 10px
|
||||
|
||||
&:nth-child(3)
|
||||
top 20px
|
||||
|
||||
&.open
|
||||
span
|
||||
&:nth-child(1)
|
||||
top 11px
|
||||
-webkit-transform rotate(135deg)
|
||||
-moz-transform rotate(135deg)
|
||||
-o-transform rotate(135deg)
|
||||
transform rotate(135deg)
|
||||
|
||||
&:nth-child(2)
|
||||
opacity 0
|
||||
left -60px
|
||||
|
||||
&:nth-child(3)
|
||||
top 11px
|
||||
-webkit-transform rotate(-135deg)
|
||||
-moz-transform rotate(-135deg)
|
||||
-o-transform rotate(-135deg)
|
||||
transform rotate(-135deg)
|
||||
|
||||
.navbar .dropdown-collapse, .top-nav-collapse, .navbar-col-show
|
||||
if $navbar-glass-enable
|
||||
ground-glass($navbar-glass-px, $navbar-bg-color, $navbar-glass-alpha)
|
||||
else
|
||||
background-color var(--navbar-bg-color)
|
||||
|
||||
@media (max-width: 767px)
|
||||
.navbar
|
||||
font-size 1rem
|
||||
line-height 2.5rem
|
||||
|
||||
.banner-text
|
||||
color var(--subtitle-color)
|
||||
max-width calc(960px - 6rem)
|
||||
width 80%
|
||||
overflow-wrap break-word
|
||||
|
||||
.typed-cursor
|
||||
margin 0 .2rem
|
||||
|
||||
@media (max-width: 767px)
|
||||
#subtitle, .typed-cursor
|
||||
font-size 1.5rem
|
||||
|
||||
@media (max-width: 575px)
|
||||
.banner-text
|
||||
font-size 0.9rem
|
||||
|
||||
#subtitle, .typed-cursor
|
||||
font-size 1.35rem
|
||||
100
themes/fluid/source/css/_pages/_base/_widget/modal.styl
Normal file
100
themes/fluid/source/css/_pages/_base/_widget/modal.styl
Normal file
@ -0,0 +1,100 @@
|
||||
// Rewrite modal
|
||||
.modal-dialog .modal-content
|
||||
background-color var(--board-bg-color)
|
||||
border 0
|
||||
border-radius .125rem
|
||||
-webkit-box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
|
||||
box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
|
||||
|
||||
.modal-dialog .modal-content .modal-header
|
||||
border-bottom-color var(--line-color)
|
||||
transition border-bottom-color .2s ease-in-out
|
||||
|
||||
.close
|
||||
color var(--text-color)
|
||||
|
||||
&:hover
|
||||
color var(--link-hover-color)
|
||||
|
||||
&:focus
|
||||
outline 0
|
||||
|
||||
.modal-dialog .modal-content .modal-header
|
||||
border-top-left-radius .125rem
|
||||
border-top-right-radius .125rem
|
||||
border-bottom 1px solid #dee2e6
|
||||
|
||||
.md-form
|
||||
position relative
|
||||
margin-top 1.5rem
|
||||
margin-bottom 1.5rem
|
||||
|
||||
.md-form
|
||||
input[type]
|
||||
-webkit-box-sizing content-box
|
||||
box-sizing content-box
|
||||
background-color transparent
|
||||
border none
|
||||
border-bottom 1px solid #ced4da
|
||||
border-radius 0
|
||||
outline none
|
||||
-webkit-box-shadow none
|
||||
box-shadow none
|
||||
transition border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
|
||||
|
||||
$normal = #4285f4
|
||||
|
||||
&:focus:not([readonly])
|
||||
border-bottom 1px solid $normal
|
||||
-webkit-box-shadow 0 1px 0 0 $normal
|
||||
box-shadow 0 1px 0 0 $normal
|
||||
|
||||
& + label
|
||||
color: $normal
|
||||
|
||||
$valid = #00c851
|
||||
|
||||
&.valid, &:focus.valid
|
||||
border-bottom 1px solid $valid
|
||||
-webkit-box-shadow 0 1px 0 0 $valid
|
||||
box-shadow 0 1px 0 0 $valid
|
||||
|
||||
& + label
|
||||
color: $valid
|
||||
|
||||
$invalid = #f44336
|
||||
|
||||
&.invalid, &:focus.invalid
|
||||
border-bottom 1px solid $invalid
|
||||
-webkit-box-shadow 0 1px 0 0 $invalid
|
||||
box-shadow 0 1px 0 0 $invalid
|
||||
|
||||
& + label
|
||||
color $invalid
|
||||
|
||||
&.validate
|
||||
margin-bottom 2.5rem
|
||||
|
||||
&.form-control
|
||||
height auto
|
||||
padding .6rem 0 .4rem 0
|
||||
margin 0 0 .5rem 0
|
||||
color var(--text-color)
|
||||
background-color transparent
|
||||
border-radius 0
|
||||
|
||||
label
|
||||
font-size 0.8rem
|
||||
position absolute
|
||||
top -1rem
|
||||
left 0
|
||||
color #757575
|
||||
cursor text
|
||||
transition color .2s ease-out
|
||||
|
||||
.modal-open[style]
|
||||
padding-right: 0 !important
|
||||
overflow auto
|
||||
|
||||
#navbar[style]
|
||||
padding-right 1rem !important
|
||||
12
themes/fluid/source/css/_pages/_base/_widget/ngrogress.styl
Normal file
12
themes/fluid/source/css/_pages/_base/_widget/ngrogress.styl
Normal file
@ -0,0 +1,12 @@
|
||||
// Rewrite nprogress
|
||||
$npColor = theme-config("fun_features.progressbar.color", "#29d")
|
||||
#nprogress
|
||||
.bar
|
||||
height theme-config-unit("fun_features.progressbar.height_px", 3, "px") !important
|
||||
background-color $npColor !important
|
||||
.peg
|
||||
box-shadow 0 0 14px $npColor, 0 0 8px $npColor !important
|
||||
|
||||
@media (max-width: 575px)
|
||||
.bar
|
||||
display none
|
||||
12
themes/fluid/source/css/_pages/_base/_widget/noscript.styl
Normal file
12
themes/fluid/source/css/_pages/_base/_widget/noscript.styl
Normal file
@ -0,0 +1,12 @@
|
||||
.noscript-warning
|
||||
background-color #f55
|
||||
color #fff
|
||||
font-family sans-serif
|
||||
font-size 1rem
|
||||
font-weight bold
|
||||
position fixed
|
||||
left 0
|
||||
bottom 0
|
||||
text-align center
|
||||
width 100%
|
||||
z-index 99
|
||||
23
themes/fluid/source/css/_pages/_base/_widget/pagination.styl
Normal file
23
themes/fluid/source/css/_pages/_base/_widget/pagination.styl
Normal file
@ -0,0 +1,23 @@
|
||||
// Rewrite pagination
|
||||
.pagination
|
||||
margin-top 3rem
|
||||
justify-content center
|
||||
|
||||
.space
|
||||
align-self flex-end
|
||||
|
||||
.page-number, .current, .extend
|
||||
outline 0
|
||||
border 0
|
||||
background-color transparent
|
||||
font-size .9rem
|
||||
padding .5rem .75rem
|
||||
line-height 1.25
|
||||
border-radius .125rem
|
||||
|
||||
.page-number
|
||||
margin 0 .05rem
|
||||
|
||||
.page-number:hover, .current
|
||||
transition background-color .2s ease-in-out
|
||||
background-color var(--link-hover-bg-color)
|
||||
17
themes/fluid/source/css/_pages/_base/_widget/qrcode.styl
Normal file
17
themes/fluid/source/css/_pages/_base/_widget/qrcode.styl
Normal file
@ -0,0 +1,17 @@
|
||||
.qr-trigger
|
||||
cursor pointer
|
||||
position relative
|
||||
|
||||
&:hover .qr-img
|
||||
display block
|
||||
transition all .3s
|
||||
|
||||
.qr-img
|
||||
max-width 12rem
|
||||
position absolute
|
||||
right -5.25rem
|
||||
z-index 99
|
||||
display none
|
||||
border-radius .2rem
|
||||
background-color transparent
|
||||
box-shadow 0 0 20px -5px hsla(0, 0%, 62%, .2)
|
||||
46
themes/fluid/source/css/_pages/_base/_widget/scroll-btn.styl
Normal file
46
themes/fluid/source/css/_pages/_base/_widget/scroll-btn.styl
Normal file
@ -0,0 +1,46 @@
|
||||
.scroll-down-bar
|
||||
position absolute
|
||||
width 100%
|
||||
height 6rem
|
||||
text-align center
|
||||
cursor pointer
|
||||
bottom 0
|
||||
|
||||
i.iconfont
|
||||
font-size 2rem
|
||||
font-weight bold
|
||||
display inline-block
|
||||
position relative
|
||||
padding-top 2rem
|
||||
color var(--subtitle-color)
|
||||
transform translateZ(0)
|
||||
animation scroll-down 1.5s infinite
|
||||
|
||||
#scroll-top-button
|
||||
position fixed
|
||||
z-index 99
|
||||
background var(--board-bg-color)
|
||||
transition background-color .2s ease-in-out, bottom .3s ease
|
||||
border-radius 4px
|
||||
min-width 40px
|
||||
min-height 40px
|
||||
bottom -60px
|
||||
outline none
|
||||
display flex
|
||||
display -webkit-flex
|
||||
align-items center
|
||||
box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
|
||||
|
||||
i
|
||||
font-size 32px
|
||||
margin auto
|
||||
color var(--sec-text-color)
|
||||
|
||||
&:hover i, &:active i
|
||||
animation-name scroll-top
|
||||
animation-duration 1s
|
||||
animation-delay .1s
|
||||
animation-timing-function ease-in-out
|
||||
animation-iteration-count infinite
|
||||
animation-fill-mode forwards
|
||||
animation-direction alternate
|
||||
9
themes/fluid/source/css/_pages/_base/_widget/search.styl
Normal file
9
themes/fluid/source/css/_pages/_base/_widget/search.styl
Normal file
@ -0,0 +1,9 @@
|
||||
#local-search-result
|
||||
.search-list-title
|
||||
border-left 3px solid #0d47a1
|
||||
|
||||
.search-list-content
|
||||
padding 0 1.25rem
|
||||
|
||||
.search-word
|
||||
color orangered
|
||||
75
themes/fluid/source/css/_pages/_base/_widget/toc.styl
Normal file
75
themes/fluid/source/css/_pages/_base/_widget/toc.styl
Normal file
@ -0,0 +1,75 @@
|
||||
#toc
|
||||
visibility hidden
|
||||
|
||||
.toc-header
|
||||
margin-bottom .5rem
|
||||
font-weight bold
|
||||
line-height 1.2
|
||||
|
||||
&, & > i
|
||||
font-size 1.25rem
|
||||
|
||||
.toc-body
|
||||
max-height 75vh
|
||||
overflow-y auto
|
||||
overflow -moz-scrollbars-none
|
||||
-ms-overflow-style none
|
||||
|
||||
ol
|
||||
list-style none
|
||||
padding-inline-start 1rem
|
||||
|
||||
&::-webkit-scrollbar
|
||||
display none
|
||||
|
||||
.tocbot-list
|
||||
position relative
|
||||
|
||||
ol
|
||||
list-style none
|
||||
padding-left 1rem
|
||||
|
||||
a
|
||||
font-size 0.95rem
|
||||
|
||||
.tocbot-link
|
||||
color var(--text-color)
|
||||
|
||||
.tocbot-active-link
|
||||
font-weight bold
|
||||
color var(--link-hover-color)
|
||||
|
||||
.tocbot-is-collapsed
|
||||
max-height 0
|
||||
|
||||
.tocbot-is-collapsible
|
||||
overflow hidden
|
||||
transition all .3s ease-in-out
|
||||
|
||||
.toc-list-item
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
|
||||
&.is-active-li::before
|
||||
height 1rem
|
||||
margin 0.25rem 0
|
||||
visibility visible
|
||||
|
||||
&::before
|
||||
width 0.15rem
|
||||
height 0.2rem
|
||||
position absolute
|
||||
left 0.25rem
|
||||
content ""
|
||||
border-radius 2px
|
||||
margin 0.65rem 0
|
||||
background var(--link-hover-color)
|
||||
visibility hidden
|
||||
transition height .1s ease-in-out, margin .1s ease-in-out, visibility .1s ease-in-out
|
||||
|
||||
.sidebar
|
||||
position -webkit-sticky
|
||||
position sticky
|
||||
top 2rem
|
||||
padding 3rem 0
|
||||
68
themes/fluid/source/css/_pages/_base/base.styl
Normal file
68
themes/fluid/source/css/_pages/_base/base.styl
Normal file
@ -0,0 +1,68 @@
|
||||
@import "_widget/*"
|
||||
|
||||
html
|
||||
font-size $font-size
|
||||
letter-spacing $letter-spacing
|
||||
|
||||
html, body
|
||||
height 100%
|
||||
font-family $font-family
|
||||
overflow-wrap break-word
|
||||
|
||||
body
|
||||
transition color .2s ease-in-out, background-color .2s ease-in-out
|
||||
background-color var(--body-bg-color)
|
||||
color var(--text-color)
|
||||
-webkit-font-smoothing antialiased
|
||||
-moz-osx-font-smoothing grayscale
|
||||
|
||||
a
|
||||
color var(--text-color)
|
||||
text-decoration none
|
||||
cursor pointer
|
||||
transition color .2s ease-in-out, background-color .2s ease-in-out
|
||||
|
||||
&:hover
|
||||
color var(--link-hover-color)
|
||||
text-decoration none
|
||||
transition color .2s ease-in-out, background-color .2s ease-in-out
|
||||
|
||||
code
|
||||
color inherit
|
||||
|
||||
table
|
||||
font-size inherit
|
||||
color var(--post-text-color)
|
||||
|
||||
img[lazyload]
|
||||
object-fit cover
|
||||
|
||||
*[align="left"]
|
||||
text-align left
|
||||
|
||||
*[align="center"]
|
||||
text-align center
|
||||
|
||||
*[align="right"]
|
||||
text-align right
|
||||
|
||||
::-webkit-scrollbar
|
||||
width 6px
|
||||
height 6px
|
||||
|
||||
::-webkit-scrollbar-thumb
|
||||
background-color var(--scrollbar-color)
|
||||
border-radius 6px
|
||||
|
||||
&:hover
|
||||
background-color var(--scrollbar-hover-color)
|
||||
|
||||
::-webkit-scrollbar-corner
|
||||
background-color transparent
|
||||
|
||||
label
|
||||
margin-bottom 0
|
||||
|
||||
i.iconfont
|
||||
font-size 1em
|
||||
line-height 1
|
||||
79
themes/fluid/source/css/_pages/_base/color-schema.styl
Normal file
79
themes/fluid/source/css/_pages/_base/color-schema.styl
Normal file
@ -0,0 +1,79 @@
|
||||
:root
|
||||
--color-mode "light"
|
||||
--body-bg-color $body-bg-color
|
||||
--board-bg-color $board-bg-color
|
||||
--text-color $text-color
|
||||
--sec-text-color $sec-text-color
|
||||
--post-text-color $post-text-color
|
||||
--post-heading-color $post-heading-color
|
||||
--post-link-color $post-link-color
|
||||
--link-hover-color $link-hover-color
|
||||
--link-hover-bg-color $link-hover-bg-color
|
||||
--line-color $line-color
|
||||
--navbar-bg-color $navbar-bg-color
|
||||
--navbar-text-color $navbar-text-color
|
||||
--subtitle-color $subtitle-color
|
||||
--scrollbar-color $scrollbar-color
|
||||
--scrollbar-hover-color $scrollbar-hover-color
|
||||
--button-bg-color $button-bg-color
|
||||
--button-hover-bg-color $button-hover-bg-color
|
||||
--highlight-bg-color $highlight-bg-color
|
||||
--inlinecode-bg-color $inlinecode-bg-color
|
||||
--fold-title-color $text-color
|
||||
--fold-border-color $line-color
|
||||
|
||||
dark-colors()
|
||||
--body-bg-color $body-bg-color-dark
|
||||
--board-bg-color $board-bg-color-dark
|
||||
--text-color $text-color-dark
|
||||
--sec-text-color $sec-text-color-dark
|
||||
--post-text-color $post-text-color-dark
|
||||
--post-heading-color $post-heading-color-dark
|
||||
--post-link-color $post-link-color-dark
|
||||
--link-hover-color $link-hover-color-dark
|
||||
--link-hover-bg-color $link-hover-bg-color-dark
|
||||
--line-color $line-color-dark
|
||||
--navbar-bg-color $navbar-bg-color-dark
|
||||
--navbar-text-color $navbar-text-color-dark
|
||||
--subtitle-color $subtitle-color-dark
|
||||
--scrollbar-color $scrollbar-color-dark
|
||||
--scrollbar-hover-color $scrollbar-hover-color-dark
|
||||
--button-bg-color $button-bg-color-dark
|
||||
--button-hover-bg-color $button-hover-bg-color-dark
|
||||
--highlight-bg-color $highlight-bg-color-dark
|
||||
--inlinecode-bg-color $inlinecode-bg-color-dark
|
||||
--fold-title-color $text-color-dark
|
||||
--fold-border-color $line-color-dark
|
||||
|
||||
img
|
||||
-webkit-filter brightness(.9)
|
||||
filter brightness(.9)
|
||||
transition filter .2s ease-in-out
|
||||
|
||||
.navbar .dropdown-collapse, .top-nav-collapse, .navbar-col-show
|
||||
if $navbar-glass-enable
|
||||
ground-glass($navbar-glass-px, $navbar-bg-color-dark, $navbar-glass-alpha)
|
||||
|
||||
.license-box
|
||||
background-color rgba(#3e4b5e, .35)
|
||||
transition background-color .2s ease-in-out
|
||||
|
||||
.gt-comment-admin .gt-comment-content
|
||||
background-color transparent
|
||||
transition background-color .2s ease-in-out
|
||||
|
||||
if (hexo-config("dark_mode.enable"))
|
||||
@media (prefers-color-scheme: dark)
|
||||
:root
|
||||
--color-mode "dark"
|
||||
|
||||
:root:not([data-user-color-scheme])
|
||||
dark-colors()
|
||||
|
||||
@media not print
|
||||
[data-user-color-scheme="dark"]
|
||||
dark-colors()
|
||||
|
||||
@media print
|
||||
:root
|
||||
--color-mode "light"
|
||||
51
themes/fluid/source/css/_pages/_base/inline.styl
Normal file
51
themes/fluid/source/css/_pages/_base/inline.styl
Normal file
@ -0,0 +1,51 @@
|
||||
.fade-in-up
|
||||
-webkit-animation-name fade-in-up
|
||||
animation-name fade-in-up
|
||||
|
||||
.hidden-mobile
|
||||
display block
|
||||
|
||||
.visible-mobile
|
||||
display none
|
||||
|
||||
@media (max-width: 575px)
|
||||
.hidden-mobile
|
||||
display none
|
||||
|
||||
.visible-mobile
|
||||
display block
|
||||
|
||||
.nomargin-x
|
||||
margin-left 0 !important
|
||||
margin-right 0 !important
|
||||
|
||||
.nopadding-x
|
||||
padding-left 0 !important
|
||||
padding-right 0 !important
|
||||
|
||||
@media (max-width: 767px)
|
||||
.nopadding-x-md
|
||||
padding-left 0 !important
|
||||
padding-right 0 !important
|
||||
|
||||
.flex-center
|
||||
display -webkit-box
|
||||
display -ms-flexbox
|
||||
display flex
|
||||
-webkit-box-align center
|
||||
-ms-flex-align center
|
||||
align-items center
|
||||
-webkit-box-pack center
|
||||
-ms-flex-pack center
|
||||
justify-content center
|
||||
height 100%
|
||||
|
||||
.hover-with-bg
|
||||
display inline-block
|
||||
line-height 1
|
||||
|
||||
&:hover
|
||||
background-color var(--link-hover-bg-color)
|
||||
transition-duration .2s
|
||||
transition-timing-function ease-in-out
|
||||
border-radius .2rem
|
||||
31
themes/fluid/source/css/_pages/_base/keyframes.styl
Normal file
31
themes/fluid/source/css/_pages/_base/keyframes.styl
Normal file
@ -0,0 +1,31 @@
|
||||
@keyframes fade-in-up
|
||||
from
|
||||
opacity 0
|
||||
-webkit-transform translate3d(0, 100%, 0)
|
||||
transform translate3d(0, 100%, 0)
|
||||
to
|
||||
opacity 1
|
||||
-webkit-transform translate3d(0, 0, 0)
|
||||
transform translate3d(0, 0, 0)
|
||||
|
||||
@keyframes scroll-down
|
||||
0%
|
||||
opacity 0.8
|
||||
top 0
|
||||
50%
|
||||
opacity 0.4
|
||||
top -1em
|
||||
100%
|
||||
opacity 0.8
|
||||
top 0
|
||||
|
||||
@keyframes scroll-top
|
||||
0%
|
||||
-webkit-transform translateY(0)
|
||||
transform translateY(0)
|
||||
50%
|
||||
-webkit-transform translateY(-0.35rem)
|
||||
transform translateY(-0.35rem)
|
||||
100%
|
||||
-webkit-transform translateY(0)
|
||||
transform translateY(0)
|
||||
38
themes/fluid/source/css/_pages/_base/print.styl
Normal file
38
themes/fluid/source/css/_pages/_base/print.styl
Normal file
@ -0,0 +1,38 @@
|
||||
@media print
|
||||
header, footer, .side-col, #scroll-top-button, .post-prevnext, #comments
|
||||
display none !important
|
||||
|
||||
.markdown-body
|
||||
a:not([href^='#']):not([href^='javascript:']):not(.print-no-link)::after
|
||||
content ' (' attr(href) ')'
|
||||
font-size 0.8rem
|
||||
color var(--post-text-color)
|
||||
opacity 0.8
|
||||
|
||||
& > h1, h2
|
||||
border-bottom-color transparent !important
|
||||
|
||||
& > h1, h2, h3, h4, h5, h6
|
||||
margin-top 1.25em !important
|
||||
margin-bottom 0.25em !important
|
||||
|
||||
[data-anchorjs-icon]::after
|
||||
display none
|
||||
|
||||
figure.highlight
|
||||
table, tbody, tr, td.code, td.code pre
|
||||
width 100% !important
|
||||
display block !important
|
||||
|
||||
pre > code
|
||||
white-space pre-wrap
|
||||
|
||||
.gutter, .code-widget
|
||||
display none !important
|
||||
|
||||
.post-metas a
|
||||
text-decoration none
|
||||
|
||||
@media not print
|
||||
#seo-header
|
||||
display none
|
||||
Reference in New Issue
Block a user