hexo-theme-solitude 1.4.6 → 1.5.0

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

@@ -1,18 +1,18 @@
 #category-bar
-  padding: 0.4rem 1rem 0.4rem 0.7rem;
-  background: var(--sco-card-bg);
-  border-radius: 12px;
-  display: flex;
-  white-space: nowrap;
-  overflow: hidden;
-  margin-bottom: 1rem;
-  border: var(--style-border);
-  transition: 0.3s;
-  height: 50px;
-  width: 100%;
-  justify-content: space-between;
-  -webkit-user-select: none;
-  align-items: center;
+  padding 0.4rem 1rem 0.4rem 0.7rem
+  background var(--sco-card-bg)
+  border-radius 12px
+  display flex
+  white-space nowrap
+  overflow hidden
+  margin-bottom 1rem
+  border var(--style-border)
+  transition 0.3s
+  height 50px
+  width 100%
+  justify-content space-between
+  user-select none
+  align-items center
 
   +maxWidth1300()
     margin-bottom 1rem

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

@@ -5,7 +5,7 @@
     overflow-x auto
     width 100%
     margin-bottom 0
-    -webkit-user-select none
+    user-select none
 
     +maxWidth768()
       border-radius 0
@@ -31,15 +31,27 @@
           flex-direction column
           justify-content space-between
 
+        .tags-group-wrapper
+          margin-top 0
+          display flex
+          flex-wrap wrap
+          animation rowup 60s linear infinite
+          width 300px
+          margin-left auto
+
+        .tags-group-icon-pair
+          display flex
+
+          .tags-group-icon:nth-child(even)
+            margin-left 4rem
+
         .categoryGroup
           display flex
           flex-direction column
           justify-content space-between
           min-width 200px
           +minWidth1200()
-            flex-direction row
-            height 24%
-            animation slide-in .6s .2s backwards
+            display none
           +maxWidth768()
             min-width 130px
             margin-bottom .5rem
@@ -59,22 +71,6 @@
               height 47%
               box-shadow none
 
-            &:nth-child(3)
-              display none
-            +minWidth1200()
-              width calc(100% / 3 - .33rem)
-              height 100%
-              margin-right .5rem
-
-              &:last-child
-                margin-right 0
-
-              &:hover
-                width 50%
-
-              &:nth-child(3)
-                display flex
-
             a.categoryButton
               height 100%
               width 100%
@@ -129,30 +125,6 @@
               .categoryButtonText
                 padding-left 21px
 
-              &.bikan
-                background linear-gradient(to right, #358bff, #15c6ff)
-                background-size 200%
-
-                [data-theme=dark] &
-                  background linear-gradient(to right, #0653b8, #2fcbff)
-                  background-size 200%
-
-              &.remen
-                background linear-gradient(to right, #f65, #ffbf37)
-                background-size 200%
-
-                [data-theme=dark] &
-                  background linear-gradient(to right, #e22a16, #da980c)
-                  background-size 200%
-
-              &.shiyong
-                background linear-gradient(to right, #18e7ae, #1eebeb)
-                background-size 200%
-
-                [data-theme=dark] &
-                  background linear-gradient(to right, #099e74, #0ea4a4)
-                  background-size 200%
-
   /.topGroup
     display: flex
 
@@ -340,4 +312,44 @@
             transform: scale(1.2)
 
           .banner-button-group
-            bottom: 1rem
+            bottom: 1rem
+
+.banners-links
+  display flex
+  position absolute
+  bottom 20px
+  left 40px
+  flex-direction column
+  justify-content space-between
+  flex-wrap wrap
+  height 120px
+
+.tags-group-icon-pair
+  margin-left 1rem
+  user-select none
+
+.banners-link-btn
+  display flex
+  flex-direction row
+  align-items center
+  padding 8px 18px 8px 14px
+  border-radius 60px
+  margin-bottom 12px
+  color var(--sco-white)
+  width 94px
+  position relative
+  background-size 200%
+
+  &:not(:last-child)
+    margin-right 10px
+
+  &:hover
+    background-position 100% 0
+
+.banners-link-title
+  margin-left auto
+
+for name in banner_group
+  .banners-link-{name}
+    background convert(getGroupColor(name))
+    background-size 200%

package/source/css/_page/_home/recent-post.styl

@@ -6,7 +6,7 @@
     justify-content space-between
     align-items flex-start
     align-content flex-start
-    -webkit-user-select none
+    user-select none
     transition width .3s
 
   +maxWidth768()

package/source/css/_page/equipment.styl

@@ -26,6 +26,7 @@
       box-shadow var(--sco-shadow-border)
       min-height 400px
       position relative
+      user-select none
 
       +maxWidth1200()
         width calc(50% - 12px)
@@ -56,11 +57,11 @@
           white-space nowrap
           overflow hidden
           text-overflow ellipsis
-          cursor pointer
           width fit-content
 
           &:hover
-            color var(--sco-main)
+            color var(--sco-vip)
+            cursor pointer
 
         .equipment-item-content-item-specification
           font-size 12px

package/source/css/_page/home.styl

@@ -15,21 +15,6 @@
   > div:not(.author-content-item)
     animation slide-in .6s .2s backwards
 
-.tags-group-icon
-  width: 120px
-  height: 120px
-  border-radius: 30px
-  display: flex
-  align-items: center
-  justify-content: center
-  color: #fff
-  font-size: 66px
-  font-weight: 700
-  box-shadow: var(--sco-shadow-blackdeep)
-
-  img
-    width: 60%
-
 +minWidth768()
   > div:nth-child(1) > a::before
     height: 24px

package/source/css/_page/index.styl

@@ -8,8 +8,6 @@
 
 @import "error.styl"
 
-@import "rss.styl"
-
 if hexo-config('moments.enable')
   @import "moment.styl"
 

package/source/css/_page/links.styl

@@ -82,7 +82,6 @@
         width calc(50% - 16px)
 
       .img
-        -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
         border-radius 0
         height 120px
         width 100%
@@ -91,17 +90,16 @@
         padding 0
         transition all .3s ease 0s
         overflow hidden
-        background-color #f6f6f6
 
         img
-          width 100%
-          height 100%
-          object-fit cover
           border-radius 0
           transform scale(1.03)
           transition .3s
           margin 0
           max-width 100%
+          width 100%
+          height 100%
+          object-fit cover
 
       .img-alt
         display none
@@ -158,18 +156,21 @@
         box-shadow var(--sco-shadow-main)
 
         .site-card-tag
-          left: -80px
+          left: -60px
 
         .img
           height 80px
+          transform scale(1.1)
+          filter brightness(.3)
+          border-radius 12px
+          background var(--sco-lighttext)
 
           img
+            border-radius 12px
             transform scale(1.1)
             filter brightness(.3)
-            cursor pointer
 
         a
-          border-bottom 2px solid var(--sco-none)
           color var(--sco-white)
           background var(--sco-main)
           box-shadow var(--sco-shadow-main)

package/source/css/_page/says.styl

@@ -11,7 +11,7 @@ if hexo-config('says.home_mini')
     height 50px
     width 100%
     justify-content space-between
-    -webkit-user-select none
+    user-select none
     align-items center
     padding .5rem 1rem
 
@@ -108,7 +108,6 @@ if hexo-config('says.enable')
         display flex
         justify-content space-between
         width 100%
-        -webkit-user-select none
         user-select none
 
       .bber-info

package/source/css/_page/share.styl

@@ -5,9 +5,8 @@ div#banners
   +minWidth1200()
     display flex
     width 100%
-    height 76%
+    height 100%
     background var(--sco-card-bg)
-    margin-bottom .5rem
     border var(--style-border)
     border-radius 12px
     overflow hidden
@@ -55,15 +54,15 @@ div#banners
         font-size 1rem
 
     .banners-title
-      top 2rem
-      left 1.5rem
+      top 2.6rem
+      left 2rem
       position absolute
       display flex
       flex-direction column
 
       &-big
         font-size 36px
-        line-height 1
+        line-height 1.15
         font-weight 700
         margin-bottom 8px
 
@@ -72,38 +71,8 @@ div#banners
         line-height 1
         color var(--sco-secondtext)
         margin-top 8px
-        margin-bottom .5rem
-
-    #banner-hover
-      position absolute
-      width 100%
-      height 100%
-      top 0
-      left 0
-      border-radius 12px
-      background var(--sco-theme)
-      color var(--sco-card-bg)
-      padding-left .5rem
-      display flex
-      flex-direction column
-      justify-content center
-      opacity 0
-      transition cubic-bezier(.71, .15, .16, 1.15) .6s
-
-      i
-        font-size 80px
-        opacity .4
-
-    &:hover
-      #banner-hover
-        opacity 1
-        padding-left 2rem
-        background var(--sco-theme-op-deep)
-        backdrop-filter blur(15px)
-        transform translateZ(0)
-        transition .3s
-        background-size 200%
-        cursor pointer
+        margin-bottom 0.5rem
+        margin-left 2px
 
     .flink
       .banners-title
@@ -116,15 +85,14 @@ div#banners
 
   .tags-group-all
     display flex
-    transform rotate(-30deg)
 
     &.nowrapMove
-      transform rotate(0)
       padding-bottom 2rem
 
       .tags-group-wrapper
         margin-top: 7rem
-        animation: rowup 120s linear infinite
+        animation: rowleft 120s linear infinite
+        display flex
 
       .tags-group-icon
         border-radius 50%
@@ -135,36 +103,31 @@ div#banners
           border-radius 50%
           object-fit cover
 
-    .tags-group-wrapper
-      margin-top: 5rem
-      display: flex
-      flex-wrap: nowrap
-      animation: rowup 60s linear infinite
+    .tags-group-icon-pair
+      margin-left 1rem
+      user-select none
 
-      /.tags-group-icon-pair
-        margin-left 1rem
-        user-select none
+      a img
+        border-radius 50%
 
-        a img
-          border-radius 50%
+      /.tags-group-icon
+        width 120px
+        height 120px
+        border-radius 30px
+        display flex
+        align-items center
+        justify-content center
+        color #fff
+        font-size 66px
+        font-weight 700
+        box-shadow var(--sco-shadow-blackdeep)
+
+        &:nth-child(even)
+          margin-top 1rem
+          transform translate(-60px)
 
-        .tags-group-icon
-          width 120px
-          height 120px
-          display flex
-          align-items center
-          justify-content center
-          color #fff
-          font-size 66px
-          font-weight 700
-          box-shadow var(--sco-shadow-blackdeep)
-
-          &:nth-child(even)
-            margin-top 1rem
-            transform translate(-60px)
-
-          img
-            width 60%
+        img
+          width 60%
 
 .author-content
   display flex

package/source/css/_widgets/_aside/index.styl

@@ -35,7 +35,7 @@
 
     + div, + ul
       padding 0
-      -webkit-user-select none
+      user-select none
 
   .card-widget
     box-shadow var(--sco-shadow-border)

package/source/css/_widgets/_aside/info.styl

@@ -85,7 +85,7 @@
       padding 2px 8px
       border-radius 12px
       cursor pointer
-      -webkit-user-select none
+      user-select none
       transition .3s
       margin auto
       min-width 100px

package/source/css/_widgets/_comment/twikoo.styl

@@ -28,7 +28,7 @@
 .tk-action-link
   color var(--sco-lighttext) !important
   cursor pointer
-  -webkit-user-select none
+  user-select none
   padding 0 12px 0 12px
   transition all .3s
   border-radius 8px
@@ -50,8 +50,6 @@
 
 .tk-content
   img
-    max-height 1100px !important
-    max-width 100% !important
     border-radius 12px
 
 .tk-avatar
@@ -211,7 +209,7 @@
   border var(--style-border-always)
   box-shadow var(--sco-shadow-border)
   border-radius 12px
-  -webkit-user-select none
+  user-select none
 
   &:hover
     background var(--sco-theme) !important
@@ -286,7 +284,7 @@
     .el-input-group__prepend
       box-shadow none
       border-radius 12px 0 0 12px
-      -webkit-user-select none
+      user-select none
 
 @media screen and (max-width: 768px)
   .tk-meta-input
@@ -516,4 +514,4 @@ button.el-button.tk-cancel.el-button--default.el-button--small
 
 .el-textarea .el-input__count
   color var(--sco-secondtext) !important
-  -webkit-user-select none
+  user-select none