hexo-theme-solitude 1.5.11 → 1.6.1

package/source/css/_layout/capsule.styl

@@ -0,0 +1,213 @@
+if hexo-config('capsule.enable')
+  #nav-music
+    display flex
+    align-items center
+    z-index 8
+    position fixed
+    bottom 20px
+    left 20px
+    cursor pointer
+    transition .3s
+    transform-origin left bottom
+    box-shadow var(--efu-shadow-border)
+    border-radius 40px
+    overflow hidden
+    user-select none
+
+    +maxWidth798()
+      display none !important
+
+    span
+      user-select none
+
+    div
+      user-select none
+
+    &.playing
+      box-shadow 0 0 12px -3px var(--efu-none)
+      -webkit-animation playingShadow 5s linear infinite
+
+      .aplayer
+        background var(--efu-main-op-deep)
+        border var(--style-border-hover)
+        backdrop-filter saturate(180%) blur(20px)
+        -webkit-backdrop-filter blur(20px)
+        transform translateZ(0)
+
+        &.aplayer-withlrc
+          .aplayer-pic
+            box-shadow 0 0 14px #ffffffa6
+            -webkit-transform rotate(0) scale(1.1)
+            border-color var(--efu-white)
+            animation-play-state running
+
+          .aplayer-info
+            color var(--efu-white)
+
+          .aplayer-lrc
+            width 200px
+            margin-bottom 0
+            opacity 1
+
+        .aplayer-info
+          .aplayer-controller
+            .aplayer-bar-wrap
+              .aplayer-bar
+                opacity 1
+
+                .aplayer-played
+                  animation-play-state running
+
+      #nav-music-hoverTips
+        opacity 0
+
+    .aplayer
+      background var(--efu-card-bg)
+      border-radius 60px
+      height 41px
+      display flex
+      margin 0
+      pointer-events none
+      transition .3s
+      border var(--style-border)
+      box-shadow none
+
+      &.aplayer-withlrc
+        .aplayer-pic
+          height 25px
+          width 25px
+          border-radius 40px
+          z-index 1
+          transition .3s
+          -webkit-transform rotate(0) scale(1)
+          border var(--style-border-always)
+          -webkit-animation changeright 24s linear infinite
+          animation-play-state paused
+
+        .aplayer-info
+          height 100%
+          color var(--efu-fontcolor)
+          margin-left 8px
+          padding 0
+          display flex
+          align-items center
+
+        .aplayer-lrc
+          width 0
+          opacity 0
+          transition .3s
+          margin-left 8px
+          margin-top -2px
+
+      .aplayer-notice
+        display none
+
+      .aplayer-miniswitcher
+        display none
+
+      .aplayer-body
+        position relative
+        display flex
+        align-items center
+        padding 0 12px 0 8px
+
+      .aplayer-pic
+        .aplayer-play
+          opacity 0
+
+        div
+          display none
+
+      .aplayer-info
+        .aplayer-music
+          margin 0
+          display flex
+          align-items center
+          padding 0
+          z-index 1
+
+          .aplayer-author
+            display none
+
+          .aplayer-title
+            cursor pointer
+            line-height 1
+            display inline-block
+            white-space nowrap
+            max-width 120px
+            overflow hidden
+            text-overflow ellipsis
+            transition .3s
+
+        .aplayer-controller
+          position absolute
+          width 100%
+          height 100%
+          top 0
+          left 0
+
+          .aplayer-time
+            display none
+
+          .aplayer-bar-wrap
+            margin 0
+            padding 0
+
+            .aplayer-bar
+              height 100%
+              background 0 0
+              opacity 0
+
+              .aplayer-loaded
+                display none
+
+              .aplayer-played
+                height 100%
+                opacity .1
+                background-color var(--efu-white) !important
+                -webkit-animation lightBar 5s ease infinite
+                animation-play-state paused
+
+      &.aplayer-withlist
+        .aplayer-info
+          border none
+
+      .aplayer-lrc
+        p
+          color #ffffffb3
+          filter blur(1px)
+
+          &.aplayer-lrc-current
+            color var(--efu-white)
+            border none
+            filter blur(0)
+
+    #nav-music-hoverTips
+      color var(--efu-white)
+      background var(--efu-main)
+      width 100%
+      height 100%
+      position absolute
+      top 0
+      left 0
+      align-items center
+      justify-content center
+      display flex
+      border-radius 40px
+      opacity 0
+      font-size 12px
+      z-index 2
+      pointer-events none
+      transition .3s
+
+    &:hover
+      &:not(.playing)
+        #nav-music-hoverTips
+          opacity 1
+
+    .aplayer-list
+      display none
+
+  #nav-music .aplayer .aplayer-lrc:after,
+  #nav-music .aplayer .aplayer-lrc:before
+    display none

package/source/css/{_widgets/_extra → _layout}/console.styl

@@ -170,7 +170,7 @@
       transition .3s
       cursor pointer
 
-      a.darkmode_switchbutton
+      span.darkmode_switchbutton
         [data-theme="dark"] &
           background var(--efu-orange)
           color var(--efu-white)
@@ -180,10 +180,10 @@
         margin-right .5rem
 
       &:hover
-        a
+        span
           background var(--efu-main)
 
-      a
+      span
         width 100%
         height 100%
         background var(--efu-card-bg)
@@ -193,22 +193,23 @@
         align-items center
         justify-content center
         color var(--efu-fontcolor)
+        transition all .3s
 
         i
           font-size 1rem
 
       &.on
-        a
+        span
           background var(--efu-orange)
           color var(--efu-white)
           transition .3s
 
       &:not(.on)
-        a:hover
+        span:hover
           background var(--efu-main)
 
       &:hover
-        a
+        span
           color var(--efu-white)
 
   .console-card.tags

package/source/css/{_widgets/_mixins → _layout}/footer.styl

@@ -161,6 +161,7 @@
 
     .random-friends-btn
       display flex
+      margin-left 8px
 
   /#footer-bar
     padding 1rem

package/source/css/_layout/fullpage.styl

@@ -0,0 +1,47 @@
+if hexo-config('loading.fullpage')
+  #loading-box
+    user-select none
+
+    .loading-bg
+      display flex
+      width 100%
+      height 100%
+      position fixed
+      background var(--efu-background)
+      z-index 1999
+      opacity 1
+      transition 0.2s
+      pointer-events all
+      animation showLoading 0.3s 0s backwards
+
+    &.loaded .loading-bg
+      pointer-events none
+      transition 0.2s
+      animation hideLoading 0.3s 0s forwards
+
+    .loading-img
+      width 100px
+      margin auto
+      animation-duration 0.2s
+      animation-name loadingAction
+      border-radius 50px
+      animation-iteration-count infinite
+      animation-direction alternate
+
+  @keyframes loadingAction
+    from
+      opacity 1
+    to
+      opacity 0.6
+
+  @keyframes hideLoading
+    from
+      opacity 1
+    to
+      opacity 0
+
+  @keyframes showLoading
+    from
+      opacity 0
+    to
+      opacity 1

package/source/css/_layout/header.styl

@@ -886,6 +886,8 @@ if hexo-config('nav.group')
           height 35px
           line-height 35px
           border-radius 40px
+          if hexo-config('language') == 'en'
+            letter-spacing 0
 
 #travellings_button
   display inline

package/source/css/_layout/keyboard.styl

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

package/source/css/_layout/pace.styl

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

package/source/css/_layout/rightmenu.styl

@@ -0,0 +1,79 @@
+if hexo-config('rightside.enable')
+  #rightMenu
+    display none
+    position fixed
+    padding 0 .25rem
+    width 9rem
+    height fit-content
+    top 10%
+    left 10%
+    background-color var(--efu-maskbgdeep)
+    backdrop-filter blur(20px)
+    transform translateZ(0)
+    color var(--efu-fontcolor)
+    border-radius 12px
+    z-index 99994
+    border var(--style-border)
+    user-select none
+    box-shadow var(--efu-shadow-black)
+    transition border .3s
+
+    &:hover
+      border var(--style-border-hover)
+      box-shadow var(--efu-shadow-theme)
+
+    .rightMenu-group
+      padding .5rem .3rem
+
+      &.rightMenu-small
+        display flex
+        justify-content space-between
+
+        .rightMenu-item
+          width 30px
+          height 30px
+          line-height 30px
+          display flex
+          align-items center
+          justify-content center
+
+      &.rightMenu-line
+        .rightMenu-item
+          display flex
+
+      .rightMenu-item
+        border-radius 8px
+        transition .3s
+        cursor pointer
+        margin .25rem 0
+        padding .25rem .5rem
+
+        &:hover
+          background-color var(--efu-lighttext)
+          color var(--efu-card-bg)
+          box-shadow var(--efu-shadow-main)
+
+        i
+          display inline-block
+          text-align center
+          line-height 1.5rem
+          width 1.5rem
+          padding 0 .25rem
+          margin 0 .25rem
+
+        span
+          line-height 1.5rem
+
+    .rightMenu-line
+      border-top 1px dashed var(--efu-theme-op)
+
+  #rightmenu-mask
+    position fixed
+    width 100vw
+    height 100vh
+    background 0 0
+    top 0
+    left 0
+    display none
+    margin 0 !important
+    z-index 99993

package/source/css/{_widgets/_mixins → _layout}/sidebar.styl

@@ -22,7 +22,6 @@
     height 100%
     background var(--efu-maskbgdeep)
     transition all .5s ease 0s
-    padding-top 30px
     z-index 1001
     border-left var(--style-border-always)
 
@@ -48,6 +47,33 @@
           .site-page span:hover
             color var(--efu-white)
 
+    .site-data
+      display flex
+      width 100%
+      justify-content flex-start
+      margin 12px 0 0 0
+      padding .6rem 16px
+
+      .data-item
+        display flex
+        justify-content flex-start
+        margin-right 36px
+
+        .data-item-link > a
+          display flex
+          flex-direction column
+          align-items flex-start
+
+        .data-item-link .length-num
+          color var(--efu-fontcolor)
+          font-size 20px
+          font-weight 700
+          line-height 1
+
+        .data-item-link .headline
+          font-size 12px
+          color var(--efu-secondtext)
+
     .menus_items
       padding 0 16px
 
@@ -137,22 +163,6 @@
         &:hover
           transform rotate(360deg)
 
-    .site-data
-      display table
-      padding .6rem .5rem 0
-      width 100%
-      table-layout fixed
-
-      .data-item
-        display table-cell
-
-        .data-item-link .length-num
-          color var(--text-highlight-color)
-          font-size 1.28em
-
-        .data-item-link .headline
-          color var(--efu-fontcolor)
-
     hr
       margin 1rem auto
 
@@ -188,14 +198,14 @@
       padding 0 16px
       margin-bottom 6px
 
-      a.darkmode_switchbutton
+      span.darkmode_switchbutton
         padding 4px 8px
 
         [data-theme="dark"] &
           background var(--efu-orange)
           color var(--efu-white)
 
-      a.menu-child
+      span.menu-child
         width 100%
         background var(--efu-card-bg)
         border-radius 8px
@@ -211,7 +221,7 @@
           align-items center
           justify-content center
 
-      a.menu-child span
+      span.menu-child span
         margin-left 10px
 
     .webinfo

package/source/css/_layout/universe.styl

@@ -0,0 +1,18 @@
+// universe
+if hexo-config('display_mode.universe')
+  #universe
+    display block
+    position fixed
+    margin 0
+    padding 0
+    border 0
+    outline 0
+    left 0
+    top 0
+    width 100%
+    height 100%
+    pointer-events none
+    z-index 1
+  [data-theme=light]
+    #universe
+      display none

package/source/css/_page/_home/home-top.styl

@@ -21,11 +21,9 @@
         display none
 
       / #bannerGroup
-        display none
-
         +minWidth1201()
           width calc(50% - .25rem)
-          margin-right .5rem
+          margin-right 1rem
           height calc(328px + .5rem)
           display flex
           flex-direction column
@@ -336,7 +334,7 @@
   border-radius 60px
   margin-bottom 12px
   color var(--efu-white)
-  width 94px
+  width 100px
   position relative
   background-size 200%