hexo-theme-solitude 3.0.21 → 4.0.0

package/source/css/_layout/pagination.styl

@@ -1,177 +1,221 @@
-#pagination
+#pagination:not(.pagination-post)
   width 100%
-  +minWidth768()
-    overflow visible
-  +maxWidth768()
-    margin-bottom 0
-    margin-top 0
+  overflow visible
 
   .pagination
+    position relative
+    display flex
+    align-items center
+    justify-content center
+    gap 8px
     text-align center
-    +minWidth768()
-      display flex
-      position relative
-      justify-content center
-    +maxWidth768()
-      display flex
-
-    .extend
-      +maxWidth768()
-        width 100%
-        height 2.5rem
-        margin .2rem 0 1rem 0
-        border-radius 12px
-        line-height 2.5rem
-        background var(--efu-card-bg)
-        border var(--style-border-always)
-        box-shadow var(--efu-shadow-border)
-
-      i
-        +maxWidth768()
-          display none
-  .space
-    +maxWidth768()
-      display none
 
-  .page-number
-    display inline-block
-    margin 0 .2rem
-    min-width 1.2rem
-    height 1.2rem
-    text-align center
-    line-height 1.2rem
+  .page-number:focus-visible,
+  .extend:focus-visible,
+  #toPageText:focus-visible
+    outline 2px solid var(--efu-theme)
+    outline-offset 2px
 
-    +minWidth768()
-      width 2rem
+  @media screen and (min-width: 769px)
+    .page-number
+      display block
+      flex 0 0 40px
+      width 40px
+      min-width 40px
+      height 40px
+      margin 0
+      padding 0
+      color var(--efu-fontcolor)
+      line-height 38px
       background var(--efu-card-bg)
-      height 2rem
-      line-height calc(2rem - 2px)
-      border-radius 8px
-      margin 0 .3rem
-      box-shadow var(--efu-shadow-border)
       border var(--style-border)
+      border-radius 99px
+      box-shadow var(--efu-shadow-border)
+      cursor pointer
       transition .3s
+
       &:hover
         color var(--efu-theme)
-        border var(--style-border-hover)
+        border-color var(--efu-theme)
         box-shadow var(--efu-shadow-main)
-    +maxWidth768()
-      display none
-
-    &.current
-      background var(--efu-theme)
-      color var(--efu-white)
-      border-radius 5px
 
-      +minWidth768()
+      &.current
+        color var(--efu-nav-hover-text)
         background var(--efu-theme)
-        border var(--style-border-hover)
+        border-color var(--efu-theme)
         box-shadow var(--efu-shadow-theme)
+        cursor default
 
         &:hover
+          color var(--efu-nav-hover-text)
           background var(--efu-theme)
+          border-color var(--efu-theme)
           box-shadow var(--efu-shadow-theme)
-          color var(--efu-white)
-
-  a.extend.next, a.extend.prev
-    +minWidth768()
-      width 4rem
-      height 2rem
-      line-height 1.9rem
-      border-radius 8px
-      background var(--efu-card-bg)
-      box-shadow var(--efu-shadow-border)
+
+    .space
+      display block
+      flex 0 0 16px
+      width 16px
+      height 40px
+      margin 0
+      color var(--efu-fontcolor)
+      line-height 32px
+
+    a.extend.next,
+    a.extend.prev
       position absolute
-      border var(--style-border)
       display flex
       align-items center
       justify-content center
+      width 80px
+      min-width 80px
+      height 40px
+      margin 0
+      padding 0
+      color var(--efu-fontcolor)
+      line-height 38px
+      background var(--efu-card-bg)
+      border var(--style-border)
+      border-radius 99px
+      box-shadow var(--efu-shadow-border)
       overflow hidden
       transition .3s
 
       i
         transition .3s
 
-  a.extend
-    &:hover
-      color var(--efu-theme)
-      border var(--style-border-hover)
-      box-shadow var(--efu-shadow-main)
-
-    &.next
-      right 0
-      +minWidth768()
-        .pagination_tips_next
-          margin-left -32px
-          transition .3s ease-out 0s
-          opacity 0
-
+    a.extend
       &:hover
-        .pagination_tips_next
-          margin-left 2px
-          opacity 1
-          white-space nowrap
+        color var(--efu-theme)
+        background var(--efu-card-bg)
+        border-color var(--efu-theme)
+        box-shadow var(--efu-shadow-main)
+
+      &.prev
+        left 0
 
-    &.prev
-      left 0
-      +minWidth768()
         .pagination_tips_prev
           margin-right -32px
-          transition .3s ease-out 0s
           opacity 0
+          transition .3s ease-out
 
-      &:hover
-        .pagination_tips_prev
+        &:hover .pagination_tips_prev
           margin-right 2px
           opacity 1
           white-space nowrap
 
-  .toPageGroup
-    display flex
-    position relative
-    margin 0 .3rem
-    +maxWidth768()
-      display none
+      &.next
+        right 0
+
+        .pagination_tips_next
+          margin-left -32px
+          opacity 0
+          transition .3s ease-out
 
-    a#toPageButton
+        &:hover .pagination_tips_next
+          margin-left 2px
+          opacity 1
+          white-space nowrap
+
+    .toPageGroup
+      position relative
       display flex
-      position absolute
+      flex 0 0 40px
       width 40px
       height 40px
-      right 0
-      top 0
-      border-radius 8px
-      justify-content center
-      align-items center
-      transition .3s
-      background var(--efu-card-bg)
-      border var(--style-border-always)
-      cursor text
-      pointer-events none
-
-    &:focus-within a#toPageButton, &:hover a#toPageButton
-      width 30px
-      height 30px
-      right 4px
-      top 5px
-      background var(--efu-card-bg)
-      border 1px solid var(--efu-none)
-      border-radius 4px
-      opacity .2
+      margin 0
+
+      input
+        width 40px
+        height 40px
+        padding-left 12px
+        color var(--efu-fontcolor)
+        font-size 16px
+        background var(--efu-secondbg)
+        border var(--style-border-always)
+        border-radius 99px
+        outline none
+        transition .3s
 
-    input
-      width 40px
-      height 40px
-      border-radius 8px
-      border var(--style-border-always)
-      transition .3s
-      outline-style none
-      font-size 16px
-      padding-left 12px
-      background var(--efu-secondbg)
-      color var(--efu-fontcolor)
+        &:focus
+          width 100px
+          border-color var(--efu-theme)
+
+      &:hover input
+        width 100px
+        border-color var(--efu-theme)
+
+      a#toPageButton
+        position absolute
+        top 0
+        right 0
+        display flex
+        align-items center
+        justify-content center
+        width 40px
+        height 40px
+        color var(--efu-fontcolor)
+        background var(--efu-card-bg)
+        border var(--style-border-always)
+        border-radius 99px
+        cursor text
+        pointer-events none
+        transition .3s
+
+        &.haveValue
+          cursor pointer
+          pointer-events auto
+
+          &:hover
+            color var(--efu-nav-hover-text)
+            background var(--efu-theme)
+            opacity 1
+
+      &:hover a#toPageButton,
+      &:focus-within a#toPageButton
+        top 5px
+        right 4px
+        width 30px
+        height 30px
+        background var(--efu-card-bg)
+        border-color transparent
+        border-radius 99px
+        opacity .2
 
-      &:focus, /#pagination .toPageGroup:hover input
-        border var(--style-border-hover-always)
-        outline-style none
-        width 100px
+  +maxWidth768()
+    margin 0
+
+    .pagination
+      gap 10px
+      margin 0
+
+      .extend
+        position static
+        display flex
+        flex 1 1 0
+        align-items center
+        justify-content center
+        width 100%
+        min-width 0
+        height 50px
+        margin 0
+        padding 0
+        color var(--efu-fontcolor)
+        line-height 50px
+        background var(--efu-card-bg)
+        border var(--style-border-always)
+        border-radius 12px
+        box-shadow var(--efu-shadow-border)
+
+        &:hover
+          color var(--efu-nav-hover-text)
+          background var(--efu-theme)
+          border-color var(--efu-theme)
+
+        i
+          display none
+
+    .page-number,
+    .space,
+    .toPageGroup
+      display none

package/source/css/_layout/rightmenu.styl

@@ -3,7 +3,9 @@ if hexo-config('right_menu.enable')
     display none
     position fixed
     padding 0 .25rem
-    width 9rem
+    width max-content
+    min-width 9rem
+    max-width calc(100vw - 24px)
     height fit-content
     top 10%
     left 10%
@@ -17,6 +19,7 @@ if hexo-config('right_menu.enable')
     user-select none
     box-shadow var(--efu-shadow-black)
     transition border .3s
+    box-sizing border-box
 
     &:hover
       border var(--style-border-hover)
@@ -55,6 +58,7 @@ if hexo-config('right_menu.enable')
 
         i
           display inline-block
+          flex 0 0 1.5rem
           text-align center
           line-height 1.5rem
           width 1.5rem
@@ -62,7 +66,12 @@ if hexo-config('right_menu.enable')
           margin 0 .25rem
 
         span
+          min-width 0
+          max-width 14rem
+          overflow hidden
           line-height 1.5rem
+          text-overflow ellipsis
+          white-space nowrap
 
     .rightMenu-line
       border-top 1px dashed var(--efu-theme-op)
@@ -76,4 +85,4 @@ if hexo-config('right_menu.enable')
     left 0
     display none
     margin 0 !important
-    z-index 99993
+    z-index 99993

package/source/css/_layout/sidebar.styl

@@ -3,27 +3,38 @@
 
   #menu-mask
     position fixed
-    z-index 1001
+    z-index 1003
     display none
     width 100%
     height 100%
-    background var(--efu-maskbg)
-    -webkit-backdrop-filter saturate(180%) blur(20px)
-    backdrop-filter saturate(180%) blur(20px)
+    background var(--efu-none)
+    -webkit-backdrop-filter none
+    backdrop-filter none
     transform translateZ(0)
     animation .6s ease 0s 1 normal none running to_show
 
   #sidebar-menus
     position fixed
-    top 0
-    right -300px
-    overflow hidden auto
+    top 16px
+    right 8px
+    overflow hidden
     width 300px
-    height 100%
+    max-width 90vw
+    height calc(100% - 32px)
     background var(--efu-maskbgdeep)
-    transition all .5s ease 0s
-    z-index 1001
-    border-left var(--style-border-always)
+    transition transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94)
+    z-index 1004
+    border var(--style-border-always)
+    padding-bottom 44px
+    border-radius 12px
+    transform-origin top right
+    transform scale(.9)
+    opacity 0
+    pointer-events none
+    scrollbar-width none
+
+    &::-webkit-scrollbar
+      display none
 
     +minWidth768()
       display none
@@ -49,15 +60,20 @@
 
     / .site-data
       display flex
-      width 100%
-      justify-content space-around
-      margin 12px 0 0 0
-      padding .6rem 16px
+      width calc(100% - 32px)
+      justify-content space-between
+      margin 18px 16px 12px
+      padding 8px 16px
+      gap 12px
+      background var(--efu-card-bg)
+      border var(--style-border-always)
+      border-radius 8px
 
       .data-item
         display flex
         justify-content flex-start
-        margin-right 36px
+        margin-right 0
+        min-width 0
 
         .data-item-link > a
           display flex
@@ -73,6 +89,7 @@
         .data-item-link .headline
           font-size 12px
           color var(--efu-secondtext)
+          white-space nowrap
 
     .menus_items
       padding 0 16px
@@ -128,7 +145,12 @@
       display none
 
     &.open
-      transform translate3d(-100%, 0, 0)
+      transform scale(1)
+      opacity 1
+      pointer-events auto
+      overflow hidden auto
+      -webkit-backdrop-filter blur(20px) saturate(180%)
+      backdrop-filter blur(20px) saturate(180%)
 
     .back-menu-list-groups
       padding 0 16px

package/source/css/_mode/index.styl

@@ -3,6 +3,7 @@
   --efu-theme-op $dark_theme_op
   --efu-theme-op-deep $dark_theme_op_deep
   --efu-theme-none $dark_theme_none
+  --efu-nav-hover-text $dark_nav_hover_text
   --efu-blue #0084ff
   --efu-red #ff3842
   --efu-pink #d44040
@@ -33,6 +34,8 @@
   --efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.0)
   --efu-card-border #3d3d3f
   --efu-shadow-border 0 8px 16px -4px #00000050
+  --efu-shadow-glass 0 5px 100px -5px rgba(0, 0, 0, 0.55)
+  --efu-shadow-glass-inset rgba(255, 255, 255, 0.9) 1.1px 2.2px 0.5px -1.8px inset, rgba(255, 255, 255, 0.9) -1px -2.2px 0.5px -1.8px inset, rgba(0, 0, 0, 0.1) 2px 3px 2px 0 inset
   --style-border 1px solid var(--efu-card-border)
   --style-border-always 1px solid var(--efu-card-border)
   --style-border-hover 1px solid var(--efu-theme)
@@ -49,6 +52,7 @@
   --efu-theme-op-deep $light_theme_op_deep
   --efu-theme-op-light #4259ef0d
   --efu-theme-none $light_theme_none
+  --efu-nav-hover-text $light_nav_hover_text
   --efu-blue #425aef
   --efu-red #f04a63
   --efu-pink #ff7c7c
@@ -79,6 +83,8 @@
   --efu-shadow-light2black 0 5px 12px -5px rgba(102, 68, 68, 0.00)
   --efu-card-border #e3e8f7
   --efu-shadow-border 0 8px 16px -4px #2c2d300c
+  --efu-shadow-glass 0 5px 100px -5px rgba(140, 140, 140, .55)
+  --efu-shadow-glass-inset 0 1px 2px rgba(255, 255, 255, 0.7) inset
   --style-border 1px solid var(--efu-card-border)
   --style-border-always 1px solid var(--efu-card-border)
   --style-border-hover 1px solid var(--efu-main)
@@ -94,4 +100,4 @@
 :root
   +maxWidth768()
     --style-border 0px solid var(--efu-none)
-    --style-border-hover 0px solid var(--efu-main)
+    --style-border-hover 0px solid var(--efu-main)

package/source/css/_page/_about/about.styl

@@ -8,9 +8,25 @@
   .author-title
     font-size 2rem
     font-weight 700
-    margin .5rem 0
+    margin 1rem 0 2rem
     line-height 1
 
+  .author-page-content
+    display flex
+    flex-direction column
+    gap .5rem
+
+  .author-content-item
+    flex 1
+    width 49%
+
+  .create-site-post
+    line-height 2
+
+  +maxWidth768()
+    .author-title
+      margin .5rem 0 1rem
+
 if "tenyear" in $about
   @import "tenyear"
 
@@ -47,4 +63,4 @@ if "tj" in $about
   @import "statistic"
 
 if "award" in $about
-  @import "reward"
+  @import "reward"

package/source/css/_page/_about/buff.styl

@@ -30,4 +30,4 @@
     .title1
       opacity .8
       font-size .6rem
-      margin-bottom .5rem
+      margin-bottom .5rem

package/source/css/_page/_about/contentinfo.styl

@@ -8,6 +8,7 @@
     background-size 200%
     animation gradient 15s ease infinite
     flex 4
+    min-height 200px
 
     .title1
       opacity .8
@@ -76,4 +77,4 @@
         background-image linear-gradient(45deg, #8a7cfb 50%, #633e9c)
 
       span:nth-child(4)
-        background-image linear-gradient(45deg, #fa7671 50%, #f45f7f)
+        background-image linear-gradient(45deg, #fa7671 50%, #f45f7f)

package/source/css/_page/_about/game.styl

@@ -11,6 +11,7 @@
       height 100%
       top 0
       left 0
+      pointer-events none
 
     .card-content
       position absolute
@@ -21,4 +22,59 @@
       z-index 2
       display flex
       flex-direction column
-      padding 1rem 2rem
+      padding 1rem 2rem
+
+    .author-content-item-title
+      display flex
+      align-items center
+      justify-content space-between
+      gap 1rem
+
+    .author-content-item-title-text
+      min-width 0
+
+    .mode-img
+      flex 0 0 40px
+      width 40px
+      height 40px
+      border-radius 8px
+      object-fit cover
+
+    .hero-group
+      display flex
+      align-items center
+
+    .hero-group-item
+      position relative
+      z-index calc(100 - var(--index))
+      flex 0 0 40px
+      width 40px
+      height 40px
+      border 2px solid #357358
+      border-radius 50%
+      object-fit cover
+
+      &:not(:first-child)
+        margin-left -10px
+
+    +maxWidth768()
+      min-height 260px
+
+      .card-content
+        padding 1rem
+
+      .author-content-item-title
+        font-size 30px
+
+      .mode-img
+        flex-basis 36px
+        width 36px
+        height 36px
+
+      .hero-group-item
+        flex-basis 36px
+        width 36px
+        height 36px
+
+        &:not(:first-child)
+          margin-left -9px

package/source/css/_page/_about/like.styl

@@ -1,7 +1,8 @@
 #about-page
   .author-content-item.like-technology
+    flex 1
     background-size cover
-    min-height 230px
+    min-height 300px
     color var(--efu-white)
     &::after
       box-shadow 0 -69px 203px 11px #050b20 inset
@@ -11,10 +12,12 @@
       height 100%
       top 0
       left 0
+      pointer-events none
 
   .author-content-item.like-music
+    flex 1
     background-size cover
-    min-height 400px
+    min-height 300px
     color var(--efu-white)
     overflow hidden
     &::after
@@ -25,8 +28,10 @@
       height 100%
       top 0
       left 0
+      pointer-events none
 
   .author-content-item.comic
+    flex 1
     min-height 400px
     color var(--efu-white)
     position relative

package/source/css/_page/_about/maxim.styl

@@ -19,4 +19,4 @@
     .title1
       opacity .8
       font-size .6rem
-      margin-bottom .5rem
+      margin-bottom .5rem