hexo-theme-solitude 1.5.4 → 1.5.6

package/source/css/_page/_gallery/index.styl

@@ -8,72 +8,6 @@
   -webkit-box-align stretch
   align-items stretch
 
-  .gallery-item
-    overflow hidden
-    border var(--style-border-always)
-    border-radius 12px
-    position relative
-    float left
-    display flex
-    height 250px
-    width calc(100% / 3 - 16px)
-    cursor pointer
-    margin 8px
-    +maxWidth1200()
-      width calc(100% / 2 - 16px)
-
-    +maxWidth768()
-      width 100%
-
-    &:hover
-      .cover
-        filter brightness(0.5) blur(2px)
-        transition all .3s
-
-      .title::after
-        width 100%
-        transition all .3s
-
-      .desc
-        left 10%
-        transition left .35s
-        text-wrap unset
-
-    .cover
-      width 100%
-      object-fit cover
-      transition all 0.3s
-
-    .title
-      position absolute
-      top 10%
-      left 10%
-      font-weight 700
-      font-size 32px
-      color var(--efu-white)
-
-      &::after
-        top 55px
-        width 0
-        left 0
-        height 3px
-        background var(--efu-white)
-        content ""
-        border-radius 1px
-        position absolute
-        transition all .3s
-
-    .desc
-      position absolute
-      top 35%
-      left 100%
-      width 80%
-      color var(--efu-white)
-      font-size 1.1em
-      transition left .35s
-      letter-spacing 1px
-      text-wrap break-word
-
 #album
   margin 5px auto
 

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

@@ -128,7 +128,7 @@
   /.topGroup
     display: flex
 
-    +minWidth1200()
+    +minWidth1201()
       display flex
       flex-direction row
       flex-wrap wrap

package/source/css/_page/music.styl

@@ -26,7 +26,6 @@ body[data-type=music]
   left -50%
   background-size 40%
   transition 0.6s
-  background-image url(https://bu.dusays.com/2023/11/08/654af68b25bb8.jpg)
 
   &:before
     content ''
@@ -54,6 +53,7 @@ body[data-type=music]
 
   .aplayer-body 
     width 70%
+    height 88vh
 
     +maxWidth798()
       width 100%
@@ -64,10 +64,10 @@ body[data-type=music]
       left 0
       right 0
       top 0
-      height calc(var(--vh) - 250px)
+      height 75vh
 
   ol
-    max-height calc(var(--vh) - 170px)!important
+    max-height 88vh !important
 
     +maxWidth798()
       max-height 100%!important
@@ -194,7 +194,7 @@ body[data-type=music]
       +maxWidth798()
         display flex
         position fixed
-        top calc(var(--vh) - 178px)
+        top 88vh
         left 0
         margin 0
         margin-left 32px
@@ -229,7 +229,7 @@ body[data-type=music]
 
     .aplayer-lrc 
       padding-top 240px
-      height var(--vh)
+      height 100vh
 
       +maxWidth798()
         margin-top 0
@@ -254,7 +254,7 @@ body[data-type=music]
         opacity 0.3
         transition all 0.9s cubic-bezier(0.56, 0.17, 0.22, 0.76)
         user-select none
-        text-shadow 0px 4px 0px #ffffff00
+        text-shadow 0 4px 0 #ffffff00
         overflow hidden
 
         +maxWidth798()
@@ -414,10 +414,10 @@ body[data-type=music]
       bottom 0px
       left 0
       background var(--efu-white)
-      border-radius 16px 16px 0px 0px
-      padding 15px 0px
+      border-radius 16px 16px 0 0
+      padding 15px 0
       max-width 100%
-      height calc(var(--vh) - 200px)
+      height 75vh
 
       &.aplayer-list-hide
         bottom -100% !important

package/source/css/_page/share.styl

@@ -264,8 +264,8 @@ div#banners
       .banner-button-text
         display none
 
-#page
-  p
+
+p
     a
       &:not(.headerlink)
         text-decoration none

package/source/css/_widgets/_post/content.styl

@@ -1,5 +1,11 @@
 #article-container
   overflow-wrap break-word
+  +maxWidth768()
+    overflow hidden
+
+  iframe
+    border-radius 12px
+    margin 0 0 1rem
 
   a
     color var(--efu-fontcolor)
@@ -11,6 +17,7 @@
       text-decoration none
       color var(--efu-white)
       border-radius 4px
+      background var(--efu-main)
 
   .table-wrap
     margin 1rem 0

package/source/css/_widgets/_post/copyright.styl

@@ -25,14 +25,6 @@
         border var(--style-border-always)
         box-shadow var(--efu-shadow-main)
 
-        if hexo-config('post.default.copyright.author.enable')
-          &:hover
-            img.post-copyright__author_img_front
-              transform scale(1) translateY(3px)
-
-            img.post-copyright__author_img_back
-              transform scale(.8)
-
         img
           width 100%
           height 100%
@@ -42,16 +34,6 @@
           bottom 0
           left 0
 
-        if hexo-config('post.default.copyright.author.enable')
-          &_back
-            border-radius 66px
-            z-index 10
-
-        if hexo-config('post.default.copyright.author.enable')
-          &_front
-            z-index 20
-            transform scale(1.2) translateY(6px)
-
       .post-copyright__author_name
         text-align center
         font-size 20px

package/source/css/_widgets/_tags/button.styl

@@ -1,60 +1,40 @@
 #article-container
-  .btn-center
-    margin: 0 0 20px
-    text-align: center
-
   .btn-sco
     position relative
-    transition all 0.3s ease-in-out
-    padding-block 0.5rem
-    padding-inline 1.25rem
-    border-radius 20px
-    margin 0 4px 6px
-    font-weight bold
-    border 1px solid var(--efu-main-op)
+    padding 8px 15px
+    text-transform uppercase
+    border var(--style-border)
+    border-radius 10px
     overflow hidden
-    font-size 15px
-
-    &:hover
-      transform scale(1.05)
+    transition all 0.3s
+    display inline-flex
+    justify-content center
+    align-items center
 
-      &:before
-        animation shine 1.5s ease-out infinite
+    &.outline
+      background var(--efu-white)
+      color var(--efu-main)
+      border-color var(--efu-main)
 
-    &.larger
-      padding 8px 20px
-      font-size 16px
+      &:hover
+        background var(--efu-main)
+        color var(--efu-white)
+        border-color var(--efu-main)
 
-    &.block
-      display block
-      margin 0 0 20px
-      width fit-content
+    i
+      transition all 0.3s
+      padding-right 8px
 
-    &.center
-      margin 0 auto 20px
+    span
+      transition all 0.3s
 
-    &.right
-      margin 0 0 20px auto
+    &:hover
+      background var(--efu-main)
 
-    &::before
-      content ""
-      position absolute
-      width 100px
-      height 100%
-      background-image linear-gradient(
-              120deg,
-              rgba(255, 255, 255, 0) 30%,
-              rgba(255, 255, 255, 0.8),
-              rgba(255, 255, 255, 0) 70%
-      )
-      top 0
-      left -100px
-      opacity 0.6
+      span
+        transform all 0.3s ease-in-out
+        color var(--efu-white)
 
-@keyframes shine
-  0%
-    left -100px
-  60%
-    left 100%
-  to
-    left 100%
+      i
+        transform all 0.3s ease-in-out
+        color var(--efu-white)

package/source/css/_widgets/_tags/checkbox.styl

@@ -1,85 +1,204 @@
-$border-colors = {
-  red: #fe5f58,
-  green: #3dc550,
-  yellow: #ffbd2b,
-  cyan: #1bcdfc,
-  blue: #2196f3
-}
-
 .checkbox
   display flex
   align-items center
-  p
-    display inline-block
-    margin 2px 0 0 !important
+
   input
     appearance none
     position relative
     height 16px
     width 16px
-    transition all 0.15s ease-out 0s
+    transition all .15s ease-out 0s
     cursor pointer
     display inline-block
-    outline none
+    outline 0
+    border-radius 2px
     flex-shrink 0
     margin-right 8px
     border 2px solid #2196f3
     pointer-events none
-    border-radius 16px
-    &:before, &:after
-      position absolute
-      content ""
-      background #fff
-    &:checked
-      background #2196f3
-    [type="checkbox"]
+
+    &[type=checkbox]
       &:before
         left 1px
         top 5px
         width 0
         height 2px
-        transition all 0.2s ease-in
+        transition all .2s ease-in
         transform rotate(45deg)
+
       &:after
         right 7px
         bottom 3px
         width 2px
         height 0
-        transition all 0.2s ease-out
+        transition all .2s ease-out
         transform rotate(40deg)
-        transition-delay 0.25s
+        transition-delay .25s
+
       &:checked
-        &:before
-          left 0
-          top 7px
-          width 6px
-          height 2px
-        &:after
-          right 3px
-          bottom 1px
-          width 2px
-          height 10px
-    [type="radio"]
+        background #2196f3
+
+      &:checked:before
+        left 0
+        top 7px
+        width 6px
+        height 2px
+
+      &:checked:after
+        right 3px
+        bottom 1px
+        width 2px
+        height 10px
+
+  &.minus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+  &.plus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 5px
+      top 1px
+      width 2px
+      height 0
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      left 5px
+      top 1px
+      width 2px
+      height 10px
+
+  &.times
+    input[type=checkbox]:before
+      transform rotate(45deg)
+      left 3px
+      top 1px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(135deg)
+      right 3px
+      top 1px
+      width 0
+      height 2px
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      right 1px
+      top 5px
+      width 10px
+      height 2px
+
+  input[type=radio]
+    border-radius 50%
+
+    &:before
+      content ""
+      display block
+      width 8px
+      height 8px
       border-radius 50%
-      &:before
-        content ""
-        display block
-        width 8px
-        height 8px
-        border-radius 50%
-        margin 2px
-        transform scale(0)
-        transition all 0.25s ease-out
-      &:checked
-        &:before
-          transform scale(1)
-          background var(--text-bg-hover)
-  for color, value in $border-colors
-    &.{color}
-      input
-        border-color value
-        [type="checkbox"]:checked
-          background value
-        [type="radio"]:checked
-          &:before
-            background value
+      margin 2px
+      transform scale(0)
+      transition all .25s ease-out
+
+    &:checked:before
+      transform scale(1)
+      background var(--text-bg-hover)
+
+  &.red input
+    border-color #fe5f58
+
+    &[type=checkbox]:checked
+      background #fe5f58
+
+    &[type=radio]:checked:before
+      background #fe5f58
+
+  &.green input
+    border-color #3dc550
+
+    &[type=checkbox]:checked
+      background #3dc550
+
+    &[type=radio]:checked:before
+      background #3dc550
+
+  &.yellow input
+    border-color #ffbd2b
+
+    &[type=checkbox]:checked
+      background #ffbd2b
+
+    &[type=radio]:checked:before
+      background #ffbd2b
+
+  &.cyan input
+    border-color #1bcdfc
+
+    &[type=checkbox]:checked
+      background #1bcdfc
+
+    &[type=radio]:checked:before
+      background #1bcdfc
+
+  &.blue input
+    border-color #2196f3
+
+    &[type=checkbox]:checked
+      background #2196f3
+
+    &[type=radio]:checked:before
+      background #2196f3
+
+  p
+    display: inline-block
+    margin-top 2px !important
+    margin-bottom 0 !important
+
+  input[type=checkbox]:after, input[type=checkbox]:before
+    position absolute
+    content ""
+    background #fff