hexo-theme-solitude 1.2.6 → 1.3.0

package/source/css/_page/error.styl

@@ -1,161 +1,145 @@
-#error-wrap
-  display: flex
-  justify-content: center
-  margin: 0 1rem
-  width: 100%
-  position: relative
-
-  .error-content
-    display: flex
-    flex-direction: row
-    justify-content: center
-    align-items: center
-    margin: 0 1rem
-    height: 18rem
-    max-width: 800px
-    border-radius: 5px
-    background: var(--sco-card-bg)
-    box-shadow: var(--card-box-shadow)
-    transition: all .3s ease 0s
-    border: var(--style-border-always)
-    position: relative
-    width: 100%
-
-    &:hover
-      box-shadow: var(--card-hover-box-shadow)
-
-    .error-img
-      flex: 1 1 0
-      height: 100%
-      width: 600px
-      border-top-left-radius: 8px
-      border-bottom-left-radius: 8px
-      background-color: #307af6
-      background-position: center center
-      background-size: cover
-
-    .error-info
-      flex: 1 1 0
-      padding: .5rem
-      text-align: center
-      font-size: 14px
-      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
-
-      .error_title
-        font-size: 9em
-        line-height: 1
-
-      .error_subtitle
-        word-break: break-word
-        font-size: 1.6em
-        -webkit-line-clamp: 2
-
-      a
-        display: inline-block
-        margin-top: .5rem
-        padding: .3rem 1.5rem
-        background: var(--btn-bg)
-        color: var(--btn-color)
-
-        i
-          padding-right: .3rem
-
-    box-shadow: none !important
-    border-radius: 12px
-    background: var(--sco-card-bg) !important
-
 #body-wrap.error
-  display: flex
-  flex-direction: column
-  justify-content: center
-  align-items: center
-  padding: 50px 1rem 1rem
-  position: relative
+  display flex
+  flex-direction column
+  justify-content center
+  align-items center
+  padding 50px 1rem 1rem
+  position relative
+
+  +maxWidth768()
+    padding-top 0
+
+  #error-wrap
+    display flex
+    justify-content center
+    margin 0 1rem
+    width 100%
+    position relative
+
+    .error-content
+      display flex
+      flex-direction row
+      justify-content center
+      align-items center
+      margin 0 1rem
+      height 18rem
+      max-width 800px
+      background var(--sco-card-bg)
+      transition all .3s ease 0s
+      border var(--style-border-always)
+      position relative
+      width 100%
+      box-shadow none
+      border-radius 12px
+
+      +maxWidth768()
+        flex-direction column
+        margin 0
+        height 25rem
+        width 100%
+
+      .error-img
+        flex 1 1 0
+        height 100%
+        width 600px
+        border-top-left-radius 8px
+        border-bottom-left-radius 8px
+        background-color #307af6
+        background-position center center
+        background-size cover
+
+        +maxWidth768()
+          flex 1 1 0
+          width 100%
+          border-radius 12px
+
+      .error-info
+        flex 1 1 0
+        padding .5rem
+        text-align center
+        font-size 14px
+        font-family "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif
+
+        +maxWidth768()
+          width 100%
+          padding-bottom 2rem
+
+          .error_title
+            font-size 4rem
+
+        .error_title
+          font-size 9em
+          line-height 1
+
+        .error_subtitle
+          word-break break-word
+          font-size 1.6em
+          -webkit-line-clamp 2
+
+        a
+          display inline-block
+          margin-top .5rem
+          padding .3rem 1.5rem
+          background var(--btn-bg)
+          color var(--btn-color)
+          transition .3s
+
+          &:hover
+            background var(--sco-theme)
+
+          i
+            padding-right .3rem
 
   .aside-list
-    display: flex
-    flex-direction: row
-    flex-wrap: nowrap
-    margin: 1rem
-    max-width: 100%
+    display flex
+    flex-direction row
+    flex-wrap nowrap
+    margin 1rem
+    max-width 100%
+
+    +maxWidth768()
+      padding-top 0
+
+      .aside-list-item
+        .thumbnail
+          height 100px
 
     .aside-list-group
-      display: flex
-      flex-direction: row
-      flex-wrap: wrap
-      max-width: 800px
-      margin: 0 auto
-      justify-content: space-between
+      display flex
+      flex-direction row
+      flex-wrap wrap
+      max-width 800px
+      margin 0 auto
+      justify-content space-between
 
     .aside-list-item
-      padding: .5rem 0
-      width: 49%
+      padding .5rem 0
+      width 49%
 
       img
-        width: 100%
-        object-fit: cover
-        border-radius: 12px
+        width 100%
+        object-fit cover
+        border-radius 12px
 
       .thumbnail
-        overflow: hidden
-        width: 100%
-        height: 200px
-        background: var(--sco-card-bg)
-        display: flex
+        overflow hidden
+        width 100%
+        height 200px
+        background var(--sco-card-bg)
+        display flex
 
       .content .title
-        -webkit-line-clamp: 2
-        overflow: hidden
-        display: -webkit-box
-        -webkit-box-orient: vertical
-        line-height: 1.5
-        justify-content: center
-        align-items: flex-end
-        align-content: center
-        padding-top: .5rem
-        font-size: 16px
-        font-weight: 700
+        -webkit-line-clamp 2
+        overflow hidden
+        display -webkit-box
+        -webkit-box-orient vertical
+        line-height 1.5
+        justify-content center
+        align-items flex-end
+        align-content center
+        padding-top .5rem
+        font-size 16px
+        font-weight 700
 
       .content time
-        display: none
-
-.button--animated
-  border-radius: 8px !important
-  transition: .3s
-
-  &:before
-    display: none
-
-@media screen and (max-width: 768px)
-  #error-wrap .error-content
-    flex-direction: column
-    margin: 0
-    height: 25rem
-    width: 100%
-
-    .error-img
-      flex: 1 1 0
-      width: 100%
-      border-radius: 12px
-
-    .error-info
-      flex: 1.1 1 0
-      width: 100%
-      padding-bottom: 2rem
-
-      .error_title
-        font-size: 4rem
-
-  #body-wrap.error
-    padding-top: 0
-
-    .aside-list
-      margin: 0
-
-    .aside-list .aside-list-item .thumbnail
-      height: 100px
-
-  #error-wrap .error-content .error-info a:hover
-    background-color: var(--sco-blue)
-    transition: .3s
-    box-shadow: var(--sco-shadow-blue)
+        display none

package/source/css/_page/home.styl

@@ -1,53 +1,5 @@
-// 即刻、categoriesBar 样式
-#bbTimeList,
-#category-bar
-  padding 0.4rem 1rem 0.4rem 1rem
-  background var(--sco-card-bg)
-  border-radius 12px
-  display flex
-  white-space nowrap
-  overflow hidden
-  margin-bottom 1rem
-  border var(--style-border)
-  transition .3s
-  width 100%
-  justify-content space-between
-  -webkit-user-select none
-  align-items center
-
-  +maxWidth1300()
-    margin-bottom 1rem
-    animation slide-in .6s 0s backwards
-
-  +minWidth1300()
-    &:hover
-      border var(--style-border-hover)
-      box-shadow var(--sco-shadow-main)
-
-  +maxWidth768()
-    margin-bottom 0
-    margin-top 0
-    border-radius 0
-    background var(--sco-background)
-    padding 0.5rem 20px
-    border none
-
-#category-bar
-  white-space nowrap
-  overflow hidden
-  justify-content space-between
-
-  +minWidth1300()
-    margin-bottom 0.75rem
-    animation slide-in .6s .3s backwards
-
-    .category-in-bar-tips
-      margin-bottom .25rem
-
-.page-title
-  display none
-
 #page h1.page-title
+  display inline
   margin .4rem 0 1rem
 
 #page
@@ -55,4 +7,43 @@
   border none
   padding 0
   box-shadow none
-  min-height calc(100vh - 464px)
+  min-height calc(100vh - 464px)
+
+  +maxWidth768()
+    padding 0 1rem
+
+  > 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
+    width: 44px
+    content: ""
+    background-size: 38px 24px
+    position: absolute
+    top: 0
+    left: 0
+
+  > a:nth-child(0) > i
+    padding-right: 8px
+
++minWidth768()
+  .needEndHide.hide
+    bottom -200px !important
+    opacity 0

package/source/css/_page/index.styl

@@ -1,14 +1,13 @@
+@import "_home/index.styl"
+
+@import "home.styl"
+
 @import "category.styl"
 
 @import "equipment.styl"
 
 @import "error.styl"
 
-@import "home.styl"
-@import "homeTop.styl"
-
-@import "link.styl"
-
 @import "rss.styl"
 
 @import "moment.styl"
@@ -18,8 +17,16 @@ if hexo-config('says.enable')
 
 @import "tag.styl"
 
+@import "douban.styl"
+
+@import "links.styl"
+
 if hexo-config('about.enable')
   @import "about.styl"
+  @import "about/index.styl"
+
+if hexo-config('music.enable')
+  @import "music.styl"
 
 .author-content.author-content-item.sharePage
   height 19rem
@@ -35,8 +42,13 @@ if hexo-config('about.enable')
   border var(--style-border-always)
   box-shadow var(--sco-shadow-border)
   position relative
-  padding 1rem 2rem
   overflow hidden
+  padding 1rem 2rem
+
+  +maxWidth768()
+    width 100%
+    margin-top 1rem
+    padding 1rem
 
   &.single
     width 100%
@@ -77,6 +89,9 @@ if hexo-config('about.enable')
     flex-direction column
     padding 1rem 2rem
 
+    +maxWidth768()
+      padding 1rem
+
     .author-content-item-title
       margin-bottom .5rem
 
@@ -109,7 +124,7 @@ if hexo-config('about.enable')
           margin-right 8px
           font-size 22px
 
-@media screen and (max-width: 768px)
++maxWidth900()
   .author-content-item
     .card-content
       .banner-button-group
@@ -118,14 +133,31 @@ if hexo-config('about.enable')
 
       .banner-button-group
         .banner-button
-          background 0 0 !important
+          background 0 0
           color var(--sco-white)
           padding 0
-          width fit-content
+          width 30px
+          height 30px
 
           i
             margin-right 0
             font-size 1.5rem
 
       .banner-button-text
-        display none
+        display none
+
+#page
+  p
+    a
+      &:not(.headerlink)
+        text-decoration none
+        border-bottom 2px dotted var(--sco-lighttext)
+        color var(--sco-fontcolor)
+        font-weight 700
+        padding 0 4px
+        border-radius 4px 4px 0 0
+      &:hover
+        color var(--sco-white)
+        border-width 0
+        border-radius 4px
+        background var(--sco-main)