hexo-theme-solitude 1.2.6 → 1.3.0

package/source/css/{_extra → _widgets/_extra}/console.styl

@@ -169,6 +169,11 @@
       height 60px
       transition .3s
       cursor pointer
+
+      a.darkmode_switchbutton
+        [data-theme="dark"] &
+          background var(--sco-orange)
+          color var(--sco-white)
   .button-group
     .console-btn-item
       &:not(:last-child)
@@ -190,7 +195,7 @@
         color var(--sco-fontcolor)
 
         i
-          font-size 24px
+          font-size 1rem
 
       &.on
         a
@@ -200,7 +205,7 @@
 
       &:not(.on)
         a:hover
-          background var(--sco-main) !important
+          background var(--sco-main)
 
       &:hover
         a
@@ -213,18 +218,18 @@
       flex-wrap wrap
 
       a
-        color var(--sco-fontcolor) !important
+        color var(--sco-fontcolor)
         margin 6px 4px
         padding 2px 8px
         border-radius 8px
         background var(--sco-card-bg)
         border var(--style-border)
-        font-size 14px !important
+        font-size 14px
         font-weight 700
 
         &:hover
           background var(--sco-main)
-          color var(--sco-white) !important
+          color var(--sco-white)
 
         sup
           opacity .6
@@ -287,7 +292,7 @@
         flex-direction column
         align-content space-between
         border var(--style-border)
-        transition all .2s ease 0s
+        transition all .3s ease 0s
         background var(--sco-maskbgdeep)
         padding 8px 16px
 
@@ -296,13 +301,31 @@
           color var(--sco-white)
           cursor pointer
 
+        .card-archive-list-date
+          font-size 14px
+          opacity .6
+
+        .card-archive-list-count-group
+          display flex
+          flex-direction row
+
+          .card-archive-list-count
+            width auto
+            text-align left
+            font-size 1.1rem
+            line-height .9
+            margin-right 2px
+            font-weight 700
+
+          .card-archive-list-count-unit
+            width auto
+            text-align left
+            font-size 14px
+            font-weight 700
+
   #card-newest-comments
     height 100%
 
-  .button-group
-    i
-      font-size 1rem
-
   #consoleMusic
     +maxWidth1300()
       display none

package/source/css/_widgets/_extra/fullpage.styl

@@ -0,0 +1,46 @@
+#loading-box
+  -webkit-user-select none
+
+  .loading-bg
+    display flex
+    width 100%
+    height 100%
+    position fixed
+    background var(--sco-background)
+    z-index 1999
+    opacity 1
+    transition 0.2s
+    pointer-events all
+    animation showLoading 0.3s 0s backwards
+
+  &.loaded .loading-bg
+    pointer-events none
+    transition 0.2s
+    animation hideLoading 0.3s 0s forwards
+
+  .loading-img
+    width 100px
+    margin auto
+    animation-duration 0.2s
+    animation-name loadingAction
+    border-radius 50px
+    animation-iteration-count infinite
+    animation-direction alternate
+
+@keyframes loadingAction
+  from
+    opacity: 1
+  to
+    opacity: 0.6
+
+@keyframes hideLoading
+  from
+    opacity: 1
+  to
+    opacity: 0
+
+@keyframes showLoading
+  from
+    opacity: 0
+  to
+    opacity: 1

package/source/css/_widgets/_extra/music.styl

@@ -0,0 +1,218 @@
+#nav-music
+    display flex
+    align-items center
+    z-index 1001
+    position fixed
+    bottom 20px
+    left 20px
+    cursor pointer
+    transition .3s
+    transform-origin left bottom
+    box-shadow var(--sco-shadow-border)
+    border-radius 40px
+    overflow hidden
+    user-select none
+
+    +maxWidth798()
+        display none !important
+
+    span
+        user-select none
+
+    div
+        user-select none
+
+    &.playing
+        box-shadow 0 0 12px -3px var(--sco-none)
+        -webkit-animation playingShadow 5s linear infinite
+
+        .aplayer
+            background var(--sco-main-op-deep)
+            border var(--style-border-hover)
+            backdrop-filter saturate(180%) blur(20px)
+            -webkit-backdrop-filter blur(20px)
+            transform translateZ(0)
+
+            &.aplayer-withlrc
+                .aplayer-pic
+                    box-shadow 0 0 14px #ffffffa6
+                    -webkit-transform rotate(0) scale(1.1)
+                    border-color var(--sco-white)
+                    animation-play-state running
+
+                .aplayer-info
+                    color var(--sco-white)
+
+                .aplayer-lrc
+                    width 200px
+                    margin-bottom 0
+                    opacity 1
+
+            .aplayer-info
+                .aplayer-controller
+                    .aplayer-bar-wrap
+                        .aplayer-bar
+                            opacity 1
+
+                            .aplayer-played
+                                animation-play-state running
+
+        #nav-music-hoverTips
+            opacity 0
+
+    .aplayer
+        background var(--sco-card-bg)
+        border-radius 60px
+        height 41px
+        display flex
+        margin 0
+        pointer-events none
+        transition .3s
+        border var(--style-border)
+        box-shadow none
+
+        &.aplayer-withlrc
+            .aplayer-pic
+                height 25px
+                width 25px
+                border-radius 40px
+                z-index 1
+                transition .3s
+                -webkit-transform rotate(0) scale(1)
+                border var(--style-border-always)
+                -webkit-animation changeright 24s linear infinite
+                animation-play-state paused
+
+            .aplayer-info
+                height 100%
+                color var(--sco-fontcolor)
+                margin-left 8px
+                padding 0
+                display flex
+                align-items center
+
+            .aplayer-lrc
+                width 0
+                opacity 0
+                transition .3s
+                margin-left 8px
+                margin-top -2px
+
+        .aplayer-notice
+            display none
+
+        .aplayer-miniswitcher
+            display none
+
+        .aplayer-body
+            position relative
+            display flex
+            align-items center
+            padding 0 12px 0 8px
+
+        .aplayer-pic
+            .aplayer-play
+                opacity 0
+
+            div
+                display none
+
+        .aplayer-info
+            .aplayer-music
+                margin 0
+                display flex
+                align-items center
+                padding 0
+                z-index 1
+
+                .aplayer-author
+                    display none
+
+                .aplayer-title
+                    cursor pointer
+                    line-height 1
+                    display inline-block
+                    white-space nowrap
+                    max-width 120px
+                    overflow hidden
+                    text-overflow ellipsis
+                    transition .3s
+
+            .aplayer-controller
+                position absolute
+                width 100%
+                height 100%
+                top 0
+                left 0
+
+                .aplayer-time
+                    display none
+
+                .aplayer-bar-wrap
+                    margin 0
+                    padding 0
+
+                    .aplayer-bar
+                        height 100%
+                        background 0 0
+                        opacity 0
+
+                        .aplayer-loaded
+                            display none
+
+                        .aplayer-played
+                            height 100%
+                            opacity .1
+                            background-color var(--sco-white) !important
+                            -webkit-animation lightBar 5s ease infinite
+                            animation-play-state paused
+
+        &.aplayer-withlist
+            .aplayer-info
+                border none
+
+        .aplayer-lrc
+            p
+                color #ffffffb3
+                filter blur(1px)
+
+                &.aplayer-lrc-current
+                    color var(--sco-white)
+                    border none
+                    filter blur(0)
+
+    #nav-music-hoverTips
+        color var(--sco-white)
+        background var(--sco-main)
+        width 100%
+        height 100%
+        position absolute
+        top 0
+        left 0
+        align-items center
+        justify-content center
+        display flex
+        border-radius 40px
+        opacity 0
+        font-size 12px
+        z-index 2
+        pointer-events none
+        transition .3s
+
+    &:hover
+        &:not(.playing)
+            #nav-music-hoverTips
+                opacity 1
+
+    .aplayer-list
+        display none
+
+#nav-music .aplayer .aplayer-lrc:after,
+#nav-music .aplayer .aplayer-lrc:before
+    display none
+
+i
+    &.fab
+        font-size 20px
+        vertical-align middle
+        margin-bottom 4px

package/source/css/_widgets/_extra/pace.styl

@@ -0,0 +1,39 @@
+.pace
+  pointer-events: none
+  user-select: none
+  z-index: 2000
+  position: fixed
+  margin: auto
+  top: 4px
+  left: 0
+  right: 0
+  height: 8px
+  border-radius: 8px
+  width: 4rem
+  background: var(--sco-secondbg)
+  border: var(--style-border)
+  overflow: hidden
+
+  &.pace-inactive
+    opacity: 0
+    transition: .3s
+    top: -8px
+
+    .pace-progress
+      opacity: 0
+      transition: .3s ease-in
+
+  .pace-progress
+    box-sizing: border-box
+    transform: translate3d(0,0,0)
+    max-width: 200px
+    z-index: 2000
+    display: block
+    position: absolute
+    top: 0
+    right: 100%
+    height: 100%
+    width: 100%
+    background: var(--sco-logo-color)
+    animation: gradient 2s ease infinite
+    background-size: 200%

package/source/css/_widgets/_extra/rightmenu.styl

@@ -0,0 +1,78 @@
+#rightMenu
+  display none
+  position fixed
+  padding 0 .25rem
+  width 9rem
+  height fit-content
+  top 10%
+  left 10%
+  background-color var(--sco-maskbgdeep)
+  backdrop-filter blur(20px)
+  transform translateZ(0)
+  color var(--sco-fontcolor)
+  border-radius 12px
+  z-index 99994
+  border var(--style-border)
+  user-select none
+  box-shadow var(--sco-shadow-black)
+  transition border .3s
+
+  &:hover
+    border var(--style-border-hover)
+    box-shadow var(--sco-shadow-theme)
+
+  .rightMenu-group
+    padding .5rem .3rem
+
+    &.rightMenu-small
+      display flex
+      justify-content space-between
+
+      .rightMenu-item
+        width 30px
+        height 30px
+        line-height 30px
+        display flex
+        align-items center
+        justify-content center
+
+    &.rightMenu-line
+      .rightMenu-item
+        display flex
+
+    .rightMenu-item
+      border-radius 8px
+      transition .3s
+      cursor pointer
+      margin .25rem 0
+      padding .25rem .5rem
+
+      &:hover
+        background-color var(--sco-lighttext)
+        color var(--sco-card-bg)
+        box-shadow var(--sco-shadow-main)
+
+      i
+        display inline-block
+        text-align center
+        line-height 1.5rem
+        width 1.5rem
+        padding 0 .25rem
+        margin 0 .25rem
+
+      span
+        line-height 1.5rem
+
+  .rightMenu-line
+    border-top 1px dashed var(--sco-theme-op)
+    
+#rightmenu-mask
+  position fixed
+  width 100vw
+  height 100vh
+  background 0 0
+  top 0
+  left 0
+  display none
+  margin 0 !important
+  z-index 99993

package/source/css/_widgets/_mixins/article-sort.styl

@@ -0,0 +1,93 @@
+.article-sort-title
+  font-weight 700
+  font-size 2em
+
+  sup
+    margin-left 4px
+    font-size 16px
+    font-weight 700
+    opacity .4
+    top -1em
+
+.article-sort
+  .article-sort-item
+    position relative
+    display flex
+    -webkit-box-align center
+    align-items center
+    margin 0 0 1rem 0
+    transition all .2s ease-in-out 0s
+    overflow hidden
+
+    &.year
+      font-size .8rem
+      color var(--sco-secondtext)
+      margin 0 0 .2rem 0
+
+    .article-sort-item-img
+      border-radius 12px
+      min-width 151px
+      min-height 80px
+      background var(--sco-secondbg)
+      overflow hidden
+      width 80px
+      height 80px
+
+      +maxWidth768()
+        min-width 80px
+
+      img
+        width 100%
+        height 100%
+        transition all .6s ease 0s
+        object-fit cover
+
+    .article-sort-item-info
+      padding 0 0.8rem
+      display flex
+      flex-direction column
+      -webkit-box-flex 1
+      flex 1 1 0%
+
+      a
+        overflow hidden
+        text-overflow ellipsis
+
+        &:hover
+          color var(--sco-theme)
+
+      .article-sort-item-title
+        color var(--sco-fontcolor)
+        font-size 1.1em
+        transition all .3s ease 0s
+        line-height 1.3
+        -webkit-line-clamp 1
+        order 0
+        font-weight 700
+
+        +maxWidth768()
+          -webkit-line-clamp 2
+
+      .article-sort-item-tags
+        margin-top 8px
+        white-space nowrap
+        overflow hidden
+        text-overflow ellipsis
+        width 100%
+        font-size .7rem
+        display flex
+
+        a
+          color var(--sco-fontcolor)
+
+          &:hover
+            color var(--sco-theme)
+
+          .tags-punctuation
+            font-size 12px
+            margin-right 1px
+
+        .article-meta__tags
+          margin-right 8px
+          padding 0 0.2rem 0 0
+          color var(--sco-fontcolor)