hexo-theme-redefine-x 2.8.5

package/source/css/layout/_modules/buttons.styl

@@ -0,0 +1,42 @@
+p a.button
+  margin-bottom 0 !important
+  padding 8px 12px !important
+
+a.button
+  background-color var(--second-background-color) !important
+  border-radius $redefine-border-radius-medium !important
+  cursor pointer
+  display inline-block
+  padding 12px 16px !important
+  text-align center
+  text-decoration none !important
+  redefine-container(
+    false,
+    0,
+    0,
+    0,
+    1rem
+  )
+  box-shadow var(--redefine-box-shadow-flat) !important
+  user-select none
+  -moz-user-select none
+  -webkit-user-select none
+  -ms-user-select none
+
+  &:hover, &:focus
+    box-shadow var(--redefine-box-shadow) !important
+    background-color var(--background-color) !important
+
+  &:active
+    transform scale(0.95)
+    transition transform 0.1s ease
+    box-shadow var(--redefine-box-shadow-flat) !important
+    background-color var(--third-background-color) !important
+
+a.center
+  display block
+  margin 1rem auto
+
+a.large
+  font-size 1.2rem
+  padding 20px 24px

package/source/css/layout/_modules/folding.styl

@@ -0,0 +1,180 @@
+details
+    margin-bottom 1rem
+
+    &> summary
+        list-style none
+
+    &> summary::-webkit-details-marker
+        display none
+
+    &> summary::marker
+        display none
+
+details[open] > summary
+    border-radius $redefine-border-radius-small $redefine-border-radius-small 0 0
+    border-bottom 1px solid transparent
+
+    i.fa-chevron-right
+        transform rotate(90deg)
+        transition transform 0.2s ease
+
+summary
+    &:marker
+        margin-right 100px
+
+    i.fa-chevron-right
+        transform rotate(0deg)
+        transition transform 0.2s ease
+        margin-right 1rem
+        float right
+        padding-top 6px
+
+    border solid 1px var(--shadow-color-1)
+    border-radius $redefine-border-radius-small
+    padding 15px
+    font-size 1.2rem
+    background-color var(--background-color)
+    line-height 2rem
+    cursor pointer
+
+    &:hover
+        background-color #A6A6A630
+
+    p
+        display inline-block
+        margin 0
+        float left
+
+details div.content
+    border-radius 0 0 $redefine-border-radius-small $redefine-border-radius-small
+    border solid 1px var(--shadow-color-1)
+    padding 1rem
+    margin-bottom 1rem
+    background-color var(--second-background-color)
+    animation fade 0.2s ease forwards
+
+    &>:first-child
+        margin-top 0
+
+::marker
+    // padding-left 100px
+
+details.yellow
+    summary
+        // border-left solid 4px #FFA930
+        &:hover
+            background-color #FFEE3030
+
+    &[open] > summary
+        background-color #FFEE3030
+
+details.blue
+    summary
+        // border-left solid 4px #00A6FF
+        &:hover
+            background-color #00A6FF30
+
+    &[open] > summary
+        background-color #00A6FF30
+
+details.green
+    summary
+        // border-left solid 4px #00FFA6
+        &:hover
+            background-color #00FFA630
+    
+    &[open] > summary
+        background-color #00FFA630
+
+details.red
+    summary
+        // border-left solid 4px #FF0000
+        &:hover
+            background-color #FF000030
+
+    &[open] > summary
+        background-color #FF000030
+
+details.orange
+    summary
+        // border-left solid 4px #FFA930
+        &:hover
+            background-color #FF983030
+
+    &[open] > summary
+        background-color #FF983030
+
+details.pink
+    summary
+        // border-left solid 4px #FF00FF
+        &:hover
+            background-color #FF00FF30
+
+    &[open] > summary
+        background-color #FF00FF30
+
+details.cyan
+    summary
+        &:hover
+            background-color #00FFFF30
+    
+    &[open] > summary
+        background-color #00FFFF30
+
+    
+
+details.white
+    summary
+        // border-left solid 4px #FFFFFF
+        &:hover
+            background-color #FFFFFF30
+
+    &[open] > summary
+        background-color #FFFFFF30
+    
+details.black
+    summary
+        // border-left solid 4px #000000
+        &:hover
+            background-color #00000030
+    
+    &[open] > summary
+        background-color #00000030
+
+details.gray
+    summary
+        // border-left solid 4px #A6A6A6
+        &:hover
+            background-color #A6A6A630
+
+    &[open] > summary
+        background-color #A6A6A630
+
+details.purple
+    summary
+        // border-left solid 4px #A763FF
+        &:hover
+            background-color #A763FF30
+
+    &[open] > summary
+        background-color #A763FF30
+
+details
+    summary
+        // border-left solid 4px #A6A6A6
+        &:hover
+            background-color #A6A6A630
+
+    &[open] > summary
+        background-color #A6A6A630
+
+@keyframes fade
+    from
+        opacity 0
+        visibility hidden
+        transform translateY(-10px)
+
+    to
+        opacity 1
+        visibility visible
+        transform translateY(0)

package/source/css/layout/_modules/notes.styl

@@ -0,0 +1,181 @@
+.note-large
+  box-shadow var(--redefine-box-shadow-flat)
+  border-radius $redefine-border-radius-small
+  margin-bottom 2rem
+
+  .notel-title
+    background-color #A6A6A640
+
+  .notel-content
+    border-radius 0 0 5px 5px
+    padding 15px
+    background-color var(--background-color)
+    line-height 2rem
+
+  p
+    margin 0
+
+.note-large.gray, .note-large.default
+  border-left solid 4px #A6A6A6
+
+  .notel-title
+    background-color #A6A6A640
+
+.note-large.green, .note-large.success
+  border-left solid 4px #00C58E
+
+  .notel-title
+    background-color #00C58E40
+
+.note-large.yellow, .note-large.warning
+  border-left solid 4px #FFD43B
+
+  .notel-title
+    background-color #FFD43B40
+
+.note-large.red, .note-large.danger
+  border-left solid 4px #F85676
+
+  .notel-title
+    background-color #F8567640
+
+.note-large.purple, .note-large.primary
+  border-left solid 4px #A763FF
+
+  .notel-title
+    background-color #A763FF40
+
+.note-large.orange
+  border-left solid 4px #FFA940
+
+  .notel-title
+    background-color #FFA94040
+
+.note-large.blue, .note-large.info
+  border-left solid 4px #2FD6F0
+
+  .notel-title
+    background-color #2FD6F040
+
+// ---------------------notes 笔记模块---------------------
+.note
+  box-shadow var(--redefine-box-shadow-flat)
+  background-color var(--background-color)
+  border-left solid 4px #A6A6A6
+
+  p
+    display inline-block
+    margin 0
+    max-width 100%
+
+.note-icon
+  font-size 1rem
+  padding-right 10px
+  display inline-block
+
+.icon-padding
+  padding-left 15px !important
+
+.note.default
+  border-left solid 4px #A6A6A6
+
+  .note.icon
+    color #A6A6A6
+
+.note.success
+  background-color #00C58E10
+  border-left solid 4px #00C58E
+
+  .note.icon
+    color #00C58E
+
+.note.warning
+    background-color #FFD43B10
+  border-left solid 4px #FFD43B
+
+  .note.icon
+    color #FFD43B
+
+.note.danger
+  background-color #F8567610
+  border-left solid 4px #F85676
+
+  .note.icon
+    color #F85676
+
+.note.primary
+  background-color #A763FF10
+  border-left solid 4px #A763FF
+
+  .note.icon
+    color #A763FF
+
+.note.orange
+  background-color #FFA94010
+  border-left solid 4px #FFA940
+
+  .note.icon
+    color #FFA940
+
+.note.info
+  background-color #2FD6F010
+  border-left solid 4px #2FD6F0
+
+  .note.icon
+    color #2FD6F0
+
+// ------------------customizable colors------------------
+.note.blue
+  background-color #2FD6F010
+  border-left solid 4px #2FD6F0
+
+  .note.icon
+    color #2FD6F0
+
+.note.gray
+  border-left solid 4px #A6A6A6
+
+  .note.icon
+    color #A6A6A6
+
+.note.yellow
+  background-color #FFD43B10
+  border-left solid 4px #FFD43B
+
+  .note.icon
+    color #FFD43B
+
+.note.red
+  background-color #F8567610
+  border-left solid 4px #F85676
+
+  .note.icon
+    color #F85676
+
+.note.question, .note.purple
+  background-color #A763FF10
+  border-left solid 4px #A763FF
+
+  .note.icon
+    color #A763FF
+
+.note.red
+  background-color #F8567610
+  border-left solid 4px #ff0739
+
+  .note.icon
+    color #ff0739
+
+.note.pink
+  background-color #e44b8d10
+  border-left solid 4px #e44b8d
+
+  .note.icon
+    color #e44b8d
+
+.note.green, .note.tip
+  background-color #47da5510
+  border-left solid 4px #47da55
+
+  .note.icon
+    color #47da55

package/source/css/layout/_modules/tabs.styl

@@ -0,0 +1,105 @@
+$border-color = alpha($primary-color, 0.2)
+$color-card = var(--third-background-color)
+
+div.tabs
+  display block
+  position relative
+  margin-top 16px
+  margin-bottom 16px
+  background var(--color-card)
+
+  .highlight, p, ul, ol, div.note, details
+    margin-top 16px
+    margin-bottom 16px
+
+div.tabs
+  ul.nav-tabs
+    display table
+    position relative
+    overflow-x auto
+    // white-space: nowrap
+    // justify-content: flex-start
+    margin 0 !important
+    padding 4px
+    background var(--third-background-color)
+    border-radius $redefine-border-radius-medium
+    line-height 1.5
+    text-align center
+    left 50%
+    transform translateX(-50%)
+
+    li.tab
+      list-style-type none
+      display inline-block
+      float none
+      margin-top 0
+      margin-bottom 0
+      margin-left 10px
+
+      &:first-child
+        margin-left 0px
+
+      &:last-child
+        padding-right 0px
+
+      a
+        display block
+        cursor pointer
+        border-radius $redefine-border-radius-small
+        padding 4px 8px
+        text-align center
+        font-size $fontsize-meta
+        line-height inherit
+        font-weight bold
+        color var(--default-text-color)
+        border none
+        text-decoration none
+
+        &:hover
+          color var(--primary-color)
+
+        i
+          pointer-events none
+
+      &.active a
+        cursor default
+        color var(--primary-color)
+        background-color var(--second-background-color)
+        box-shadow var(--redefine-box-shadow-flat)
+        // transform translateY(-1px)
+        transition transform 0.1s ease
+
+  .tab-content
+    .highlight-container[data-rel]
+      border-radius $redefine-border-radius-small
+
+    .highlight
+      border-radius $redefine-border-radius-small-bottom
+
+    blockquote
+      border-radius 0 $redefine-border-radius-small $redefine-border-radius-small 0
+
+    // border-top 1px solid var(--shadow-color-1)
+    background-color var(--second-background-color)
+    border-radius $redefine-border-radius-medium
+    box-shadow var(--redefine-box-shadow-flat)
+    margin-top 1rem
+
+    .tab-pane
+      padding 20px
+
+      &:not(.active)
+        display none
+
+      &.active
+        display block
+
+      *:last-child
+        margin-bottom 0
+
+      > p, .tabs, ul, ol, .highlight, .note
+        &:first-child
+          margin-top 0
+
+        &:last-child
+          margin-bottom 0

package/source/css/layout/_partials/404.styl

@@ -0,0 +1,14 @@
+.nf-container
+	width 100%
+	text-align center
+
+.nf-text
+	vertical-align middle
+
+.nf-text h1
+	line-height 1
+	font-size 100px
+	vertical-align baseline
+	display inline-block
+	padding-right 12px
+	color var(first-text-color)

package/source/css/layout/_partials/archive-list.styl

@@ -0,0 +1,49 @@
+$archive-year-font-size = 1.8rem
+$archive-year-count-font-size = 1.2rem
+$article-title-font-size = 1.2rem
+$article-date-font-size = 1rem
+
+@require '../../common/variables'
+
+.archive-list-container
+  .article-item
+    &::before
+      content attr(date-is)
+      position absolute
+      left 2em
+      font-weight bold
+      top 1em
+      display block
+      font-size 0.785rem
+      color var(--third-text-color)
+
+    &::after
+      width 12px
+      height 12px
+      display block
+      top 20px
+      position absolute
+      left -7px
+      border-radius 10px
+      content ''
+      border 2px solid var(--third-text-color)
+      background var(--background-color)
+      transition background 0.2s ease-in-out
+
+    &:last-child
+      border-image var(--archive-timeline-last-child-color)
+		
+    span.article-title
+      position relative
+      display block
+      
+      &::after
+        content ""
+        width 7px
+        height 7px
+        background var(--fourth-text-color)
+        border 1px solid var(--border-color)
+        position absolute
+        left -1.79rem
+        top 0.5em
+        border-radius 50px

package/source/css/layout/_partials/article-copyright-info.styl

@@ -0,0 +1,27 @@
+.article-copyright-info-container
+  font-family $english-font-family, -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
+  
+  position relative
+  width 100%
+  box-sizing border-box
+  padding 10px 6px
+  font-size 1rem
+  background var(--third-background-color)
+  border-radius 14px
+  border 1px solid var(--shadow-color-1)
+
+  ul
+    margin-left 10px
+
+    li
+      margin-bottom 5px
+      overflow hidden
+      text-overflow ellipsis
+      white-space nowrap
+      color var(--default-text-color)
+
+      .license
+        font-weight bold
+
+      &:last-child
+        margin-bottom 0

package/source/css/layout/_partials/article-meta-info.styl

@@ -0,0 +1,62 @@
+@require '../../common/variables'
+
+.article-meta-info
+  font-size 0.8rem
+  color var(--third-text-color)
+
+  .article-meta-item
+    margin-right 10px
+
+    &:last-child
+      margin-right 0
+
+  .article-date
+    position relative
+
+    .hover-info
+      opacity 0
+      position absolute
+      transition opacity 0.3s
+      top 1.5rem
+      left 50%
+      width auto
+      transform translateX(-50%)
+      border 1px solid var(--border-color)
+      padding 0 5px
+      border-radius $redefine-border-radius-small
+      background-color var(--second-background-color)
+
+    &:hover
+      .hover-info
+        opacity 1
+        transition opacity 0.2s
+
+    .mobile
+      display none
+
+    +redefine-tablet()
+      .desktop
+        display none
+
+      .mobile
+        display inline
+
+  .article-tags, .article-categories
+    display inline
+
+    ul, li
+      display inline
+
+    a
+      color var(--third-text-color)
+
+      &:hover
+        color var(--primary-color)
+
+  .article-tags
+    +redefine-tablet()
+      display none
+
+  .article-min2read, .article-wordcount
+    //+redefine-mobile()
+    //  display none

package/source/css/layout/_partials/comments/comment.styl

@@ -0,0 +1,11 @@
+if (hexo-config('comment.enable') == true && hexo-config('comment.system') != "") {
+  if (hexo-config('comment.system') == "waline") {
+    @require "./waline.styl"
+
+  } else if (hexo-config('comment.system') == "gitalk") {
+    @require "./gitalk.styl"
+
+  } else if (hexo-config('comment.system') == "twikoo") {
+    @require "./twikoo.styl"
+  }
+}