hexo

themes/next/source/css/_common/components/pages/archive.styl

@@ -0,0 +1,29 @@
+.page-archive {
+
+  .archive-page-counter {
+    position: relative;
+    top: 3px;
+    left: 20px;
+
+    +mobile() {
+      top: 5px;
+    }
+  }
+
+  .posts-collapse {
+
+    .archive-move-on {
+      position: absolute;
+      top: 11px;
+      left: 0;
+      margin-left: -6px;
+      width: 10px;
+      height: 10px;
+      opacity: 0.5;
+      background: $black-light;
+      border: 1px solid white;
+
+      circle();
+    }
+  }
+}

themes/next/source/css/_common/components/pages/categories.styl

@@ -0,0 +1,27 @@
+.category-all-page {
+  .category-all-title { text-align: center; }
+
+  .category-all { margin-top: 20px; }
+
+  .category-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .category-list-item { margin: 5px 10px; }
+
+  .category-list-count {
+    color: $grey;
+    &:before {
+      display: inline;
+      content: " ("
+    }
+    &:after {
+      display: inline;
+      content: ") "
+    }
+  }
+
+  .category-list-child { padding-left: 10px; }
+}

themes/next/source/css/_common/components/pages/pages.styl

@@ -0,0 +1,6 @@
+// Page specific styles
+
+@import "archive";
+@import "categories";
+@import "schedule";
+@import "post-detail";

themes/next/source/css/_common/components/pages/post-detail.styl

@@ -0,0 +1,6 @@
+.page-post-detail {
+
+  .sidebar-toggle-line { background: $sidebar-highlight; }
+
+  .comments { overflow: hidden; }
+}

themes/next/source/css/_common/components/pages/schedule.styl

@@ -0,0 +1,101 @@
+@keyframes dot-flash {
+    from {opacity: 1; transform:scale(1.1);}
+    to {opacity: 0; transform:scale(1);}
+}
+
+#schedule {
+  ul#event-list {
+    padding-left: 30px
+    hr {
+      margin: 20px 0 45px 0!important
+      background: #222
+        &:after {
+          display: inline-block
+          content: 'NOW'
+          background: #222
+          color: #FFF
+          font-weight:bold
+          text-align: right
+          padding: 0 5px
+        }
+    }
+    li.event {
+      margin: 20px 0px
+      background: #F9F9F9
+      padding-left: 10px
+      min-height: 40px
+      h2.event-summary {
+        margin: 0
+        padding-bottom: 3px
+        &:before {
+          display: inline-block
+          font-family: FontAwesome
+          font-size: 8px
+          content: '\f111'
+          vertical-align: middle
+          margin-right: 25px
+          color: #bbb
+        }
+      }
+      span.event-relative-time {
+        display: inline-block
+        font-size: 12px
+        font-weight: 400
+        padding-left: 12px
+        color: #bbb
+      }
+      span.event-details {
+        display: block
+        color: #bbb
+        margin-left: 56px
+        padding-top: 3px
+        padding-bottom: 6px
+        text-indent: -24px
+        line-height: 18px
+        &:before {
+          text-indent: 0
+          display: inline-block
+          width: 14px
+          font-family: FontAwesome
+          text-align: center
+          margin-right: 9px
+          color: #bbb
+        }
+        &.event-location:before {
+          content: '\f041'
+        }
+        &.event-duration:before {
+          content: '\f017'
+        }
+      }
+    }
+    li.event-past {
+      background: #FCFCFC
+      & > * {
+        opacity: .6
+      }
+      h2.event-summary {
+        color: #bbb
+        &:before {
+          color: #DFDFDF
+        }
+      }
+    }
+    li.event-now {
+      background: #222
+      color: #FFF
+      padding: 15px 0 15px 10px
+      h2.event-summary {
+        &:before {
+          transform: scale(1.2)
+          color: #FFF
+          animation: dot-flash 1s alternate infinite ease-in-out;
+        }
+      }
+      * {
+        color: #FFF!important
+      }
+    }
+  }
+}
+