Add solitude

This commit is contained in:
IF-chan
2024-07-05 21:01:19 +08:00
parent 26d71c4fbc
commit 71758b9fce
289 changed files with 23277 additions and 0 deletions
@@ -0,0 +1,313 @@
@keyframes barrageIn
0%
transform translateY(20px)
opacity 0
100%
transform translateY(0)
opacity 1
@keyframes barrageOut
0%
transform translateY(0)
opacity 1
100%
transform translateY(20px)
opacity 0
@keyframes scroll-down-effect
0%
top 0
opacity .4
50%
top -16px
opacity 1
filter none
100%
top 0
opacity .4
@keyframes header-effect
0%
opacity 0
transform translateY(-50px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes headerNoOpacity
0%
transform translateY(-50px)
100%
transform translateY(0)
@keyframes bottom-top
0%
opacity 0
margin-top 50px
100%
opacity 1
filter none
margin-top 0
@keyframes titlescale
0%
opacity 0
transform scale(.7)
100%
opacity 1
filter none
transform scale(1)
@keyframes search_close
0%
transform translateY(0)
opacity 1
100%
transform translateY(20px)
opacity 0
@keyframes to_show
0%
opacity 0
100%
opacity 1
filter none
@keyframes to_hide
0%
opacity 1
filter none
100%
opacity 0
@keyframes ribbon_to_show
0%
opacity 0
100%
opacity .6
@keyframes avatar_turn_around
0%
transform rotate(0)
100%
transform rotate(360deg)
@keyframes sub_menus
0%
opacity 0
transform translateY(10px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes donate_effcet
0%
opacity 0
transform translateY(-20px)
100%
opacity 1
filter none
transform translateY(0)
@keyframes announ_animation
0%, 100%
transform scale(1)
filter blur(0)
50%
transform scale(1.2)
filter blur(20px)
@keyframes sidebarItem
0%
transform translateX(200px)
100%
transform translateX(0)
@keyframes st-spin
0%
transform rotate(0)
100%
transform rotate(360deg)
@keyframes code-expand-key
0%
opacity .6
50%
opacity .1
100%
opacity .6
@keyframes slide-in
from
transform translateY(20px)
opacity 0
to
transform translateY(0)
opacity 1
@keyframes slide-in-op
from
opacity 0
to
opacity 1
@keyframes more-btn-move
0%, 100%
transform translateX(0)
50%
transform translateX(3px)
@keyframes toc-open
0%
transform scale(.7)
100%
transform scale(1)
@keyframes toc-close
0%
transform scale(1)
100%
transform scale(.7)
@keyframes configure-clockwise
0%
transform rotate(0)
25%
transform rotate(90deg)
50%
transform rotate(180deg)
75%
transform rotate(270deg)
100%
transform rotate(360deg)
@keyframes configure-xclockwise
0%
transform rotate(45deg)
25%
transform rotate(-45deg)
50%
transform rotate(-135deg)
75%
transform rotate(-225deg)
100%
transform rotate(-315deg)
@keyframes tabshow
0%
transform translateY(15px)
100%
transform translateY(0)
@keyframes snackbar-progress
from
width 0
to
width 100%
@keyframes move-forever
0%
transform translate3d(-90px, 0, 0)
100%
transform translate3d(85px, 0, 0)
@keyframes rowup
from
transform translateY(0)
to
transform translateY(-50%)
@keyframes rowleft
from
transform translateX(0)
to
transform translateX(-50%)
@keyframes gradient
0%
background-position 0 50%
50%
background-position 100% 50%
100%
background-position 0 50%
@keyframes commonTipsIn
0%
top -50px
opacity 0
100%
top -60px
opacity 1
@keyframes commonTriangleIn
0%
transform translate(-50%, -36px)
opacity 0
100%
transform translate(-50%, -46px)
opacity 1
@keyframes owoIn
0%
transform translate(0, -95%)
opacity 0
100%
transform translate(0, -105%)
opacity 1
@keyframes light_tag
0%
transform skewx(0)
-o-transform skewx(0)
-moz-transform skewx(0)
-webkit-transform skewx(0)
left -150px
99%
transform skewx(-25deg)
-o-transform skewx(-25deg)
-moz-transform skewx(-25deg)
-webkit-transform skewx(-25deg)
left 50px
@keyframes floating
0%
transform translate(0, -4px)
50%
transform translate(0, 4px)
100%
transform translate(0, -4px)
@media screen and (min-width: 768px)
@keyframes showCover
from
opacity 0
transform rotate(10deg) translateY(-8%) scale(1.8)
to
opacity 0.5
transform rotate(10deg) translateY(-10%) scale(2)
@keyframes blinking-cursor
0%
transform scale(.6)
25%
transform scale(1)
50%
transform scale(.6)
75%
transform scale(1)
100%
transform scale(.6)
@keyframes AILoading
0%
opacity 1
25%
opacity .3
50%
opacity 1
75%
opacity .3
100%
opacity 1
@@ -0,0 +1,92 @@
maxWidth600()
@media screen and (max-width: 600px)
{block}
maxWidth768()
@media screen and (max-width: 768px)
{block}
minWidth768()
@media screen and (min-width: 768px)
{block}
maxWidth798()
@media screen and (max-width: 798px)
{block}
minWidth798()
@media screen and (min-width: 798px)
{block}
maxHeight800()
@media screen and (max-height: 800px)
{block}
maxWidth899()
@media screen and (max-width: 899px)
{block}
minWidth899()
@media screen and (min-width: 899px)
{block}
maxWidth900()
@media screen and (max-width: 900px)
{block}
minWidth900()
@media screen and (min-width: 900px)
{block}
minWidth901()
@media screen and (min-width: 901px)
{block}
maxWidth1000()
@media screen and (max-width: 1000px)
{block}
minWidth1000()
@media screen and (min-width: 1000px)
{block}
maxWidth1024()
@media screen and (max-width: 1024px)
{block}
maxWidth1200()
@media screen and (max-width: 1200px)
{block}
minWidth1200()
@media screen and (min-width: 1200px)
{block}
minWidth1201()
@media screen and (min-width: 1201px)
{block}
maxWidth1300()
@media screen and (max-width: 1300px)
{block}
minWidth1300()
@media screen and (min-width: 1300px)
{block}
maxWidth1400()
@media screen and (max-width: 1400px)
{block}
minWidth1400()
@media screen and (min-width: 1400px)
{block}
minWidth2000()
@media screen and (min-width: 2000px)
{block}
.limit-more-line
display: -webkit-box
overflow: hidden
-webkit-box-orient: vertical
@@ -0,0 +1,434 @@
:root
--efu-white #fff
--efu-white-op rgba(255, 255, 255, 0.2)
--efu-black #000
--efu-black-op rgba(0, 0, 0, 0.2)
--efu-none #00000000
--efu-gray #999999
--efu-gray-op #9999992b
--efu-cyan #00bcd4
--efu-cyan-op #00bcd42b
--efu-vip #e5a80d
--efu-speed #57bd6a
--efu-main var(--efu-theme)
--efu-main-op var(--efu-theme-op)
--efu-main-op-deep var(--efu-theme-op-deep)
--efu-main-op-light var(--efu-theme-op-light)
--efu-main-none var(--efu-theme-none)
--efu-shadow-theme 0 8px 12px -3px var(--efu-theme-op)
--efu-shadow-blackdeep 0 2px 16px -3px rgba(0, 0, 0, .15)
--efu-shadow-main 0 8px 12px -3px var(--efu-main-op)
--efu-shadow-blue 0 8px 12px -3px rgba(40, 109, 234, .20)
--efu-shadow-white 0 8px 12px -3px rgba(255, 255, 255, .20)
--efu-shadow-black 0 0 12px 4px rgba(0, 0, 0, .05)
--efu-shadow-yellow 0px 38px 77px -26px rgba(255, 201, 62, .12)
--efu-shadow-red 0 8px 12px -3px #ee7d7936
--efu-shadow-green 0 8px 12px -3px #87ee7936
--efu-logo-color linear-gradient(215deg, #4584ff 0%, #cf0db9 100%)
--efu-snackbar-time 5s
--global-font-size 14px
--global-bg #fff
--hr-border #97bcfb
--hr-before-color #6ea2f9
--search-bg #f6f8fa
--search-input-color #4c4948
--search-result-title #4c4948
--preloader-bg #37474f
--preloader-color #fff
--tab-border-color #f0f0f0
--tab-botton-bg #f0f0f0
--tab-botton-color #1f2d3d
--tab-button-hover-bg #dcdcdc
--tab-button-active-bg #fff
--sidebar-bg #f6f8fa
--btn-hover-color #ff7242
--btn-color #fff
--btn-bg #307af6
--text-bg-hover #307af6
--light-grey #eee
--text-highlight-color #1f2d3d
--blockquote-color #6a737d
--blockquote-bg rgba(73, 177, 245, 0.1)
--reward-pop #f5f5f5
--toc-link-color #666261
--card-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.06)
--card-hover-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.15)
--offset 0px
--hlscrollbar-bg #121212
body
position relative
min-height 100%
background var(--efu-background)
color var(--efu-fontcolor)
font-size $font-size
font-family $font-family
line-height 2
-webkit-tap-highlight-color transparent
margin 0
if !hexo-config('copy.enable')
user-select none
-webkit-user-select none
*
box-sizing border-box
html
line-height 1.15
-webkit-text-size-adjust 100%
text-size-adjust 100%
height: 100%;
font-size: 20px
overflow-y: overlay
main
display block
// scrollbar - chrome/safari
*::-webkit-scrollbar
width 12px
height 6px
*::-webkit-scrollbar-thumb
background var(--scrollbar-color)
opacity .5
border-radius 8px
cursor pointer
border 2px solid var(--efu-background)
&:hover
background var(--efu-lighttext)
display block
*::-webkit-scrollbar-track
background-color transparent
::-webkit-scrollbar-thumb
background var(--efu-card-border)
opacity .5
border-radius 8px
cursor pointer
border 2px solid var(--efu-background)
::-webkit-scrollbar-thumb:hover
background var(--efu-main)
opacity 1
display block !important
::-webkit-scrollbar-track
background-color var(--efu-none)
if hexo-config('lazyload.enable') && !hexo-config('lazyload.placeholder')
img
&[data-lazy-src]:not(.loaded)
filter blur(8px) brightness(1)
&[data-lazy-src].error
filter none
::selection
background var(--efu-main)
color var(--efu-white)
h1
font-size 2em
margin .67em 0
h1, h2, h3, h4, h5, h6
padding-top 0
padding-left 0
font-weight 700
position relative
margin .5rem 0
color var(--efu-fontcolor)
hr
box-sizing content-box
height 0
overflow visible
display: none
pre
font-family monospace, monospace
a
color var(--efu-fontcolor)
text-decoration none
transition all .3s ease 0s
overflow-wrap break-word
-webkit-user-drag none
abbr[title]
border-bottom none
text-decoration underline dotted
b, strong
font-weight bolder
code, kbd, samp
font-family $code-font-family
font-size $code-font-size
small
font-size 80%
sub, sup
font-size 75%
line-height 0
position relative
vertical-align baseline
sub
bottom -.25em
sup
top -.5em
button, input, optgroup, select, textarea
font-family inherit
font-size 100%
line-height 1.15
margin 0
button, input
overflow visible
input::placeholder
color var(--efu-gray)
button, select
text-transform none
[type=button], [type=reset], [type=submit], button
appearance button
fieldset
padding .35em .75em .625em
legend
box-sizing border-box
color inherit
display table
max-width 100%
padding 0
white-space normal
progress
vertical-align baseline
textarea
overflow auto
[type=checkbox], [type=radio]
box-sizing border-box
padding 0
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
height auto
[type=search]
appearance textfield
outline-offset -2px
[type=search]::-webkit-search-decoration
appearance none
input[type=checkbox] + label::before, input[type=radio] + label::before
content ''
display inline-block
width 16px
height 16px
border 1px solid #999
background-color #fff
margin-right 5px
vertical-align middle
::-webkit-file-upload-button
appearance button
font inherit
summary
display list-item
template
display none
[hidden]
display none
input::placeholder
color var(--efu-fontcolor)
.table-wrap
overflow-x scroll
margin 0 0 1rem
table
width 100%
border-spacing 0
border-collapse collapse
empty-cells show
+maxWidth768()
display block
overflow-x auto
&::-webkit-scrollbar
display none
table thead
background var(--efu-secondbg)
table td, table th
padding .3rem .6rem
border var(--style-border-always)
vertical-align middle
min-width 100px
button
padding 0
outline 0
border none
color var(--efu-fontcolor)
background 0 0
cursor pointer
img
border-style none
max-width 100%
transition all .2s ease 0s
-webkit-user-drag none
img:not([src]), img[src=""]
opacity 0
.img-alt
font-size 12px
margin 0
margin-top 8px
color var(--efu-secondtext)
.is-center
text-align center
display flex
flex-wrap wrap
justify-content center
flex-direction row
align-items center
iframe
border-radius 12px
.copy-true
user-select all
.pull-left
float left
.pull-right
float right
blockquote
border var(--style-border-always)
background-color var(--efu-secondbg)
color var(--efu-secondtext)
border-radius 8px
margin 1rem 0
padding .5rem .8rem
li, ul
list-style none
display block
margin 0
padding 0
[data-theme=dark] img
filter brightness(1)
a.extend
.next
right 0
.prev
left 0
b, strong
color var(--efu-lighttext)
.button--animated
border-radius 8px
transition .3s
position relative
i.solitude
font-size 22px
line-height 1
font-synthesis style
.layout
display: flex
margin: 0 auto
padding: 0 1.5rem
max-width: 1200px
+maxWidth768()
padding 0
&#content-inner
max-width: 1400px
/.hide-aside.layout
max-width: 1400px
> div
width: 100% !important
> div:first-child
width calc(100% - 300px)
+maxWidth1200()
width 100%
> #post, #category, #tag, #archive
box-shadow var(--efu-shadow-border)
padding 1rem 2rem
border-radius 12px
background var(--efu-card-bg)
border var(--style-border)
align-self flex-start
animation slide-in .6s .1s backwards
position relative
if hexo-config('aside.position') == 0
order 2
+maxWidth768()
box-shadow none
border none
padding 0 1rem
background var(--efu-background)
.show
opacity 1 !important
pointer-events all !important
span.tags-punctuation::before
content: "\e071"
font-family: solitude, serif !important
font-size: 12px
transition none
margin-right: 2px
opacity: .4
.hide-aside #page &
font-size 16px
#post-info &
font-size 14px
line-height 32px
if hexo-config('memorial.enable')
.memorial
-webkit-filter grayscale(100%)
-moz-filter grayscale(100%)
-ms-filter grayscale(100%)
-o-filter grayscale(100%)
filter grayscale(100%)