hexo-theme-solitude 3.0.0 → 3.0.1

package/source/css/{_layout → _components}/capsule.styl

@@ -1,19 +1,18 @@
-if hexo-config('capsule.enable')
-  @keyframes changeright
-    0%, 50%, 100%
-      transform: rotate(0deg) scale(1.1)
-      box-shadow: 0 0 2px #ffffff00
-    25%, 75%
-      transform: rotate(90deg) scale(1.1)
-      box-shadow: 0 0 14px #ffffff
-
-  @keyframes playingShadow 
+@keyframes changeright
+  0%, 50%, 100%
+    transform: rotate(0deg) scale(1.1)
+    box-shadow: 0 0 2px #ffffff00
+  25%, 75%
+    transform: rotate(90deg) scale(1.1)
+    box-shadow: 0 0 14px #ffffff
+
+  @keyframes playingShadow
     0%, 100%
       box-shadow: 0 0px 12px -3px var(--efu-none)
     50%
       box-shadow: 0 0px 12px 0px var(--efu-main)
 
-  @keyframes lightBar 
+  @keyframes lightBar
     0%, 100%
       opacity: 0.1
     60%
@@ -21,11 +20,11 @@ if hexo-config('capsule.enable')
 
   .aplayer.aplayer-narrow
     .aplayer-body,
-    .aplayer-pic 
+    .aplayer-pic
       height: 66px
       width: 66px
 
-  #nav-music 
+  #nav-music
     display: flex
     align-items: center
     z-index: 12
@@ -39,41 +38,41 @@ if hexo-config('capsule.enable')
     border-radius: 40px
     overflow: hidden
 
-    &:active 
+    &:active
       transform: scale(0.97)
 
-    &.playing 
+    &.playing
       border: var(--style-border)
       box-shadow: 0 0px 12px -3px var(--efu-none)
       animation: playingShadow 5s linear infinite
 
       .aplayer.aplayer-withlrc
-        .aplayer-pic 
+        .aplayer-pic
           box-shadow: 0 0 14px #ffffffa6
           transform: rotate(0deg) scale(1.1)
           border-color: var(--efu-white)
-          animation-play-state: running  
+          animation-play-state: running
 
-        .aplayer-info 
+        .aplayer-info
           color: var(--efu-white)
 
-      #nav-music-hoverTips 
+      #nav-music-hoverTips
         width: 0
 
-      .aplayer 
+      .aplayer
         background: var(--efu-main)
         border: var(--style-border-hover)
         backdrop-filter: saturate(180%) blur(20px)
         transform: translateZ(0)
 
-      .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played 
+      .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played
         animation-play-state: running
 
-    &:hover:not(.playing) #nav-music-hoverTips 
+    &:hover:not(.playing) #nav-music-hoverTips
       opacity: 1
 
     .aplayer.aplayer-withlrc
-      .aplayer-pic 
+      .aplayer-pic
         height: 25px
         width: 25px
         border-radius: 40px
@@ -84,7 +83,7 @@ if hexo-config('capsule.enable')
         animation: changeright 24s linear infinite
         animation-play-state: paused
 
-      .aplayer-info 
+      .aplayer-info
         height: 100%
         color: var(--efu-fontcolor)
         margin: 0
@@ -92,7 +91,7 @@ if hexo-config('capsule.enable')
         display: flex
         align-items: center
 
-    #nav-music-hoverTips 
+    #nav-music-hoverTips
       color: var(--efu-white)
       background: var(--efu-main)
       width: 100%
@@ -109,7 +108,7 @@ if hexo-config('capsule.enable')
       z-index: 2
       transition: 0.3s
 
-    .aplayer 
+    .aplayer
       background: var(--efu-card-bg)
       border-radius: 60px
       height: 41px
@@ -121,16 +120,16 @@ if hexo-config('capsule.enable')
 
       .aplayer-notice,
       .aplayer-miniswitcher,
-      .aplayer-list 
+      .aplayer-list
         display: none
 
-      .aplayer-body 
+      .aplayer-body
         position: relative
         display: flex
         align-items: center
 
-      .aplayer-info 
-        .aplayer-music 
+      .aplayer-info
+        .aplayer-music
           margin: 0
           display: flex
           align-items: center
@@ -139,7 +138,7 @@ if hexo-config('capsule.enable')
           z-index: 1
           height: 100%
 
-          .aplayer-title 
+          .aplayer-title
             cursor: pointer
             line-height: 1
             display: inline-block
@@ -150,35 +149,35 @@ if hexo-config('capsule.enable')
             transition: 0.3s
             user-select: none
 
-        .aplayer-controller 
+        .aplayer-controller
           position: absolute
           width: 100%
           height: 100%
           top: 0
           left: 0
 
-          .aplayer-bar-wrap 
+          .aplayer-bar-wrap
             margin: 0
             padding: 0
 
-            .aplayer-bar 
+            .aplayer-bar
               height: 100%
               background: 0 0
 
-              .aplayer-loaded 
+              .aplayer-loaded
                 display: none
 
-              .aplayer-played 
+              .aplayer-played
                 height: 100%
                 opacity: 0.1
                 background-color: var(--efu-white) !important
                 animation: lightBar 5s ease infinite
                 animation-play-state: paused
 
-      .aplayer-pic 
+      .aplayer-pic
         pointer-events: none
 
-        .aplayer-button 
+        .aplayer-button
           bottom: 50%
           right: 50%
           transform: translate(50%, 50%)
@@ -186,44 +185,44 @@ if hexo-config('capsule.enable')
           transition: 0.3s
           pointer-events all
 
-        &:has(.aplayer-button.aplayer-play) 
+        &:has(.aplayer-button.aplayer-play)
           animation-play-state: paused
           transform: rotate(0deg) scale(1) !important
 
         margin-left: 8px
 
       .aplayer-info .aplayer-controller .aplayer-time,
-      .aplayer-info .aplayer-music .aplayer-author 
+      .aplayer-info .aplayer-music .aplayer-author
         display: none
 
-      &.aplayer-withlist .aplayer-info 
+      &.aplayer-withlist .aplayer-info
         border: none
 
-      .aplayer-lrc 
+      .aplayer-lrc
         width: 0
         opacity: 0
         transition: 0.3s
         margin-bottom: -15px
 
-        p.aplayer-lrc-current 
+        p.aplayer-lrc-current
           color: var(--efu-white)
           border: none
           min-height: 20px
           filter: none
 
         &:after,
-        &:before 
+        &:before
           display: none
 
-        p 
+        p
           color: #ffffffb3
           filter: blur(.8px)
 
-    &.stretch .aplayer.aplayer-withlrc .aplayer-lrc 
+    &.stretch .aplayer.aplayer-withlrc .aplayer-lrc
       width: 200px
       margin-left: 8px
       opacity: 1
 
   .aplayer-thumb
-    width: 0!important
-    height: 0!important
+    width: 0 !important
+    height: 0 !important

package/source/css/_components/expire.styl

@@ -0,0 +1,12 @@
+.expire
+  display flex
+  align-items center
+  border-radius 8px
+  background-color rgba(255, 0, 0, .5)
+  border-left 5px solid var(--efu-red)
+  padding 10px 16px
+  color var(--efu-white)
+
+  i.solitude
+    color var(--efu-white)
+    margin-right 8px

package/source/css/_components/index.styl

@@ -0,0 +1,17 @@
+if hexo-config('capsule.enable')
+    @import 'capsule.styl'
+
+if hexo-config('rightside.enable')
+    @import 'rightside.styl'
+
+if hexo-config('expire.enable')
+    @import 'expire.styl'
+
+if hexo-config('keyboard.enable')
+    @import 'keyboard.styl'
+
+if hexo-config('loading.pace')
+    @import 'pace.styl'
+
+if hexo-config('display_mode.universe')
+    @import 'universe.styl'

package/source/css/_components/keyboard.styl

@@ -0,0 +1,59 @@
+#keyboard-tips
+  position fixed
+  top 80px
+  left 20px
+  z-index 999
+  background var(--efu-maskbgdeep)
+  border-radius 12px
+  border var(--style-border)
+  padding 20px
+  display flex
+  flex-direction column
+  backdrop-filter saturate(180%) blur(20px)
+  transform translateZ(0)
+  pointer-events none
+  box-shadow var(--efu-shadow-border)
+  opacity 0
+  transition .3s
+
+  &.show
+    opacity 1
+    transition .1s
+
+  .keyboardTitle
+    font-size 12px
+    color var(--efu-secondtext)
+    line-height 1
+
+  .keyboardList
+    display flex
+    flex-direction column
+    margin-top 8px
+
+  .keyboardItem
+    display flex
+    margin-top 4px
+
+  .keyGroup
+    display flex
+    align-items center
+    width 90px
+
+    .key
+      padding 0.2em 0.4em
+      font-family inherit
+      background-color var(--efu-card-bg)
+      color var(--efu-fontcolor)
+      border var(--style-border)
+      border-color var(--efu-secondtext)
+      border-bottom 2px solid var(--efu-secondtext)
+      box-shadow var(--efu-shadow-border)
+      border-radius 0.25rem
+      overflow-wrap break-word
+      overflow-x auto
+      font-weight 500
+      font-size .875em
+      margin-right 4px
+      vertical-align baseline
+      line-height 1
+      height 24px

package/source/css/_components/pace.styl

@@ -0,0 +1,39 @@
+.pace
+  pointer-events: none
+  user-select: none
+  z-index: 2000
+  position: fixed
+  margin: auto
+  top: 4px
+  left: 0
+  right: 0
+  height: 8px
+  border-radius: 8px
+  width: 4rem
+  background: var(--efu-secondbg)
+  border: var(--style-border)
+  overflow: hidden
+
+  &.pace-inactive
+    opacity: 0
+    transition: .3s
+    top: -8px
+
+    .pace-progress
+      opacity: 0
+      transition: .3s ease-in
+
+  .pace-progress
+    box-sizing: border-box
+    transform: translate3d(0, 0, 0)
+    max-width: 200px
+    z-index: 2000
+    display: block
+    position: absolute
+    top: 0
+    right: 100%
+    height: 100%
+    width: 100%
+    background: var(--efu-logo-color)
+    animation: gradient 2s ease infinite
+    background-size: 200%

package/source/css/_components/rightside.styl

@@ -0,0 +1,63 @@
+
+#rightside
+  position: fixed
+  right: -2.5rem
+  bottom: 20px
+  z-index: 1000
+  opacity: 0
+  transition: all .5s
+
+  &.needEndHide
+    display block !important
+
+  &.hide.needEndHide
+    bottom 0 !important
+    transform: none !important
+
+  button
+    display: block
+    margin-bottom: 5px
+    width: 1.8rem
+    height: 1.8rem
+    border-radius: 50%
+    background-color: var(--btn-bg)
+    color: var(--btn-color)ß
+    text-align: center
+    font-size: 16px
+
+    &.pc
+      display: block
+      +maxWidth900()
+        display: none
+
+    &.mobile
+      display: none
+
+      +maxWidth900()
+        display: block
+
+    &.top
+      &:hover
+        #percent
+          display: none
+
+        i
+          display: block
+          transition: all .3s
+          transform: scale(1.3)
+
+      i
+        transition: all .3s
+        display: none
+
+        &.show
+          display: block
+
+  .rs_hide
+    transform: translate(45px, 0)
+    transition: all .4s
+    opacity 0
+
+    &.show
+      opacity .8
+      transform: translate(0, 0)

package/source/css/_components/universe.styl

@@ -0,0 +1,17 @@
+#universe
+  display block
+  position fixed
+  margin 0
+  padding 0
+  border 0
+  outline 0
+  left 0
+  top 0
+  width 100%
+  height 100%
+  pointer-events none
+  z-index 1
+
+[data-theme=light]
+  #universe
+    display none