hexo-theme-solitude 1.13.3 → 2.0.1

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

@@ -6,6 +6,8 @@
 
   .post &
     padding 1rem 2rem
+    +maxWidth768()
+      padding .5rem
 
   iframe
     border-radius 12px
@@ -36,9 +38,9 @@
     overflow-x scroll
 
   a.headerlink
-    float right
     opacity .08
-    position relative
+    position absolute
+    right 0
     padding 0
     border none
     border-radius 8px
@@ -181,10 +183,11 @@
 
   &.post-content
     h1, h2, h3, h4
+      padding-right 1rem
+      position relative
       display flex
+      flex-wrap wrap
       align-items center
-      justify-content space-between
-      flex-direction row-reverse
       transition all .2s ease-out 0s
 
     h1
@@ -200,6 +203,12 @@
     h3, h4
       font-size 1.1rem
       line-height 1.3
+  hr
+    display flex
+    position relative
+    margin 0.5rem 0
+    border-width 0
+    border-top 1px dashed var(--efu-theme-op)
 
 if hexo-config('mediumZoom')
   .medium-zoom--opened .medium-zoom-overlay

package/source/css/_layout/aside.styl

@@ -962,14 +962,15 @@ if hexo-config('aside.card.style') == 2
           flex-direction column
 
           .title
+            display -webkit-box
+            -webkit-box-orient vertical
             font-weight 700
-            padding 2px 0
-            margin-bottom 8px
-            color var(--efu-fontcolor)
+            margin 4px 0
             font-size 95%
             line-height 1.3
             -webkit-line-clamp 2
             overflow hidden
+            text-overflow ellipsis
 
           .article-recent_post_categories
             font-size 12px

package/source/css/_layout/console.styl

@@ -216,8 +216,9 @@
     max-width 1400px
 
     i
-      font-size 32px
+      font-size 24px
       margin-right 1.5rem
+      padding 6px 8px
       margin-left auto
       line-height 1
       transform rotate(-30deg)

package/source/css/_layout/footer.styl

@@ -58,7 +58,7 @@
       flex-direction row
 
     i
-      font-size .9rem
+      font-size .8rem
       line-height .9rem
       height .9rem
 

package/source/css/_layout/header.styl

@@ -133,7 +133,6 @@
       align-items center
       margin-right 1.5rem
       overflow hidden
-      gap .5rem
 
       +maxWidth768()
         margin-right 12px
@@ -142,6 +141,8 @@
         padding 0
 
       .nav-button
+        margin-left .5rem
+
         a
           height 35px
           width 35px
@@ -162,7 +163,55 @@
             transition .3s
 
           &.console_switchbutton
-            padding 4px 8px
+            padding 10px 8px
+
+            &:hover
+              label
+                i
+                  background var(--efu-white)
+
+                .left
+                  width .5rem
+                  height .3rem
+
+                .center
+                  width .5rem
+                  height .3rem
+                .right
+                  width .3rem
+                  height 100%
+
+            label
+              display flex
+              position relative
+              width 100%
+              height 100%
+              cursor pointer
+
+              i
+                transition all .3s
+                position absolute
+                border-radius 12px
+                background var(--efu-fontcolor)
+
+                .post &
+                  background var(--efu-white)
+
+                &.left
+                  top 0
+                  width 100%
+                  height .3rem
+
+                &.center
+                  bottom 0
+                  width .3rem
+                  height .3rem
+
+                &.right
+                  right 0
+                  bottom 0
+                  width .5rem
+                  height .3rem
 
         &.long
           a
@@ -270,7 +319,7 @@
       transform scale(0)
       margin-left 0
       overflow hidden
-      transition .3s ease-in
+      transition .3s
 
 #page-header #scroll-down .scroll-down-effects,
 #page-header #site-subtitle, #page-header #site-title
@@ -340,18 +389,16 @@
         i, span, img
           opacity 0
 
-      &:after
+      i.fa-solid.fa-home
         +minWidth900()
           opacity: 1
 
-    &:after
+    i.fa-solid.fa-home
       +minWidth900()
         opacity 0
         position absolute
         display flex
         z-index 1
-        content "\e008"
-        font-family solitude, serif
         align-items center
         justify-content center
         font-size 22px
@@ -485,7 +532,7 @@
 
             i
               &:not(.fa-brands)
-                font-size 22px
+                font-size 16px
                 margin-right 8px
                 line-height 1
 
@@ -686,7 +733,7 @@ if hexo-config('nav.group')
       opacity 0
       pointer-events none
       backdrop-filter blur(20px)
-      -webkit-backdrop-filter  blur(20px)
+      -webkit-backdrop-filter blur(20px)
 
       +maxWidth768()
         left 0
@@ -748,14 +795,15 @@ if hexo-config('nav.group')
         +minWidth900()
           align-items center
 
-      &:after
+      &:before
         color var(--efu-white)
 
   .nav-fixed
     #nav
       #site-name
-        &:after
+        i.fa-solid.fa-home
           color var(--efu-card-bg)
+
   .not-top-img
     #nav
       a
@@ -861,6 +909,8 @@ if hexo-config('nav.group')
           height 35px
           line-height 35px
           border-radius 40px
+          if $language == 'en-US'
+            letter-spacing normal
 
 #travellings_button
   display inline
@@ -893,7 +943,7 @@ if hexo-config('nav.group')
     overflow hidden
     left 0
 
-if hexo-config('nav.right.console')
+if hexo-config('console.enable')
   #nav-console
     +maxWidth768()
       display none

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

@@ -89,4 +89,7 @@
           height 20px
 
       img
-        border-radius 200px
+        border-radius 200px
+        width 100%
+        height 100%
+        object-fit cover

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

@@ -13,7 +13,7 @@
     animation gradient 15s ease infinite
     min-height 200px
     height fit-content
-    width 59.5%
+    width calc(60% - (.5rem / 2))
 
     .card-content
       display flex

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

@@ -7,7 +7,7 @@
     background linear-gradient(120deg, #5b27ff 0, #00d4ff 100%)
     background-size 200%
     animation gradient 15s ease infinite
-    width 59.5%
+    width calc(60% - .5rem / 2)
 
     .title1
       opacity .8
@@ -28,10 +28,11 @@
     justify-content center
     align-items flex-start
     flex-direction column
-    width 39.5%
+    width calc(40% - (.5rem / 2))
 
     h2
       margin-right auto
+      width 100%
       font-size 36px
       font-family Helvetica
       line-height 1.06

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

@@ -7,7 +7,7 @@
     align-items flex-start
     flex-direction column
     justify-content center
-    width 39.5%
+    width calc(40% - (.5rem / 2))
 
     .maxim-title
       display flex

package/source/css/_page/_home/category-bar.styl

@@ -23,8 +23,8 @@
     animation: slide-in .6s .3s backwards;
 
   +maxWidth768()
-    margin-bottom 0
-    margin-top 0
+    margin-bottom .5rem
+    margin-top .5rem
     border-radius 0
     background var(--efu-background)
     padding 0 1rem
@@ -34,6 +34,9 @@
     display flex
     align-items center
 
+    +maxWidth768()
+      display none
+
     .category-bar-next
       margin-left 8px
       cursor pointer
@@ -51,7 +54,7 @@
       border-radius 8px
       padding 0 8px
 
-    div:hover,a:hover
+    div:hover, a:hover
       background var(--efu-secondbg-bg)
       color var(--efu-lighttext)
 
@@ -63,15 +66,17 @@
     border-radius 8px
     align-items center
     height 30px
+    +maxWidth768()
+      height 44px
+      gap 6px
 
     &::-webkit-scrollbar
       display: none
 
     .category-bar-item
-      &:hover
-        a
-          background var(--efu-secondbg-bg)
-          color var(--efu-lighttext)
+      a:hover
+        background var(--efu-main)
+        color var(--efu-white)
 
       a
         padding .1rem .5rem
@@ -81,15 +86,16 @@
         display flex
         align-items center
         height 30px
-        border var(--style-border-always)
+
+        +maxWidth768()
+          border-radius 50px
+          background var(--efu-card-bg)
+          border var(--style-border-always)
+          padding 21px 16px
 
       &.select
         order -1
 
         a
           background var(--efu-theme)
-          color var(--efu-white)
-
-    &.home
-      a
-        border initial
+          color var(--efu-white)

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

@@ -129,6 +129,8 @@
             border-radius 0 0 12px 0
             transition .3s
             cursor pointer
+            if $language == 'en-US'
+              left -90px
 
       /.recent-post-info
         padding .3rem .5rem .3rem .5rem

package/source/css/_page/_home/hot-tip.styl

@@ -8,4 +8,5 @@
   gap 1px
 
   i
-    font-size 10px
+    font-size 10px
+    margin-right 2px

package/source/css/_page/category.styl

@@ -8,7 +8,6 @@
     +maxWidth768()
       border-radius 0
       background var(--efu-background)
-      margin-bottom 0
       position -webkit-sticky
       position sticky
       z-index 1

package/source/css/_post/copyright.styl

@@ -85,130 +85,129 @@
             color var(--efu-white)
             cursor pointer
             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
 
-    .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
 
-        +maxWidth768()
-          &:nth-child(n+6)
-            display none
+    &:hover
+      color white
 
-        &:hover
-          color white
+  .icon-qq
+    color #56b6e7
+    border-color #56b6e7
+    &:hover
+      background-color #56b6e7
 
-      .icon-qq
-        color #56b6e7
-        border-color #56b6e7
-        &:hover
-            background-color #56b6e7
+  .icon-weibo
+    color #d44040
+    border-color #d44040
 
-      .icon-weibo
-        color #d44040
-        border-color #d44040
+    &:hover
+      background-color #d44040
 
-        &:hover
-          background-color #d44040
+  .icon-facebook
+    color #415dc9
+    border-color #415dc9
 
-      .icon-facebook
-        color #415dc9
-        border-color #415dc9
+    &:hover
+      background-color #415dc9
 
-        &:hover
-          background-color #415dc9
+  .icon-twitter
+    color #56b6e7
+    border-color #56b6e7
 
-      .icon-twitter
-        color #56b6e7
-        border-color #56b6e7
+    &:hover
+      background-color #56b6e7
 
-        &:hover
-          background-color #56b6e7
+  .icon-telegram
+    color #56b6e7
+    border-color #56b6e7
 
-      .icon-telegram
-        color #56b6e7
-        border-color #56b6e7
+    &:hover
+      background-color #56b6e7
 
-        &:hover
-          background-color #56b6e7
+  .icon-linkedin
+    color #0077b5
+    border-color #0077b5
 
-      .icon-linkedin
-        color #0077b5
-        border-color #0077b5
+    &:hover
+      background-color #0077b5
+  .icon-whatsapp
+    color #25d366
+    border-color #25d366
 
-        &: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 #25d366
-      .icon-link
-        color #425AEF
-        border-color #425AEF
+    &:hover
+      background-color #425AEF
+  .icon-qrcode
+    position relative
+    color #000
+    border-color #000
 
-        &:hover
-          background-color #425AEF
-      .icon-qrcode
-        position relative
-        color #000
-        border-color #000
+    +maxWidth900()
+      display none
 
-        +maxWidth900()
-          display none
+    &:hover
+      background-color #000
 
-        &:hover
-          background-color #000
+      .share-main
+        display flex
 
-          .share-main
-            display flex
+    .share-main
+      display none
+      position absolute
+      bottom 1.7rem
+      z-index 100
+      padding-bottom 15px
 
-        .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
+      &-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)
 
-        img
-          width 132px
-          height 132px
+        .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

@@ -380,7 +380,7 @@
   height auto
   position unset
   padding 1rem 2rem
-  background var(--efu-main)
+  background var(--efu-hovertext)
   border-radius 12px 12px 0 0
   +minWidth768()
     min-height 250px

package/source/css/_post/pagination.styl

@@ -34,7 +34,7 @@
     box-shadow var(--efu-shadow-border)
 
   &.pagination-post
-    margin 0 2rem
+    margin 0 2rem 1rem
     background var(--efu-card-bg)
 
     +minWidth768()

package/source/css/_post/tools.styl

@@ -10,6 +10,7 @@
     .post-tools-left
       white-space: nowrap
       display: flex
+      gap: .5rem
       text-overflow: ellipsis
       justify-content: center
       flex-wrap: wrap
@@ -181,7 +182,6 @@
         line-height: 39px
         box-shadow: var(--efu-shadow-green)
         border-radius: 8px
-        margin-left: .5rem
         cursor: pointer
         text-align: center
         transition: .3s

package/source/css/_search/algolia-search.styl

@@ -33,12 +33,6 @@
     align-items center
     margin-bottom 8px
 
-  .algolia-tips
-    color var(--efu-secondtext)
-    right 0
-    margin-left auto
-    opacity .8
-
   .search-close-button
     color var(--efu-secondtext)
     font-size 1.4em

package/source/css/_tags/image.styl

@@ -0,0 +1,4 @@
+#article-container
+  .inline-img
+    display inline-block
+    margin 0