Add solitude

themes/solitude/source/css/_page/error.styl

@@ -0,0 +1,145 @@
+#body-wrap.error
+  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(--efu-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 var(--efu-main)
+        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(--efu-theme)
+
+          i
+            padding-right .3rem
+
+  .aside-list
+    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
+
+    .aside-list-item
+      padding .5rem 0
+      width 49%
+
+      img
+        width 100%
+        object-fit cover
+        border-radius 12px
+
+      .thumbnail
+        overflow hidden
+        width 100%
+        height 200px
+        background var(--efu-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
+
+      .content time
+        display none