hexo-theme-solitude 1.12.0 → 1.12.1

package/source/css/_layout/article-container.styl

@@ -193,11 +193,7 @@
       border-top 1px dashed var(--efu-theme-op)
       padding-top 1rem
 
-    h3
-      font-size 1.1rem
-      line-height 1.3
-
-    h4
+    h3, h4
       font-size 1.1rem
       line-height 1.3
 

package/source/css/_page/_home/carousel.styl

@@ -36,6 +36,8 @@ div#swiper_container
 #swiperBox.recent-post-item
   width 100%
   margin-top 0
+  flex 1 1 100%
+  max-width none
   +maxWidth798()
     display none
 

package/source/css/_page/music.styl

@@ -26,10 +26,13 @@ body[data-type=music]
   height 200%
   top -50%
   left -50%
+  background-position 0 0
   background-size 40%
   transition 0.6s
-
+  background-color rgba(0, 0, 0, 0.4)
+  
   &:before
+    display none
     content ''
     background rgba(0, 0, 0, 0.4)
     backdrop-filter blur(200px)
@@ -41,6 +44,10 @@ body[data-type=music]
     width 200%
     height 200%
 
+  &.show
+    &:before
+      display block
+
 #Music-page
   max-width 1400px
 

package/source/css/_page/other.styl

@@ -92,6 +92,7 @@ div#banners
     +maxWidth600()
       opacity 0.06
       filter blur(8px)
+      z-index -1
 
   &.nowrapMove
     padding-bottom 2rem

package/source/css/_post/commentBarrage.styl

@@ -117,23 +117,14 @@
         max-width 270px
 
         img:not(.tk-owo-emotion)
-        display none
+          display none
         img.tk-owo-emotion
           width 16px
           padding 0
           margin 0
           transform translateY(2px)
 
-      pre
-        display none
-
-      li
-        display none
-
-      blockquote
-        display none
-
-      br
+      pre, li, blockquote, br
         display none
 
       &::-webkit-scrollbar

package/source/css/_post/copyright.styl

@@ -4,7 +4,7 @@
     border-width 1px
     transition 0.3s
     position relative
-    margin 80px 0 30px
+    margin 80px 0 .5rem
     border-radius 12px
     padding 34px 0 20px 0
     border var(--style-border-always)
@@ -84,4 +84,131 @@
             background-color var(--efu-main)
             color var(--efu-white)
             cursor pointer
-            border-radius 4px
+            border-radius 4px
+
+    .social-share
+      display flex
+      justify-content center
+      height 40px
+      margin .5rem auto
+      gap .5rem
+      flex-wrap wrap
+
+      .social-share-ico
+        display flex
+        justify-content center
+        align-items center
+        width 40px
+        height 40px
+        border-radius 12px
+        border var(--style-border)
+        cursor pointer
+        transition .3s
+
+        +maxWidth768()
+          &:nth-child(n+6)
+            display none
+
+        &:hover
+          color white
+
+      .icon-qq
+        color #56b6e7
+        border-color #56b6e7
+        &:hover
+            background-color #56b6e7
+
+      .icon-weibo
+        color #d44040
+        border-color #d44040
+
+        &:hover
+          background-color #d44040
+
+      .icon-facebook
+        color #415dc9
+        border-color #415dc9
+
+        &:hover
+          background-color #415dc9
+
+      .icon-twitter
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-telegram
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-linkedin
+        color #0077b5
+        border-color #0077b5
+
+        &:hover
+          background-color #0077b5
+      .icon-whatsapp
+        color #25d366
+        border-color #25d366
+
+        &:hover
+          background-color #25d366
+      .icon-link
+        color #425AEF
+        border-color #425AEF
+
+        &:hover
+          background-color #425AEF
+      .icon-qrcode
+        position relative
+        color #000
+        border-color #000
+
+        +maxWidth900()
+          display none
+
+        &:hover
+          background-color #000
+
+          .share-main
+            display flex
+
+        .share-main
+          display none
+          position absolute
+          bottom 1.7rem
+          z-index 100
+          padding-bottom 15px
+
+          &-all
+            padding 12px
+            border-radius 12px
+            background var(--efu-background)
+            animation donate_effcet 0.3s 0.1s ease both
+            flex-direction column
+            border var(--style-border-always)
+
+            .reward-dec
+              font-size 0.6rem
+              color var(--efu-fontcolor)!important
+              text-align center
+
+      #qrcode
+        width 150px
+        height 150px
+        min-width 150px
+        min-height 150px
+        background var(--efu-white)
+        padding 8px
+        border-radius 8px
+        margin-bottom 8px
+        border var(--style-border-always)
+
+        img
+          width 132px
+          height 132px

package/source/css/_post/meta.styl

@@ -35,8 +35,6 @@
       +maxWidth768()
         height 15rem
 
-  /*** 顶部背景 ***/
-
   .post-bg
     .main-hero-waves-area
       width 100%
@@ -109,22 +107,6 @@
         left 0
         box-shadow 110px -130px 300px 60px var(--efu-main) inset
 
-      +minWidth1300()
-        width 70%
-        height 100%
-        position relative
-        overflow hidden
-        margin 0 -20% 0 auto
-        transform rotate(10deg) translateY(-8%) scale(1.8)
-        filter blur(10px)
-        opacity 0
-
-        &.loaded
-          display block
-          opacity .5
-          animation showCover 1s .3s backwards
-          transform rotate(10deg) translateY(-10%) scale(2)
-
       +minWidth768()
         width 70%
         height 100%
@@ -154,10 +136,6 @@
       &.loaded
         display block
 
-    /*** 顶部背景 end ***/
-
-    /*** 顶部信息 ***/
-
     #post-info
       top 0
       position absolute
@@ -255,22 +233,14 @@
 
           > span:first-child
             margin-left 0
-            
-
-          .post-meta-date
-            opacity .6
 
-          .post-meta-wordcount
+          .post-meta-date, .post-meta-wordcount, .post-meta-position, .post-meta-pv
             opacity .6
 
           .post-meta-separator
             margin 0 1rem 0 0
 
-          .post-meta-position
-            opacity .6
-
           .post-meta-pv
-            opacity .6
             margin-right 8px
             padding 0 8px
             display flex

package/source/css/_post/pagination.styl

@@ -2,6 +2,10 @@
   overflow hidden
   position inherit
   border var(--style-border-always)
+
+  div:only-child
+    width 100%!important
+
   +minWidth1300()
     position fixed
     width 300px
@@ -15,6 +19,7 @@
     overflow hidden
     cursor pointer
     opacity 0
+
   +maxWidth768()
     border-radius 12px
     border var(--style-border-always)
@@ -23,18 +28,22 @@
   &.pagination-post
     margin-top 1.5rem
     background var(--efu-card-bg)
+
     +minWidth768()
       border-radius 12px
       margin-top 1rem
+
     +minWidth1300()
       margin-top 0
 
   .next-post, .prev-post, .next-post.pull-right, .prev-post.pull-left
     background var(--efu-secondbg)
+
     +minWidth1300()
       background var(--efu-maskbgdeep)
       backdrop-filter blur(5px)
       transform translateZ(0)
+
     +maxWidth768()
       background var(--efu-card-bg)
 
@@ -45,6 +54,7 @@
   .prev-post.pull-left
     +minWidth1300()
       display none
+
     +maxWidth768()
       border-bottom var(--style-border-always)
 
@@ -54,9 +64,11 @@
 
   .next-post, .prev-post
     width 50%
+
     +minWidth1300()
       text-align left
       position relative
+
     +maxWidth768()
       width 100%
 
@@ -136,6 +148,7 @@
     padding 1rem 2rem
     width 100%
     transform translate(0, -50%)
+
     +minWidth768()
       padding 1rem 1.5rem 1rem 1.5rem
       position relative

package/source/css/_post/postAI.styl

@@ -4,7 +4,7 @@
   padding 12px
   line-height 1.3
   border var(--style-border-always)
-  margin-top 16px;
+  margin-top 16px
   min-height 101.22px
   box-shadow var(--efu-shadow-border)
 
@@ -81,13 +81,12 @@
 
     .blinking-cursor
       background-color var(--efu-lighttext)
-      width: 14px
+      width 14px
       height 14px
       border-radius 16px
       display inline-block
       vertical-align middle
       animation blinking-cursor 2s infinite
-      -webkit-animation blinking-cursor 2s infinite
       margin-left 4px
       margin-bottom 3px
       transform scale(.6)

package/source/css/_post/relatedPost.styl

@@ -1,163 +1,149 @@
 .relatedPosts
-  margin-top: 2rem
+  margin-top 2rem
   user-select none
 
-  > .relatedPosts-list
-    > div
-      position: relative
-      display: inline-block
-      overflow: hidden
-      margin: 3px
-      width: calc(33.333% - 6px)
-      height: 200px
-      background: var(--efu-main)
-      vertical-align: bottom
+  .relatedPosts-list > div
+    position relative
+    display inline-block
+    overflow hidden
+    margin 3px
+    width calc(33.333% - 6px)
+    height 200px
+    background var(--efu-main)
+    vertical-align bottom
 
     .cover
-      width: 360px
-      min-width: 45%
-      height: 100%
-      transition: all .6s ease 0s
-      object-fit: cover
-      filter: brightness(.9)
-      max-width: 45%
+      width 360px
+      min-width 45%
+      height 100%
+      transition all .6s ease 0s
+      object-fit cover
+      filter brightness(.9)
+      max-width 45%
 
       &::after
-        content: ' '
-        display: block
-        position: absolute
-        z-index: 0
-        top: 0
-        left: 0
-        width: 100%
-        height: 100%
-        background: url(error_img) 50%
-        background-size: cover
+        content ' '
+        display block
+        position absolute
+        z-index 0
+        top 0
+        left 0
+        width 100%
+        height 100%
+        background url(error_img) 50%
+        background-size cover
 
     .content
-      padding: 0 1rem
-      width: 100%
+      padding 0 1rem
+      width 100%
 
       .date
-        color: var(--light-grey)
-        font-size: 90%
+        color var(--light-grey)
+        font-size 90%
 
       .title
-        color: var(--efu-white)
-        -webkit-line-clamp: 2
-        margin-right: auto
+        color var(--efu-white)
+        -webkit-line-clamp 2
+        margin-right auto
 
     a
-      display: flex
-      width: 100%
-      height: 100%
+      display flex
+      width 100%
+      height 100%
 
-  > .headline
-    margin-bottom: .8rem
-    font-weight: 700
-    font-size: 20px
-    display: flex
-    align-items: center
+  .headline
+    margin-bottom .5rem
+    font-weight 700
+    font-size 20px
+    display flex
+    align-items center
 
     span
-      margin-right: auto
-      margin-left: 8px
+      margin-right auto
+      margin-left 8px
 
     a
-      font-weight: 400
+      font-weight 400
 
       &:hover
         color var(--efu-lighttext)
 
   &-link
-    display: block
-    justify-content: space-between
-    margin-left: 8px
-    font-size: 13px
+    display block
+    justify-content space-between
+    margin-left 8px
+    font-size 13px
 
 .relatedPosts-list
-  display: flex
-  flex-wrap: wrap
-  justify-content: space-between
-  flex-direction: column
-
-@media screen and (max-width: 768px)
-  .relatedPosts
-    > .relatedPosts-list
-      > div
-        margin: 2px
-        width: calc(50% - 4px)
-        height: 150px
-
-@media screen and (max-width: 600px)
-  .relatedPosts
-    > .relatedPosts-list
-      > div
-        width: calc(100% - 4px)
-
-@media screen and (min-width: 768px)
-  #post
-    > div.relatedPosts
-      > div.relatedPosts-list
-        > div
-          -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000)
-          border-radius: 12px
-
-  .relatedPosts
-    > .headline
-      font-size: .8em
-
-  @media screen and (max-width: 1300px)
-    #post
-      > div.relatedPosts
-        > div.relatedPosts-list
-          > div:nth-child(7)
-            display: none
-
-          > div:nth-child(8)
-            display: none
-
-.relatedPosts
-  > .relatedPosts-list
-    > div
-      background: var(--efu-secondbg)
-      border: var(--style-border)
-      transition: .3s
-      cursor: pointer
-      overflow: hidden
-      width: 100%
-      margin-bottom: 8px
-
-      &:hover
-        background: var(--efu-main)
-
-      .content
-        .title
-          color: var(--efu-fontcolor)
-          font-weight: 700
-          line-height: 1.5
-          -webkit-line-clamp: 4
-          font-size: .9rem
-          text-align: left
-          overflow: hidden
-
-        .date
-          color: var(--efu-fontcolor)
-          display: none
-
-      &:hover
-        a
-          .title
-            color: var(--efu-white)
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  flex-direction column
+
++maxWidth768()
+  .relatedPosts,
+  .relatedPosts-list > div
+    margin 2px
+    width calc(50% - 4px)
+    height 150px
+
++maxWidth600()
+  .relatedPosts,
+  .relatedPosts-list > div
+    width calc(100% - 4px)
+
++minWidth768()
+  #post > div.relatedPosts > div.relatedPosts-list > div
+    -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
+    border-radius 12px
+
+  .relatedPosts > .headline
+    font-size .8em
+
++maxWidth1300()
+  #post > div.relatedPosts > div.relatedPosts-list > div:nth-child(7),
+  #post > div.relatedPosts > div.relatedPosts-list > div:nth-child(8)
+    display none
+
+.relatedPosts > .relatedPosts-list > div
+  background var(--efu-secondbg)
+  border var(--style-border)
+  transition .3s
+  cursor pointer
+  overflow hidden
+  width 100%
+  margin-bottom 8px
+
+  &:hover
+    background var(--efu-main)
+
+  .content
+    .title
+      color var(--efu-fontcolor)
+      font-weight 700
+      line-height 1.5
+      -webkit-line-clamp 4
+      font-size .9rem
+      text-align left
+      overflow hidden
+
+    .date
+      color var(--efu-fontcolor)
+      display none
+
+  &:hover
+    a
+      .title
+        color var(--efu-white)
 
-@media screen and (max-width: 768px)
++maxWidth768()
   .relatedPosts
-    display: none
+    display none
 
     > .relatedPosts-list
       > div
-        border-radius: 4px
+        border-radius 4px
 
-@media screen and (min-width: 768px)
++minWidth768()
   .relatedPosts
-    margin-top: 1rem
+    margin-top .5rem