hexo-theme-solitude 1.4.0 → 1.4.2

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

@@ -0,0 +1,75 @@
+#about-page
+  .author-content-item.skills
+    display flex
+    justify-content center
+    align-items flex-start
+    flex-direction column
+    width 49%
+    min-height 450px
+
+    .tags-group-all
+      display flex
+      transform rotate(0)
+      transition .3s
+
+    .tags-group-wrapper
+      margin-top 20px
+      display flex
+      flex-wrap nowrap
+      animation rowup 60s linear infinite
+
+    .skills-style-group
+      position relative
+
+    .skills-list
+      display flex
+      opacity 0
+      transition .3s
+      position absolute
+      width 100%
+      top 0
+      left 0
+      flex-wrap wrap
+      flex-direction row
+      margin-top 10px
+
+    &:hover
+      .skills-style-group
+        .tags-group-all
+          opacity 0
+
+        .skills-list
+          opacity 1
+
+    .skill-info
+      display flex
+      align-items center
+      margin-right 10px
+      margin-top 10px
+      background var(--sco-background)
+      border-radius 40px
+      padding 4px 12px 4px 8px
+      border var(--style-border)
+      box-shadow var(--sco-shadow-border)
+
+    .etc
+      margin-right 10px
+      margin-top 10px
+
+    .skill-icon
+      width 32px
+      height 32px
+      border-radius 32px
+      display flex
+      align-items center
+      justify-content center
+      margin-right 8px
+      user-select none
+
+      img
+        width 18px
+        height 18px
+
+    .skill-name
+      font-weight 700
+      line-height 1

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

@@ -0,0 +1,55 @@
+#about-page
+  .author-content-item
+    .card-content
+      z-index 2
+
+  .about-statistic
+    min-height 380px
+    width 39%
+    background-size cover
+    color var(--sco-white)
+    overflow hidden
+
+    &::after
+      box-shadow 0 -159px 173px 71px #0f1114 inset
+      position absolute
+      content ''
+      width 100%
+      height 100%
+      top 0
+      left 0
+
+    #statistic
+      font-size 16px
+      border-radius 15px
+      width 100%
+      color var(--sco-white)
+      display flex
+      justify-content space-between
+      flex-direction row
+      flex-wrap wrap
+      margin-top 1rem
+      margin-bottom 2rem
+
+      div
+        display flex
+        justify-content space-between
+        flex-direction column
+        width 50%
+        margin-bottom .5rem
+
+        span:first-child
+          opacity .8
+          font-size .6rem
+
+        span:last-child
+          font-weight 700
+          font-size 34px
+          line-height 1
+          white-space nowrap
+
+    .banner-button
+      background var(--sco-white-op)
+
+    .banner-button:hover
+      background var(--sco-theme)

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

@@ -0,0 +1,96 @@
+#gallery
+  width 100%
+  display flex
+  flex-wrap wrap
+  justify-content start
+  padding 10px 0
+
+  .gallery-item
+    overflow hidden
+    border var(--style-border-always)
+    border-radius 12px
+    position relative
+    display flex
+    height 250px
+    width calc(100% / 3 - 10px)
+    cursor pointer
+
+    &: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(--sco-white)
+
+      &::after
+        top 55px
+        width 0
+        left 0
+        height 3px
+        background var(--sco-white)
+        content ""
+        border-radius 1px
+        position absolute
+        transition all .3s
+
+    .desc
+      position absolute
+      top 35%
+      left 100%
+      width 80%
+      color var(--sco-white)
+      font-size 1.1em
+      transition left .35s
+      letter-spacing 1px
+      text-wrap break-word
+
+#album
+  margin 22px auto 0
+
+  .locate
+    display flex
+    position absolute
+    left 8px
+    top 8px
+    padding 4px 6px
+    border-radius 8px
+    background var(--sco-black-op)
+    font-size 12px
+    color var(--sco-white)
+    transition .3s
+    z-index 1
+    user-select none
+
+  #sco-container 
+    margin-top 22px
+
+  .sco-gallery-item
+    margin-bottom 24px
+    overflow hidden
+    border-radius 8px
+    transition all .3s
+
+  .sco-gallery-image
+    width 100%
+    display block
+    height auto

package/source/css/_page/index.styl

@@ -10,7 +10,8 @@
 
 @import "rss.styl"
 
-@import "moment.styl"
+if hexo-config('moments.enable')
+  @import "moment.styl"
 
 if hexo-config('says.enable')
   @import "says.styl"
@@ -21,13 +22,32 @@ if hexo-config('says.enable')
 
 @import "links.styl"
 
-if hexo-config('about')
-  @import "about.styl"
-  @import "about/index.styl"
+if hexo-config('album.enable')
+  @import "gallery/index.styl"
+
+@import "about/index.styl"
 
 if hexo-config('music.enable')
   @import "music.styl"
 
+.author-content
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  width 100%
+  margin-top 1rem
+
+  +maxWidth768()
+    margin-top 0
+
+  .author-content-item
+    +maxWidth1300()
+      animation slide-in .6s 0s backwards
+    +maxWidth768()
+      width 100% !important
+      margin-top 1rem
+      padding 1rem
+
 .author-content.author-content-item.sharePage
   height 19rem
   background-size cover

package/source/css/_page/moment.styl

@@ -150,7 +150,9 @@
     width: fit-content
 
 .cf-article .cf-img-avatar
-  border-radius 50% 
+  border-radius 50% !important
+  right -30px!important
+  bottom -30px!important
 
 #page
   .title-h2-a
@@ -165,7 +167,7 @@
       font-weight: 700
 
       &:hover
-        color: var(--sco-hovertext)
+        color: var(--sco-main)
 
     .title-h2-a-left
       display: flex

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

@@ -122,15 +122,15 @@
   .el-button--primary
     border-color var(--sco-fontcolor) !important
     color var(--sco-card-bg) !important
-    border-radius 4px !important
+    border-radius 12px !important
     box-shadow var(--sco-shadow-black)
     transition .3s
     width 5rem
     position absolute
-    top -53px
+    top -44px
     right 0
     margin-left .5rem !important
-    height 32px
+    height 34px
 
   .el-button--primary.is-disabled,
   .el-button--primary.is-disabled:active,
@@ -140,15 +140,15 @@
 
 .tk-row-actions-start
   position absolute
-  top -100px
+  top -84px
   left 17px
 
 @media screen and (max-width: 768px)
   .tk-submit
     .el-button--primary
       width 5rem
-      height 132px
-      top -161px
+      height 122px
+      top -132px
 
   .tk-row-actions-start
     top -210px
@@ -169,14 +169,14 @@
   margin-left 0 !important
 
 .tk-row.actions
-  margin-bottom .5rem !important
+  margin-bottom 0 !important
   margin-left 0 !important
-  margin-top .5rem !important
+  margin-top 0 !important
   justify-content space-around !important
 
 .tk-meta-input
   position relative !important
-  margin-top .8rem
+  margin-top 8px
   width calc(100% - 5.5rem)
 
 .tk-content
@@ -224,12 +224,13 @@
 
 .tk-comments-container
   > .tk-comment
-    margin-top 0 !important
-    margin-bottom .5rem !important
+    margin-top 0!important
+    margin-bottom 0.5rem!important
     background var(--sco-card-bg)
     transition .3s
     border-radius 12px
-    padding .5rem 0 0
+    padding 0
+    padding-top 0.5rem
     border none
     border-top var(--style-border-dashed)
 
@@ -283,6 +284,7 @@
 .tk-meta-input
   .el-input
     .el-input-group__prepend
+      box-shadow none
       border-radius 12px 0 0 12px
       -webkit-user-select none
 
@@ -302,7 +304,6 @@
     .el-input
       margin-left 0 !important
       width 100% !important
-      margin-bottom 8px
 
   .tk-icon
     position absolute
@@ -322,6 +323,7 @@ img.tk-avatar-img
 .el-input.el-input--small.el-input-group.el-input-group--prepend
   border-radius 12px
   background var(--sco-secondbg)
+  border var(--style-border-always)
 
 .el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before
   content '输入QQ号会自动获取昵称和头像'
@@ -365,15 +367,16 @@ img.tk-avatar-img
 .el-input-group__append, .el-input-group__prepend
   background-color var(--sco-card-bg) !important
   color var(--sco-fontcolor) !important
-  border-color var(--sco-card-border) !important
-  border var(--style-border-always) !important
+  border 0 !important
   font-weight 700
 
 .el-input__inner
   background var(--sco-secondbg) !important
-  border 1px solid var(--sco-card-border) !important
+  border 0 !important
   color var(--sco-fontcolor) !important
   padding-left 8px
+  height 32px
+  line-height 32px
   border-radius 12px
 
 .page
@@ -412,7 +415,7 @@ img.tk-avatar-img
   border-radius 8px !important
 
 .el-button:hover
-  background var(--sco-main) !important
+  background var(--sco-black) !important
   color var(--sco-white) !important
 
 .el-button.tk-preview

package/source/css/_widgets/_mixins/keyboard.styl

@@ -0,0 +1,59 @@
+#keyboard-tips
+  position fixed
+  top 80px
+  left 20px
+  z-index 999
+  background var(--sco-maskbgdeep)
+  border-radius 12px
+  border var(--style-border)
+  padding 20px
+  display flex
+  flex-direction column
+  backdrop-filter saturate(180%) blur(20px)
+  transform translateZ(0)
+  pointer-events none
+  box-shadow var(--sco-shadow-border)
+  opacity 0
+  transition .3s
+
+  &.show
+    opacity 1
+    transition .1s
+
+  .keyboardTitle
+    font-size 12px
+    color var(--sco-secondtext)
+    line-height 1
+
+  .keyboardList
+    display flex
+    flex-direction column
+    margin-top 8px
+
+  .keyboardItem
+    display flex
+    margin-top 4px
+
+  .keyGroup
+    display flex
+    align-items center
+    width 90px
+
+    .key
+      padding 0.2em 0.4em
+      font-family inherit
+      background-color var(--sco-card-bg)
+      color var(--sco-fontcolor)
+      border var(--style-border)
+      border-color var(--sco-secondtext)
+      border-bottom 2px solid var(--sco-secondtext)
+      box-shadow var(--sco-shadow-border)
+      border-radius 0.25rem
+      overflow-wrap break-word
+      overflow-x auto
+      font-weight 500
+      font-size .875em
+      margin-right 4px
+      vertical-align baseline
+      line-height 1
+      height 24px

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

@@ -12,10 +12,13 @@
   border var(--style-border)
   transition 0.3s
   border-radius 8px
+  animation slide-in .6s ease 0s 1 normal none running
 
   &:hover
     border var(--style-border-hover)
     box-shadow var(--sco-shadow-theme)
+    +maxWidth768()
+      border none
 
   +maxWidth768()
     top 0
@@ -23,20 +26,35 @@
     margin 0
     width 100%
     height 100%
+    border 0
+
+  .algolia-navbar
+    display flex
+    align-items center
+    margin-bottom 8px
+
+  .algolia-tips
+    color var(--sco-secondtext)
+    right 0
+    margin-left auto
+    opacity .8
 
   .search-close-button
-    position absolute
-    top 0.8rem
-    right 1rem
-    color var(--sco-gray)
+    color var(--sco-secondtext)
     font-size 1.4em
     line-height 1
     cursor pointer
-    transition color .2s ease-in-out 0s
+    padding 4px
+    border-radius 50px
+    margin-left 4px
+    transition .3s
 
     &:hover
       color var(--sco-main)
 
+  .algolia-tips-text
+    margin-left .4rem
+
   #algolia-input-panel
     margin-bottom 8px
 
@@ -65,7 +83,7 @@
       visibility hidden
 
   #search-results
-    padding 8px
+    padding-top 8px
     max-height calc(80vh - 130px)
     overflow-y auto
 
@@ -134,18 +152,9 @@
     right 0
     margin auto
 
-    #algolia-stats
-      margin-bottom 10px
-      color var(--sco-gray)
-      font-size .8rem
-      font-weight bold
-
     .algolia-tips-text
       margin-left .4rem
 
-  #algolia-search-results
-    padding-top 8px
-
 #search-mask
   position fixed
   inset 0
@@ -155,4 +164,16 @@
   backdrop-filter blur(12px)
   -webkit-backdrop-filter blur(12px)
   transform translateZ(0)
-  background var(--sco-maskbgdeep)
+  background var(--sco-maskbgdeep)
+
+#algolia-hits
+  .tag-list
+    padding 4px 8px
+    border-radius 8px
+    margin-right 0.5rem
+    margin-top 0.5rem
+    border var(--style-border-always)
+
+    &:hover
+      background var(--sco-main)
+      color var(--sco-white)

package/source/css/_widgets/_search/local-search.styl

@@ -12,10 +12,13 @@
   border var(--style-border)
   transition 0.3s
   border-radius 8px
+  animation slide-in .6s ease 0s 1 normal none running
 
   &:hover
     border var(--style-border-hover)
     box-shadow var(--sco-shadow-theme)
+    +maxWidth768()
+      border none
 
   +maxWidth768()
     top 0
@@ -23,6 +26,7 @@
     margin 0
     width 100%
     height 100%
+    border 0
 
   .search-dialog-title
     font-weight 700
@@ -116,7 +120,7 @@
     max-width 100%
     width 100%
     padding-top 8px
-    margin-bottom 8px
+    padding-bottom 8px
 
     input
       height 100%
@@ -138,4 +142,16 @@
   backdrop-filter blur(12px)
   -webkit-backdrop-filter blur(12px)
   transform translateZ(0)
-  background var(--sco-maskbgdeep)
+  background var(--sco-maskbgdeep)
+
+#search-hits
+  .tag-list
+    padding 4px 8px
+    border-radius 8px
+    margin-right 0.5rem
+    margin-top 0.5rem
+    border var(--style-border-always)
+
+    &:hover
+      background var(--sco-main)
+      color var(--sco-white)

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

@@ -8,7 +8,7 @@
   border-width 1px !important
   margin-top 1rem
 
-  &:hover
+  /#article-container a.tag-Link:not(.headerlink):hover
     border var(--style-border-hover)
 
   .tag-link-tips

package/source/css/_widgets/index.styl

@@ -4,6 +4,10 @@
 // 手机端侧边栏
 @import "_mixins/sidebar.styl"
 
+// keyboard（键盘）
+if hexo-config('keyboard.enable')
+  @import "_mixins/keyboard.styl"
+
 // article-sort （归档）
 @import "_mixins/article-sort.styl"
 

package/source/css/index.styl

@@ -12,5 +12,4 @@ if hexo-config('css_prefix')
 // widgets
 @import '_widgets/index.styl'
 
-// dark
 @import '_mode/*'