hexo-theme-solitude 1.5.11 → 1.6.0

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/_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/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/_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