initial

themes/next/source/css/_common/components/post/post-button.styl

@@ -0,0 +1,3 @@
+.post-button {
+  margin-top: 40px;
+}

themes/next/source/css/_common/components/post/post-collapse.styl

@@ -0,0 +1,111 @@
+// TODO: Refactor.
+
++mobile() {
+  .posts-collapse {
+    margin: 0 20px;
+
+    .post-title, .post-meta {
+      show();
+      width: auto;
+      text-align: left;
+    }
+  }
+}
+
+.posts-collapse {
+  position: relative;
+  z-index: $zindex-1;
+
+  &::after {
+    content: " ";
+    position: absolute;
+    top: 20px;
+    left: 0;
+    margin-left: -2px;
+    width: 4px;
+    height: 100%;
+    background: $whitesmoke;
+    z-index: $zindex-bottom;
+  }
+
+  margin-left: $posts-collapse-left;
+  +mobile() { margin: 0 20px; }
+
+  .collection-title {
+    position: relative;
+    margin: 60px 0;
+
+    h1, h2 { margin-left: 20px; }
+
+    small { color: $grey; margin-left: 5px; }
+
+    &::before {
+      content: " ";
+      position: absolute;
+      left: 0;
+      top: 50%;
+      margin-left: -4px;
+      margin-top: -4px;
+      width: 8px;
+      height: 8px;
+      background: $grey;
+      circle();
+    }
+  }
+
+  .post { margin: 30px 0; }
+
+  .post-header {
+    position: relative;
+    the-transition();
+    transition-property: border;
+    border-bottom: 1px dashed $grey-light;
+
+    &::before {
+      content: " ";
+      position: absolute;
+      left: 0;
+      top: 12px;
+      width: 6px;
+      height: 6px;
+      margin-left: -4px;
+      background: $grey;
+      circle();
+      border: 1px solid white;
+      the-transition();
+      transition-property: background;
+    }
+  }
+
+  .post-header:hover {
+    border-bottom-color: $grey-dim;
+
+    &::before { background: $black-deep; }
+  }
+
+  .post-meta {
+    position: absolute;
+    font-size: 12px;
+    left: 20px;
+    top: 5px;
+  }
+
+  .post-comments-count { display: none; }
+
+  .post-title {
+    margin-left: 60px;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: inherit;
+
+    &::after {
+      margin-left: 3px;
+      opacity: 0.6;
+    }
+
+    a, span.exturl {
+      color: $grey-dim;
+      border-bottom: none;
+    }
+  }
+}

themes/next/source/css/_common/components/post/post-copyright.styl

@@ -0,0 +1,11 @@
+.post-copyright {
+  margin: $post-copyright.margin;
+  padding: $post-copyright.padding;
+  border-left: $post-copyright.border.width $post-copyright.border.style $post-copyright.border.color;
+  background-color: $post-copyright.bg;
+  list-style: none;
+
+  i.fa {
+    font-size: 15px;
+  }
+}

themes/next/source/css/_common/components/post/post-eof.styl

@@ -0,0 +1,15 @@
+.posts-expand {
+  .post-eof {
+    margin: $post-eof-margin-top auto $post-eof-margin-bottom;
+    width: 8%;
+    height: 1px;
+    background: $grey-light;
+    text-align: center;
+  }
+}
+
+.post:last-child {
+  .post-eof {
+    hide();
+  }
+}

themes/next/source/css/_common/components/post/post-expand.styl

@@ -0,0 +1,64 @@
+// TODO: Refactor.
+
+.posts-expand {
+  padding-top: 40px;
+}
+
++mobile() {
+  .posts-expand {
+    margin: 0 20px;
+  }
+
+  .post-body {
+    pre {
+      .gutter pre {
+        padding-right: 10px;
+      }
+    }
+
+    .highlight {
+      margin-left: 0px;
+      margin-right: 0px;
+      padding: 0;
+      .gutter pre {
+        padding-right: 10px;
+      }
+    }
+  }
+}
+
+.posts-expand .post-body {
+  +desktop() {
+    text-align: unquote(hexo-config('text_align.desktop'));
+  }
+  +tablet-mobile() {
+    text-align: unquote(hexo-config('text_align.mobile'));
+  }
+
+  h2, h3, h4, h5, h6 {
+    padding-top: 10px;
+
+    .header-anchor {
+      float: right;
+      margin-left: 10px;
+      color: $grey-light;
+      border-bottom-style: none;
+      visibility: hidden;
+
+      &:hover {
+        color: inherit;
+      }
+    }
+
+    &:hover .header-anchor {
+      visibility: visible;
+    }
+  }
+
+  img {
+    box-sizing: border-box;
+    margin: 0 auto 25px;
+    padding: 3px;
+    border: 1px solid $gray-lighter;
+  }
+}

themes/next/source/css/_common/components/post/post-gallery.styl

@@ -0,0 +1,27 @@
+.post-gallery {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+  border-collapse: separate;
+}
+
+.post-gallery-row {
+  display: table-row;
+}
+
+.post-gallery .post-gallery-img {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  border: none;
+
+  img {
+    max-width: 100%;
+    max-height: 100%;
+    border: none;
+  }
+}
+
+.fancybox-close, .fancybox-close:hover {
+  border: none;
+}

themes/next/source/css/_common/components/post/post-meta.styl

@@ -0,0 +1,51 @@
+.posts-expand .post-meta {
+  margin: 3px 0 60px 0;
+  color: $grey-dark;
+  font-family: $font-family-posts;
+  font-size: 12px;
+  text-align: center;
+
+  .post-category-list {
+    display: inline-block;
+    margin: 0;
+    padding: 3px;
+  }
+  .post-category-list-link { color: $grey-dark; }
+
+  .post-description {
+    font-size: 14px;
+    margin-top: 2px;
+  }
+
+  time {
+    border-bottom: 1px dashed $grey-dark;
+    cursor: help;
+  }
+}
+
+.post-symbolscount {
+  if !hexo-config('symbols_count_time.separated_meta') { display: inline-block; }
+}
+
+.post-meta-divider {
+  margin: 0 .5em;
+}
+
+.post-meta-item-icon {
+  margin-right: 3px;
+  +tablet() {
+    display: inline-block;
+  }
+  +mobile() {
+    display: inline-block;
+  }
+}
+
+.post-meta-item-text {
+  +tablet() {
+    hide();
+  }
+  +mobile() {
+    hide();
+  }
+}

themes/next/source/css/_common/components/post/post-nav.styl

@@ -0,0 +1,51 @@
+.post-nav {
+  display: table;
+  margin-top: 15px;
+  width: 100%;
+  border-top: 1px solid $gainsboro;
+}
+
+.post-nav-divider {
+  display: table-cell;
+  width: 10%;
+}
+
+.post-nav-item {
+  display: table-cell;
+  padding: 10px 0 0 0;
+  width: 45%;
+  vertical-align: top;
+
+  a {
+    position: relative;
+    show();
+    line-height: 25px;
+    font-size: 14px;
+    color: $link-color;
+    border-bottom: none;
+
+    &:hover {
+      color: $link-hover-color;
+      border-bottom: none;
+    }
+
+    &:active { top: 2px; }
+  }
+
+  .fa {
+    font-size: 12px;
+    margin-right: 5px;
+  }
+}
+
+.post-nav-next {
+  a { padding-left: 5px; }
+}
+
+.post-nav-prev {
+  text-align: right;
+
+  a { padding-right: 5px; }
+
+  .fa { margin-left: 5px; }
+}

themes/next/source/css/_common/components/post/post-reading_progress.styl

@@ -0,0 +1,10 @@
+.reading-progress-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  show();
+  width: 0;
+  height: unquote(hexo-config('reading_progress.height'));
+  background: unquote(hexo-config('reading_progress.color'));
+}

themes/next/source/css/_common/components/post/post-reward.styl

@@ -0,0 +1,64 @@
+#reward-container {
+  padding: 10px 0;
+  margin: 20px auto;
+  width: 90%;
+  text-align: center;
+}
+
+#reward-button {
+  cursor: pointer;
+  border: 0;
+  outline: 0;
+  display: inline-block;
+  vertical-align: text-top;
+  margin: 0;
+  padding: 0 15px;
+  border-radius: 5px;
+  height: $font-size-large * 2;
+  line-height: $font-size-large * 2;
+  font-size: $font-size-large;
+  color: #fff;
+  background: #F44336;
+  letter-spacing: normal;
+  text-transform: none;
+  text-indent: 0px;
+  text-shadow: none;
+}
+
+#reward-button span:hover {
+  background: #F7877F;
+}
+
+#qr {
+  padding-top: 20px;
+
+  a {
+    border: 0;
+  }
+
+  img {
+    width: 180px;
+    max-width: 100%;
+    display: inline-block;
+    margin: 0.8em 2em 0 2em;
+  }
+
+  p {
+    text-align: center;
+  }
+
+  if hexo-config('reward_settings.animation') {
+    & > div:hover p {
+      animation: roll 0.1s infinite linear;
+    }
+
+    @keyframes roll {
+      from {
+        transform: rotateZ(30deg);
+      }
+      to {
+        transform: rotateZ(-30deg);
+      }
+    }
+  }
+}

themes/next/source/css/_common/components/post/post-rtl.styl

@@ -0,0 +1,11 @@
+.rtl {
+  &.post-body {
+    p, a, h1, h2, h3, h4, h5, h6, li, ul, ol {
+      direction: rtl;
+      font-family: UKIJ Ekran;
+    }
+  }
+  &.post-title {
+    font-family: UKIJ Ekran;
+  }
+}

themes/next/source/css/_common/components/post/post-tags.styl

@@ -0,0 +1,10 @@
+.posts-expand .post-tags {
+  margin-top: 40px;
+  text-align: center;
+
+  a {
+    display: inline-block;
+    margin-right: 10px;
+    font-size: 13px;
+  }
+}

themes/next/source/css/_common/components/post/post-title.styl

@@ -0,0 +1,54 @@
+.posts-expand .post-title {
+  word-wrap();
+  text-align: center;
+  font-weight: $posts-expand-title-font-weight;
+
+  if hexo-config('post_edit.enable') {
+    .post-edit-link {
+      color: #bbb;
+      display: inline-block;
+      float: right;
+      border-bottom: none;
+      the-transition-ease-in();
+      margin-left: -1.2em;
+      +mobile-small() {
+        margin-left: initial;
+      }
+      &:hover {
+        color: black;
+      }
+    }
+  }
+}
+
+.posts-expand .post-title-link {
+  display: inline-block;
+  position: relative;
+  color: $black-light;
+  border-bottom: none;
+  line-height: 1.2;
+  vertical-align: top;
+
+  &::before {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    bottom: 0;
+    left: 0;
+    background-color: #000;
+    visibility: hidden;
+    transform: scaleX(0);
+    the-transition();
+  }
+
+  &:hover::before {
+    visibility: visible;
+    transform: scaleX(1);
+  }
+
+  .fa {
+    font-size: 20px;
+    margin-left: 5px;
+  }
+}

themes/next/source/css/_common/components/post/post-type.styl

@@ -0,0 +1,14 @@
+// TODO: Refactor.
+
+.page-home, .page-post-detail {
+  .post-type-quote {
+    .post-header,
+    .post-tags {
+      hide();
+    }
+
+    blockquote {
+      @extend .blockquote-center
+    }
+  }
+}

themes/next/source/css/_common/components/post/post-widgets.styl

@@ -0,0 +1,50 @@
+.post-widgets {
+  border-top: 1px solid #eee;
+  padding-top: 9px;
+  margin-top: 45px;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: center;
+
+  .post-meta-divider {
+    height: 25px;
+    color: $grey-dark;
+  }
+}
+
+.wp_rating {
+  height: 20px;
+  margin-right: 10px;
+  text-align: center;
+  line-height: 20px;
+  padding-top: 6px;
+}
+
+.social-like {
+  font-size: 14px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
+.vk_like {
+  width: 85px;
+  height: 21px;
+  padding-top: 7px;
+  align-self: center;
+}
+
+.fb_like {
+  height: 30px;
+  align-self: center;
+}
+
+.bdsharebuttonbox {
+  margin-top: 10px;
+  display: flex;
+  justify-content: center;
+  a { border: none; }
+}
+
+.bdshare-slide-button-box a { border: none; }

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

@@ -0,0 +1,61 @@
+.post-body {
+  word-wrap();
+  font-family: $font-family-posts;
+}
+
+.post-body span.exturl {
+  .fa {
+    font-size: 14px;
+    margin-left: 4px;
+  }
+}
+
+.post-body .fancybox img {
+  display: block !important;
+  margin: 0 auto;
+  cursor: pointer;
+  cursor: zoom-in;
+}
+
+.post-body .image-caption,
+.post-body .figure .caption {
+  margin: -20px auto 15px;
+  text-align: center;
+  font-size: $font-size-base;
+  color: $grey-dark;
+  font-weight: bold;
+  line-height: 1;
+}
+
+.post-sticky-flag {
+  display: inline-block;
+  font-size: 16px;
+  transform: rotate(30deg);
+}
+
+.use-motion {
+  if hexo-config('motion.transition.post_block') {
+    .post-block,
+    .pagination,
+    .comments { opacity: 0; }
+  }
+  if hexo-config('motion.transition.post_header') { .post-header { opacity: 0; } }
+  if hexo-config('motion.transition.post_body') { .post-body { opacity: 0; } }
+  if hexo-config('motion.transition.coll_header') { .collection-title { opacity: 0; } }
+}
+
+@import "post-expand";
+@import "post-collapse";
+@import "post-type";
+@import "post-title";
+@import "post-meta";
+@import "post-button";
+@import "post-tags";
+@import "post-nav";
+@import "post-eof";
+@import "post-gallery";
+@import "post-reward" if hexo-config('reward_settings.enable');
+@import "post-copyright" if hexo-config('creative_commons.post');
+@import "post-widgets" if (hexo-config('facebook_sdk.enable') and hexo-config('facebook_sdk.like_button')) or (hexo-config('vkontakte_api.enable') and hexo-config('vkontakte_api.like')) or hexo-config('rating.enable') or hexo-config('likely.enable') or (hexo-config('needmoreshare2.enable') and hexo-config('needmoreshare2.postbottom.enable')) or hexo-config('baidushare');
+@import "post-rtl";
+@import "post-reading_progress" if hexo-config('reading_progress.enable');