hexo-theme-solitude 1.2.6 → 1.3.0

package/source/css/{_post → _widgets/_post}/relatedPost.styl

@@ -31,7 +31,7 @@
         left: 0
         width: 100%
         height: 100%
-        background: url(https://bu.dusays.com/2023/03/03/6401a79030db5.png) 50%
+        background: url(error_img) 50%
         background-size: cover
 
     .content
@@ -66,6 +66,9 @@
     a
       font-weight: 400
 
+      &:hover
+        color var(--sco-lighttext)
+
   &-link
     display: block
     justify-content: space-between

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

@@ -0,0 +1,249 @@
+#post
+  .post-tools
+    display flex
+    width 100%
+    justify-content center
+    margin-top 8px
+    flex-wrap wrap
+    -webkit-user-select none
+
+    .post-tools-left
+      white-space nowrap
+      display flex
+      text-overflow ellipsis
+      justify-content center
+      flex-wrap wrap
+
+      #quit-box
+        position fixed
+        width 100vw
+        height 100vh
+        background rgba(0, 0, 0, .2)
+        top 0
+        left 0
+        opacity .01
+        display none
+        z-index 101
+        margin 0
+
+        +maxWidth768()
+          height calc(100vh - 380px)
+
+      // reward
+      /.post-reward
+        position relative
+        text-align center
+        display flex
+        justify-content center
+
+        &:hover
+          > .reward-main
+            display block
+
+          +minWidth768()
+            > .reward-main
+              display: flex
+              justify-content: left
+
+          .reward-button
+            color var(--sco-white)
+            background var(--sco-theme)
+            box-shadow none
+
+        .reward-button
+          background var(--sco-red)
+          color var(--sco-white)
+          padding 0 16px
+          height 40px
+          border-radius 8px
+          line-height 39px
+          box-shadow var(--sco-shadow-red)
+          display inline-block
+          cursor pointer
+          transition all .4s ease 0s
+
+          &:hover
+            background-color var(--sco-theme)
+
+        .reward-main
+          animation .3s ease .1s 1 normal both running donate_effcet
+          position absolute
+          bottom 40px
+          left -96px
+          z-index 100
+          display none
+          padding 0 0 15px
+          width fit-content
+
+          +maxWidth768()
+            justify-content center !important
+            position fixed
+            bottom 0
+            left 0
+            right 0
+            z-index 1003
+            width 100%
+            margin auto
+            padding 0
+
+          .reward-all
+            margin: 0
+            padding: .8rem
+            border-radius: 12px
+            background: var(--sco-card-bg)
+            border: var(--style-border-always)
+            display: flex
+            box-shadow: var(--sco-shadow-border)
+            flex-direction: column
+            align-items: center
+
+            +maxWidth768()
+              width 100%
+              display flex
+              flex-wrap wrap
+              justify-content space-around
+              padding 30px 10px 60px
+              border-radius 12px 12px 0 0
+
+            .reward-title
+              font-weight 700
+              color var(--sco-red)
+
+            .reward-group
+              display flex
+              margin-top .5rem
+
+              .reward-item
+                display inline-block
+                padding 0 8px
+                list-style-type none
+                vertical-align top
+
+                &:first-child
+                  img
+                    border-color var(--sco-green)
+
+                &:last-child
+                  img
+                    border-color var(--sco-blue)
+
+                img
+                  width 130px
+                  height 130px
+
+                .post-qr-code-desc
+                  padding-top .4rem
+                  width 130px
+                  color var(--sco-gray)
+                  margin-top -8px
+                  margin-bottom 8px
+
+                .post-qr-code-img
+                  box-shadow var(--sco-shadow-lightblack)
+                  border-radius 12px
+                  border var(--style-border-always)
+
+            .reward-main-btn
+              background var(--sco-secondbg)
+              color var(--sco-fontcolor)
+              display flex
+              flex-direction column
+              border-radius 12px
+              padding 4px 0
+              border var(--style-border-always)
+              width 100%
+
+              &:hover
+                color var(--sco-white)
+                background var(--sco-red)
+                background-image url(https://bu.dusays.com/2023/11/01/6541f7aeb5752.gif)
+                box-shadow var(--sco-shadow-red)
+
+              .reward-text
+                margin-bottom 0
+                font-weight 700
+
+              .reward-dec
+                font-size .6rem
+
+      // rss
+
+      .reward-link.mode
+        background var(--sco-green)
+        color var(--sco-white)
+        padding 0 16px
+        height 40px
+        line-height 39px
+        box-shadow var(--sco-shadow-green)
+        border-radius 8px
+        margin-left .5rem
+        cursor pointer
+        text-align center
+        transition .3s
+
+        a
+          color var(--sco-white)
+
+        i
+          margin-right 4px
+
+        &:hover
+          background var(--sco-theme)
+          box-shadow none
+
+
+  .post-tools-right
+    padding-right 0
+    display flex
+    align-items center
+    flex-direction row
+    flex-wrap wrap
+
+    .tag_share
+      .post-meta__tag-list
+        display flex
+        padding 0
+        width 100%
+        flex-wrap wrap
+        flex-direction row
+
+        a
+          margin-bottom 8px
+          margin-right 8px
+
+        .post-meta__tags
+          background var(--sco-card-bg)
+          border var(--style-border-always)
+          color var(--sco-fontcolor)
+          border-radius 8px
+          display flex
+          align-items center
+          white-space nowrap
+          height 40px
+          padding 0 .6rem
+          width fit-content
+          font-size .85em
+          transition all .2s ease-in-out 0s
+
+          &:hover
+            background var(--sco-lighttext)
+            box-shadow var(--sco-shadow-main)
+            color var(--sco-white)
+
+          span.tags-punctuation
+            font-size 12px
+            margin-right 1px
+            display flex
+            align-items center
+
+          .tagsPageCount, /  #tag-page-tags .tagsPageCount
+            padding 2px
+            background var(--sco-card-bg)
+            border var(--style-border-always)
+            min-width 22.5px
+            display inline-block
+            border-radius 4px
+            text-align center
+            font-size .6rem
+            color var(--sco-fontcolor)
+            margin-left 4px

package/source/css/{_search → _widgets/_search}/algolia-search.styl

@@ -122,6 +122,7 @@
       line-height 1.2rem
 
   .search-dialog__title
+    font-weight 700
     padding 0 0 0.7rem
     color var(--sco-main)
     font-size 1.4em
@@ -139,6 +140,9 @@
       font-size .8rem
       font-weight bold
 
+    .algolia-tips-text
+      margin-left .4rem
+
   #algolia-search-results
     padding-top 8px
 

package/source/css/{_search → _widgets/_search}/local-search.styl

@@ -49,15 +49,24 @@
     overflow-y auto
     margin-top 8px
 
-    .search-result-list
+    .search-result-item
+      padding-left 0
+      font-weight 700
+
       .search-result-title
-        padding-left 0
-        font-weight 700
         position relative
         transition color .2s ease-in-out 0s
+        white-space nowrap
+        text-overflow ellipsis
+        overflow hidden
+        display block
 
         &:hover
-          color var(--sco-main)
+          color var(--sco-hovertext)
+
+        em
+          color var(--sco-theme)
+          font-style normal
 
     +maxWidth768()
       max-height 80vh !important
@@ -117,7 +126,8 @@
       padding 0.25rem 0.7rem;
       outline 0
       background var(--sco-secondbg)
-      color var(--search-input-color)
+      color var(--sco-fontcolor)
+      caret-color var(--sco-theme)
 
 #search-mask
   position fixed

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

@@ -0,0 +1,60 @@
+#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(--sco-main-op)
+    overflow hidden
+    font-size 15px
+
+    &:hover
+      transform scale(1.05)
+
+      &:before
+        animation shine 1.5s ease-out infinite
+
+    &.larger
+      padding 8px 20px
+      font-size 16px
+
+    &.block
+      display block
+      margin 0 0 20px
+      width fit-content
+
+    &.center
+      margin 0 auto 20px
+
+    &.right
+      margin 0 0 20px auto
+
+    &::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
+
+@keyframes shine
+  0%
+    left -100px
+  60%
+    left 100%
+  to
+    left 100%

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

@@ -0,0 +1,8 @@
+.bvideo
+  border 0
+  width 100%
+  height 600px
+  border-radius 12px
+
+  +maxWidth768()
+    height 200px

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

@@ -0,0 +1,52 @@
+#article-container
+  .card
+    width 100%
+    height auto
+    display flex
+    flex-direction column
+    padding .5rem 1rem
+    border-radius 0.375rem
+    margin .5rem 0
+
+    .card-title
+      display flex
+      align-items center
+      font-size 1.8rem
+      font-weight bold
+
+      i
+        margin-right 8px
+        font-size 20px
+
+    p
+      margin 0 0 0 1.5rem
+
+    &.card-red
+      background rgba(238, 125, 121, 0.1)
+      border 1px solid var(--sco-red)
+      color var(--sco-red)
+
+    &.card-green
+      background rgb(240 253 244)
+      border 1px solid var(--sco-green)
+      color var(--sco-green)
+
+    &.card-blue
+      background rgb(240 248 253)
+      border 1px solid var(--sco-blue)
+      color var(--sco-blue)
+
+    &.card-yellow
+      background rgb(255 251 240)
+      border 1px solid var(--sco-yellow)
+      color var(--sco-yellow)
+
+    &.card-purple
+      background rgb(243 240 253)
+      border 1px solid var(--sco-purple)
+      color var(--sco-purple)
+
+    &.card-cyan
+      background rgb(240 253 253)
+      border 1px solid var(--sco-cyan)
+      color var(--sco-cyan)

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

@@ -0,0 +1,85 @@
+$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
+    cursor pointer
+    display inline-block
+    outline none
+    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"]
+      &:before
+        left 1px
+        top 5px
+        width 0
+        height 2px
+        transition all 0.2s ease-in
+        transform rotate(45deg)
+      &:after
+        right 7px
+        bottom 3px
+        width 2px
+        height 0
+        transition all 0.2s ease-out
+        transform rotate(40deg)
+        transition-delay 0.25s
+      &:checked
+        &:before
+          left 0
+          top 7px
+          width 6px
+          height 2px
+        &:after
+          right 3px
+          bottom 1px
+          width 2px
+          height 10px
+    [type="radio"]
+      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

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

@@ -0,0 +1,79 @@
+details:not(.tk-admin-config-group)
+  display block
+  position relative
+  margin-bottom 1rem
+  min-height 54px
+  overflow hidden
+  border-radius 12px
+  border var(--style-border)
+  transition border .3s
+
+  &:hover
+    border var(--style-border-hover-always)
+
+  summary
+    position absolute
+    padding .5rem 1rem
+    background var(--sco-card-bg)
+    margin 0
+    transition .3s
+    box-shadow var(--sco-shadow-border)
+    left 0
+    width 100%
+    font-weight 700
+    white-space nowrap
+    overflow hidden
+    text-overflow ellipsis
+
+    &::before
+      content ''
+      padding 4px
+
+    &:hover
+      cursor pointer
+      background var(--sco-main)
+      color var(--sco-white)
+      transition .3s
+      box-shadow var(--sco-shadow-main)
+
+    &:focus
+      outline 0
+
+    &::marker
+      color var(--sco-main)
+      transition .3s
+
+    &:hover::marker
+      color var(--sco-white)
+
+    &:hover:after
+      position absolute
+      content '+'
+      text-align center
+      top calc(50% - 2px)
+      transform translateY(-50%)
+      right 16px
+      line-height 1
+
+  > :nth-child(2)
+    margin-top calc(54px + 1rem) !important
+
+  &[open]
+    border-radius 12px
+    border var(--style-border-hover-always)
+    padding 0 1.5rem
+    background var(--sco-card-bg)
+
+    summary
+      background var(--sco-main)
+      color var(--sco-white)
+
+      &::marker
+        color var(--sco-white)
+
+      &:hover:after
+        content '-'
+
++maxWidth768()
+  details[open]:not(.tk-admin-config-group)
+    padding 0 16px

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

@@ -0,0 +1,10 @@
+.md .img
+  object-fit: contain
+
+img.inline
+  display: inline !important
+  vertical-align: middle
+  transform: translateY(-4px)
+p .img-alt
+  display: inline-block
+  width: 100%

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

@@ -0,0 +1,61 @@
+.bg-red
+  background-color var(--sco-red)
+  color var(--sco-white)
+
+.bg-green
+  background-color var(--sco-green)
+  color var(--sco-white)
+
+.bg-blue
+  background-color var(--sco-blue)
+  color var(--sco-white)
+
+.bg-yellow
+  background-color var(--sco-yellow)
+
+.bg-pink
+  background-color var(--sco-pink)
+  color var(--sco-white)
+
+.bg-purple
+  background-color var(--sco-purple)
+  color var(--sco-white)
+
+.bg-orange
+  background-color var(--sco-orange)
+  color var(--sco-white)
+
+.bg-cyan
+  background-color var(--sco-cyan)
+  color var(--sco-white)
+
+.bg-gray
+  background-color var(--sco-gray)
+  color var(--sco-white)
+
+.red
+  color var(--sco-red)
+
+.green
+  color var(--sco-green)
+
+.blue
+  color var(--sco-blue)
+
+.yellow
+  color var(--sco-yellow)
+
+.pink
+  color var(--sco-pink)
+
+.purple
+  color var(--sco-purple)
+
+.orange
+  color var(--sco-orange)
+
+.cyan
+  color var(--sco-cyan)
+
+.gray
+  color var(--sco-gray)

package/source/css/_widgets/_tags/inline-image.styl

@@ -0,0 +1,6 @@
+#article-container
+  .inline-img
+    display: inline
+    margin: 0 3px
+    height: 1.1em
+    vertical-align: text-bottom

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

@@ -0,0 +1,3 @@
+.hl-label
+  padding 2px 4px
+  border-radius 3px