2025-2-26-fixed

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

@@ -0,0 +1,121 @@
+.posts-collapse {
+  margin-left: $posts-collapse-margin;
+  position: relative;
+
+  +mobile() {
+    margin-left: $posts-collapse-margin-mobile;
+    margin-right: $posts-collapse-margin-mobile;
+  }
+
+  .collection-title {
+    font-size: $font-size-large;
+    position: relative;
+
+    &::before {
+      background: $grey-dark;
+      border: 1px solid white;
+      border-radius: 50%;
+      content: ' ';
+      height: 10px;
+      left: 0;
+      margin-left: -6px;
+      margin-top: -4px;
+      position: absolute;
+      top: 50%;
+      width: 10px;
+    }
+  }
+
+  .collection-year {
+    font-size: $font-size-largest;
+    font-weight: bold;
+    margin: 60px 0;
+    position: relative;
+
+    &::before {
+      background: $grey;
+      border-radius: 50%;
+      content: ' ';
+      height: 8px;
+      left: 0;
+      margin-left: -4px;
+      margin-top: -4px;
+      position: absolute;
+      top: 50%;
+      width: 8px;
+    }
+  }
+
+  .collection-header {
+    display: block;
+    margin: 0 0 0 20px;
+
+    small {
+      color: $grey;
+      margin-left: 5px;
+    }
+  }
+
+  .post-header {
+    border-bottom: 1px dashed $grey-light;
+    margin: 30px 0;
+    padding-left: 15px;
+    position: relative;
+    transition-property: border;
+    the-transition();
+
+    &::before {
+      background: $grey;
+      border: 1px solid white;
+      border-radius: 50%;
+      content: ' ';
+      height: 6px;
+      left: 0;
+      margin-left: -4px;
+      position: absolute;
+      top: $font-size-smallest;
+      transition-property: background;
+      width: 6px;
+      the-transition();
+    }
+
+    &:hover {
+      border-bottom-color: $grey-dim;
+
+      &::before {
+        background: $black-deep;
+      }
+    }
+  }
+
+  .post-meta {
+    display: inline;
+    font-size: $font-size-smallest;
+    margin-right: 10px;
+  }
+
+  .post-title {
+    display: inline;
+
+    a, span.exturl {
+      border-bottom: none;
+      color: var(--link-color);
+    }
+
+    .fa-external-link-alt {
+      font-size: $font-size-small;
+      margin-left: 5px;
+    }
+  }
+
+  &::before {
+    background: $whitesmoke;
+    content: ' ';
+    height: 100%;
+    left: 0;
+    margin-left: -2px;
+    position: absolute;
+    top: 1.25em;
+    width: 4px;
+  }
+}

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

@@ -0,0 +1,7 @@
+.post-copyright {
+  background: var(--card-bg-color);
+  border-left: 3px solid $red;
+  list-style: none;
+  margin: 2em 0 0;
+  padding: .5em 1em;
+}

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

@@ -0,0 +1,11 @@
+.post-eof {
+  background: $grey-light;
+  height: 1px;
+  margin: $post-eof-margin-top auto $post-eof-margin-bottom;
+  text-align: center;
+  width: 8%;
+
+  .post-block:last-of-type & {
+    display: none;
+  }
+}

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

@@ -0,0 +1,55 @@
+.content {
+  padding-top: 40px;
+}
+
+.post-body {
+  +desktop() {
+    text-align: unquote(hexo-config('text_align.desktop'));
+  }
+
+  +tablet-mobile() {
+    text-align: unquote(hexo-config('text_align.mobile'));
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    padding-top: 10px;
+
+    .header-anchor {
+      border-bottom-style: none;
+      color: $grey-light;
+      float: right;
+      margin-left: 10px;
+      visibility: hidden;
+
+      &:hover {
+        color: inherit;
+      }
+    }
+
+    &:hover .header-anchor {
+      visibility: visible;
+    }
+  }
+
+  iframe, img, video {
+    margin-bottom: 20px;
+  }
+
+  .video-container {
+    height: 0;
+    margin-bottom: 20px;
+    overflow: hidden;
+    padding-top: 75%;
+    position: relative;
+    width: 100%;
+
+    iframe, object, embed {
+      height: 100%;
+      left: 0;
+      margin: 0;
+      position: absolute;
+      top: 0;
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,41 @@
+.followme {
+  align-items: center;
+  background: var(--card-bg-color);
+  border-left: 3px solid $red;
+  color: $grey;
+  margin: 2em 0 1em 0;
+  padding: 1em 1.5em;
+  flex-column();
+
+  .social-list {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+
+    .social-item {
+      margin: .5em 2em;
+    }
+    +tablet-mobile() {
+      .social-item {
+        margin: .5em .75em;
+      }
+    }
+
+    .social-link {
+      border: 0;
+      display:inline-block;
+      text-align: center;
+
+      .icon {
+        font-size: 1.75em;
+        height: 1.75em;
+        width: 1.75em;
+      }
+
+      .label {
+        display: block;
+        font-size: 14px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+.post-gallery {
+  align-items: center;
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: 1fr 1fr 1fr;
+  margin-bottom: 20px;
+
+  +mobile() {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  a {
+    // For fancybox
+    border: 0;
+  }
+
+  img {
+    margin: 0;
+  }
+}

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

@@ -0,0 +1,107 @@
+.posts-expand .post-header {
+  font-size: $font-size-large;
+}
+
+.posts-expand .post-title {
+  font-size: $font-size-largest;
+  font-weight: normal;
+  margin: initial;
+  text-align: center;
+  word-wrap();
+
+  if (hexo-config('post_edit.enable')) {
+    .post-edit-link {
+      border-bottom: none;
+      color: $grey;
+      display: inline-block;
+      float: right;
+      font-size: $font-size-larger;
+      margin-left: -1.2em;
+      the-transition-ease-in();
+
+      +mobile-small() {
+        margin-left: initial;
+      }
+
+      &:hover {
+        color: $sidebar-highlight;
+      }
+    }
+  }
+}
+
+.posts-expand .post-title-link {
+  border-bottom: none;
+  color: var(--link-color);
+  display: inline-block;
+  position: relative;
+  vertical-align: top;
+
+  &::before {
+    background: var(--link-color);
+    bottom: 0;
+    content: '';
+    height: 2px;
+    left: 0;
+    position: absolute;
+    transform: scaleX(0);
+    visibility: hidden;
+    width: 100%;
+    the-transition();
+  }
+
+  &:hover::before {
+    transform: scaleX(1);
+    visibility: visible;
+  }
+
+  .fa-external-link-alt {
+    font-size: $font-size-small;
+    margin-left: 5px;
+  }
+}
+
+.posts-expand .post-meta {
+  color: $grey-dark;
+  font-family: $font-family-posts;
+  font-size: $font-size-smallest;
+  margin: 3px 0 60px 0;
+  text-align: center;
+
+  .post-description {
+    font-size: $font-size-small;
+    margin-top: 2px;
+  }
+
+  time {
+    border-bottom: 1px dashed $grey-dark;
+    cursor: pointer;
+  }
+}
+
+.post-meta .post-meta-item + .post-meta-item::before {
+  content: '|';
+  margin: 0 .5em;
+}
+
+.post-meta-divider {
+  margin: 0 .5em;
+}
+
+.post-meta-item-icon {
+  margin-right: 3px;
+
+  +tablet-mobile() {
+    display: inline-block;
+  }
+}
+
+.post-meta-item-text {
+  if (!hexo-config('post_meta.item_text')) {
+    display: none;
+  }
+
+  +tablet-mobile() {
+    display: none;
+  }
+}

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

@@ -0,0 +1,44 @@
+.post-nav {
+  border-top: 1px solid $gainsboro;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 15px;
+  padding: 10px 5px 0;
+}
+
+.post-nav-item {
+  flex: 1;
+
+  a {
+    border-bottom: none;
+    display: block;
+    font-size: $font-size-small;
+    line-height: 1.6;
+    position: relative;
+
+    &:active {
+      top: 2px;
+    }
+  }
+
+  .fa {
+    font-size: $font-size-smallest;
+  }
+
+  &:first-child {
+    margin-right: 15px;
+
+    .fa {
+      margin-right: 5px;
+    }
+  }
+
+  &:last-child {
+    margin-left: 15px;
+    text-align: right;
+
+    .fa {
+      margin-left: 5px;
+    }
+  }
+}

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

@@ -0,0 +1,59 @@
+.reward-container {
+  margin: 20px auto;
+  padding: 10px 0;
+  text-align: center;
+  width: 90%;
+
+  button {
+    background: transparent;
+    border: 1px solid #fc6423;
+    border-radius: 0;
+    color: #fc6423;
+    cursor: pointer;
+    line-height: 2;
+    outline: 0;
+    padding: 0 15px;
+    vertical-align: text-top;
+
+    &:hover {
+      background: #fc6423;
+      border: 1px solid transparent;
+      color: #fa9366
+    }
+  }
+}
+
+#qr {
+  padding-top: 20px;
+
+  a {
+    border: 0;
+  }
+
+  img {
+    display: inline-block;
+    margin: .8em 2em 0 2em;
+    max-width: 100%;
+    width: 180px;
+  }
+
+  p {
+    text-align: center;
+  }
+
+  if (hexo-config('reward_settings.animation')) {
+    > div:hover p {
+      animation: roll .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,12 @@
+.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,13 @@
+.post-tags {
+  margin-top: 40px;
+  text-align: center;
+
+  a {
+    display: inline-block;
+    font-size: $font-size-smaller;
+
+    &:not(:last-child) {
+      margin-right: 10px;
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+.post-widgets {
+  border-top: 1px solid $gainsboro;
+  margin-top: 15px;
+  text-align: center;
+}
+
+.wp_rating {
+  height: 20px;
+  line-height: 20px;
+  margin-top: 10px;
+  padding-top: 6px;
+  text-align: center;
+}
+
+.social-like {
+  display: flex;
+  font-size: $font-size-small;
+  justify-content: center;
+  text-align: center;
+}

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

@@ -0,0 +1,73 @@
+.post-body {
+  font-family: $font-family-posts;
+  word-wrap();
+
+  +desktop-large() {
+    font-size: $font-size-large;
+  }
+
+  .exturl .fa {
+    font-size: $font-size-small;
+    margin-left: 4px;
+  }
+
+  .image-caption, .figure .caption {
+    color: $grey-dark;
+    font-size: $font-size-small;
+    font-weight: bold;
+    line-height: 1;
+    margin: -20px auto 15px;
+    text-align: center;
+  }
+}
+
+.post-sticky-flag {
+  display: inline-block;
+  transform: rotate(30deg);
+}
+
+.post-button {
+  margin-top: 40px;
+  text-align: center;
+}
+
+.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-header {
+      opacity: 0;
+    }
+  }
+}
+
+@import 'post-collapse';
+@import 'post-eof';
+@import 'post-expand';
+@import 'post-gallery';
+@import 'post-header';
+@import 'post-nav';
+@import 'post-rtl';
+@import 'post-tags';
+@import 'post-widgets';
+@import 'post-reward';
+
+@import 'post-copyright' if (hexo-config('creative_commons.post'));
+
+@import 'post-followme' if (hexo-config('follow_me'));