hexo-theme-solitude 1.5.3 → 1.5.5

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

@@ -8,72 +8,6 @@
   -webkit-box-align stretch
   align-items stretch
 
-  .gallery-item
-    overflow hidden
-    border var(--style-border-always)
-    border-radius 12px
-    position relative
-    float left
-    display flex
-    height 250px
-    width calc(100% / 3 - 16px)
-    cursor pointer
-    margin 8px
-    +maxWidth1200()
-      width calc(100% / 2 - 16px)
-
-    +maxWidth768()
-      width 100%
-
-    &: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(--efu-white)
-
-      &::after
-        top 55px
-        width 0
-        left 0
-        height 3px
-        background var(--efu-white)
-        content ""
-        border-radius 1px
-        position absolute
-        transition all .3s
-
-    .desc
-      position absolute
-      top 35%
-      left 100%
-      width 80%
-      color var(--efu-white)
-      font-size 1.1em
-      transition left .35s
-      letter-spacing 1px
-      text-wrap break-word
-
 #album
   margin 5px auto
 

package/source/css/_page/share.styl

@@ -264,8 +264,8 @@ div#banners
       .banner-button-text
         display none
 
-#page
-  p
+
+p
     a
       &:not(.headerlink)
         text-decoration none

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

@@ -1,5 +1,11 @@
 #article-container
   overflow-wrap break-word
+  +maxWidth768()
+    overflow hidden
+
+  iframe
+    border-radius 12px
+    margin 0 0 1rem
 
   a
     color var(--efu-fontcolor)
@@ -11,6 +17,7 @@
       text-decoration none
       color var(--efu-white)
       border-radius 4px
+      background var(--efu-main)
 
   .table-wrap
     margin 1rem 0

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

@@ -25,14 +25,6 @@
         border var(--style-border-always)
         box-shadow var(--efu-shadow-main)
 
-        if hexo-config('post.default.copyright.author.enable')
-          &:hover
-            img.post-copyright__author_img_front
-              transform scale(1) translateY(3px)
-
-            img.post-copyright__author_img_back
-              transform scale(.8)
-
         img
           width 100%
           height 100%
@@ -42,16 +34,6 @@
           bottom 0
           left 0
 
-        if hexo-config('post.default.copyright.author.enable')
-          &_back
-            border-radius 66px
-            z-index 10
-
-        if hexo-config('post.default.copyright.author.enable')
-          &_front
-            z-index 20
-            transform scale(1.2) translateY(6px)
-
       .post-copyright__author_name
         text-align center
         font-size 20px

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

@@ -1,60 +1,40 @@
 #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(--efu-main-op)
+    padding 8px 15px
+    text-transform uppercase
+    border var(--style-border)
+    border-radius 10px
     overflow hidden
-    font-size 15px
-
-    &:hover
-      transform scale(1.05)
+    transition all 0.3s
+    display inline-flex
+    justify-content center
+    align-items center
 
-      &:before
-        animation shine 1.5s ease-out infinite
+    &.outline
+      background var(--efu-white)
+      color var(--efu-main)
+      border-color var(--efu-main)
 
-    &.larger
-      padding 8px 20px
-      font-size 16px
+      &:hover
+        background var(--efu-main)
+        color var(--efu-white)
+        border-color var(--efu-main)
 
-    &.block
-      display block
-      margin 0 0 20px
-      width fit-content
+    i
+      transition all 0.3s
+      padding-right 8px
 
-    &.center
-      margin 0 auto 20px
+    span
+      transition all 0.3s
 
-    &.right
-      margin 0 0 20px auto
+    &:hover
+      background var(--efu-main)
 
-    &::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
+      span
+        transform all 0.3s ease-in-out
+        color var(--efu-white)
 
-@keyframes shine
-  0%
-    left -100px
-  60%
-    left 100%
-  to
-    left 100%
+      i
+        transform all 0.3s ease-in-out
+        color var(--efu-white)

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

@@ -1,85 +1,204 @@
-$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
+    transition all .15s ease-out 0s
     cursor pointer
     display inline-block
-    outline none
+    outline 0
+    border-radius 2px
     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"]
+
+    &[type=checkbox]
       &:before
         left 1px
         top 5px
         width 0
         height 2px
-        transition all 0.2s ease-in
+        transition all .2s ease-in
         transform rotate(45deg)
+
       &:after
         right 7px
         bottom 3px
         width 2px
         height 0
-        transition all 0.2s ease-out
+        transition all .2s ease-out
         transform rotate(40deg)
-        transition-delay 0.25s
+        transition-delay .25s
+
       &:checked
-        &:before
-          left 0
-          top 7px
-          width 6px
-          height 2px
-        &:after
-          right 3px
-          bottom 1px
-          width 2px
-          height 10px
-    [type="radio"]
+        background #2196f3
+
+      &:checked:before
+        left 0
+        top 7px
+        width 6px
+        height 2px
+
+      &:checked:after
+        right 3px
+        bottom 1px
+        width 2px
+        height 10px
+
+  &.minus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+  &.plus
+    input[type=checkbox]:before
+      transform rotate(0)
+      left 1px
+      top 5px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(0)
+      left 5px
+      top 1px
+      width 2px
+      height 0
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      left 5px
+      top 1px
+      width 2px
+      height 10px
+
+  &.times
+    input[type=checkbox]:before
+      transform rotate(45deg)
+      left 3px
+      top 1px
+      width 0
+      height 2px
+
+    input[type=checkbox]:after
+      transform rotate(135deg)
+      right 3px
+      top 1px
+      width 0
+      height 2px
+
+    input[type=checkbox]:checked:before
+      left 1px
+      top 5px
+      width 10px
+      height 2px
+
+    input[type=checkbox]:checked:after
+      right 1px
+      top 5px
+      width 10px
+      height 2px
+
+  input[type=radio]
+    border-radius 50%
+
+    &:before
+      content ""
+      display block
+      width 8px
+      height 8px
       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
+      margin 2px
+      transform scale(0)
+      transition all .25s ease-out
+
+    &:checked:before
+      transform scale(1)
+      background var(--text-bg-hover)
+
+  &.red input
+    border-color #fe5f58
+
+    &[type=checkbox]:checked
+      background #fe5f58
+
+    &[type=radio]:checked:before
+      background #fe5f58
+
+  &.green input
+    border-color #3dc550
+
+    &[type=checkbox]:checked
+      background #3dc550
+
+    &[type=radio]:checked:before
+      background #3dc550
+
+  &.yellow input
+    border-color #ffbd2b
+
+    &[type=checkbox]:checked
+      background #ffbd2b
+
+    &[type=radio]:checked:before
+      background #ffbd2b
+
+  &.cyan input
+    border-color #1bcdfc
+
+    &[type=checkbox]:checked
+      background #1bcdfc
+
+    &[type=radio]:checked:before
+      background #1bcdfc
+
+  &.blue input
+    border-color #2196f3
+
+    &[type=checkbox]:checked
+      background #2196f3
+
+    &[type=radio]:checked:before
+      background #2196f3
+
+  p
+    display: inline-block
+    margin-top 2px !important
+    margin-bottom 0 !important
+
+  input[type=checkbox]:after, input[type=checkbox]:before
+    position absolute
+    content ""
+    background #fff

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

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

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

@@ -0,0 +1,67 @@
+#article-container
+  .gallery-item
+    overflow hidden
+    border var(--style-border-always)
+    border-radius 12px
+    position relative
+    display inline-flex
+    height 250px
+    width calc(100% / 2 - 16px)
+    cursor pointer
+    margin-bottom 10px
+    user-select none
+
+    +maxWidth768()
+      width 100%
+
+    &:hover
+      .cover
+        filter brightness(0.5)
+        transition all .3s
+        transform scale(1.1)
+
+      .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
+      margin 0
+      max-width 100%
+
+    .title
+      position absolute
+      top 10%
+      left 10%
+      font-weight 700
+      font-size 32px
+      color var(--efu-white)
+
+      &::after
+        top 55px
+        width 0
+        left 0
+        height 2px
+        background var(--efu-white)
+        content ""
+        border-radius 1px
+        position absolute
+        transition all .3s
+
+    .desc
+      position absolute
+      top 35%
+      left 100%
+      width 80%
+      color var(--efu-white)
+      font-size 1.1em
+      transition left .35s
+      letter-spacing 1px
+      text-wrap break-word