2025-2-26-fixed

themes/next/source/css/_schemes/Gemini/index.styl

@@ -0,0 +1,221 @@
+@import '../Pisces/_layout';
+@import '../Pisces/_header';
+@import '../Pisces/_menu';
+@import '../Pisces/_sub-menu';
+@import '../Pisces/_sidebar';
+
+// ==================================================
+// Rewrite _layout.styl
+// ==================================================
+// Sidebar padding used as main desktop content padding for sidebar padding and post blocks padding too.
+
+// In `source/css/_variables/Pisces.styl` there are variable for main offset:
+// $sidebar-offset                   = 12px;
+// This value alse can be changed in main NexT config as `sidebar: offset: 12` option.
+
+// In `source/css/_variables/base.styl` there are variables for other resolutions:
+// $content-tablet-padding           = 10px;
+// $content-mobile-padding           = 8px;
+// P.S. If u want to change this paddings u may set this variables into `custom_file_path.variable` (in theme _config.yml).
+
+// So, it will 12px in Desktop, 10px in Tablets and 8px in Mobiles for all possible paddings.
+// ==================================================
+// Read values from NexT config and set they as local variables to use as string variables (in any CSS section).
+$use-seo = hexo-config('seo');
+
+// ==================================================
+// Desktop layout styles.
+// ==================================================
+// Post blocks.
+.content-wrap {
+  background: initial;
+  box-shadow: initial;
+  padding: initial;
+}
+
+// Post & Comments blocks.
+.post-block {
+  background: var(--content-bg-color);
+  border-radius: $border-radius-inner;
+  box-shadow: $box-shadow-inner;
+  padding: $content-desktop-padding;
+
+  // When blocks are siblings (homepage).
+  & + .post-block {
+    border-radius: $border-radius;
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    margin-top: $sidebar-offset;
+  }
+}
+
+// Comments blocks.
+.comments {
+  background: var(--content-bg-color);
+  border-radius: $border-radius;
+  box-shadow: $box-shadow;
+  margin-top: $sidebar-offset;
+  padding: $content-desktop-padding;
+}
+
+.tabs-comment {
+  margin-top: 1em;
+}
+
+// Top main padding from header to posts (default 40px).
+.content {
+  padding-top: initial;
+}
+
+// Post delimiters.
+.post-eof {
+  display: none;
+}
+
+// Pagination.
+.pagination {
+  .prev, .next, .page-number {
+    margin-bottom: initial;
+    top: initial;
+  }
+
+  background: var(--content-bg-color);
+  border-radius: $border-radius;
+  border-top: initial;
+  box-shadow: $box-shadow;
+  margin: $sidebar-offset 0 0;
+  padding: 10px 0 10px;
+}
+
+// Footer alignment.
+.main {
+  padding-bottom: initial;
+}
+
+.footer {
+  bottom: auto;
+}
+
+// Sub-menu(s).
+.sub-menu {
+  border-bottom: initial;
+  box-shadow: $box-shadow-inner;
+
+  // Adapt submenu(s) with post-blocks.
+  + .content .post-block {
+    box-shadow: $box-shadow;
+    margin-top: $sidebar-offset;
+
+    +tablet() {
+      margin-top: $content-tablet-padding;
+    }
+
+    +mobile() {
+      margin-top: $content-mobile-padding;
+    }
+  }
+}
+
+// ==================================================
+// Headers.
+// ==================================================
+.post-body {
+  h1, h2 {
+    border-bottom: 1px solid $body-bg-color;
+  }
+
+  h3 {
+    if ($use-seo) {
+      border-bottom: 1px solid $body-bg-color;
+    } else {
+      border-bottom: 1px dotted $body-bg-color;
+    }
+  }
+
+  h4 {
+    if ($use-seo) {
+      border-bottom: 1px dotted $body-bg-color;
+    }
+  }
+}
+
+// ==================================================
+// > 768px & < 991px
+// ==================================================
++tablet() {
+  // Posts in blocks.
+  .content-wrap {
+    padding: $content-tablet-padding;
+  }
+
+  .posts-expand {
+    // Components inside Posts.
+    .post-button {
+      margin-top: ($content-tablet-padding * 2);
+    }
+  }
+
+  .post-block {
+    border-radius: $border-radius;
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    // Inside posts blocks content padding (default 40px).
+    padding: ($content-tablet-padding * 2);
+  }
+
+  // Only if blocks are siblings need bottom margin (homepage).
+  .post-block + .post-block {
+    margin-top: $content-tablet-padding;
+  }
+
+  .comments {
+    margin-top: $content-tablet-padding;
+    padding: $content-tablet-padding ($content-tablet-padding * 2);
+    // padding: initial;
+    // padding-top: $content-tablet-padding;
+  }
+
+  .pagination {
+    margin: $content-tablet-padding 0 0;
+  }
+}
+
+// ==================================================
+// < 767px
+// ==================================================
++mobile() {
+  // Posts in blocks.
+  .content-wrap {
+    padding: $content-mobile-padding;
+  }
+
+  .posts-expand {
+    // Components inside Posts.
+    .post-button {
+      margin: $sidebar-offset 0;
+    }
+  }
+
+  .post-block {
+    border-radius: $border-radius;
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    min-height: auto;
+    // Inside posts blocks content padding (default 40px).
+    padding: $sidebar-offset;
+  }
+
+  // Only if blocks are siblings need bottom margin (homepage).
+  .post-block + .post-block {
+    margin-top: $content-mobile-padding;
+  }
+
+  .comments {
+    margin-top: $content-mobile-padding;
+    padding: 10px $sidebar-offset;
+  }
+
+  .pagination {
+    margin: $content-mobile-padding 0 0;
+  }
+}

themes/next/source/css/_schemes/Mist/_header.styl

@@ -0,0 +1,65 @@
+// Header
+// --------------------------------------------------
+.header {
+  background: var(--content-bg-color);
+}
+
+.header-inner {
+  align-items: center;
+  display: flex;
+  padding: 20px 0;
+
+  +mobile() {
+    display: block;
+    padding: 10px 0;
+    width: auto;
+  }
+}
+
+.site-meta {
+  line-height: normal;
+
+  .brand {
+    padding: 2px 1px;
+
+    +mobile() {
+      display: block;
+    }
+  }
+
+  .site-title {
+    font-weight: bolder;
+  }
+}
+
+.logo-line-before, .logo-line-after {
+  display: block;
+  margin: 0 auto;
+  overflow: hidden;
+  width: 75%;
+
+  +mobile() {
+    display: none;
+  }
+
+  i {
+    background: var(--brand-color);
+    display: block;
+    height: 2px;
+    position: relative;
+  }
+}
+
+.use-motion {
+  .logo-line-before i {
+    left: -100%;
+  }
+
+  .logo-line-after i {
+    right: -100%;
+  }
+}
+
+.site-subtitle {
+  display: none;
+}

themes/next/source/css/_schemes/Mist/_layout.styl

@@ -0,0 +1,63 @@
+// Tags
+// --------------------------------------------------
+hr {
+  height: 2px;
+  margin: 20px 0;
+}
+
+// Components
+// --------------------------------------------------
+.btn {
+  padding: 0 10px;
+}
+
+.headband {
+  display: none;
+}
+
+// Page - Container
+// --------------------------------------------------
+.main-inner {
+  padding-bottom: 80px;
+
+  +mobile() {
+    width: auto;
+  }
+}
+
+.content {
+  padding-top: 80px;
+
+  +mobile() {
+    padding-top: 60px;
+  }
+}
+
+// Pagination
+// --------------------------------------------------
+.pagination {
+  margin: 120px 0 0;
+  text-align: left;
+
+  +mobile() {
+    margin: 80px 10px 0;
+    text-align: center;
+  }
+}
+
+// Footer
+// --------------------------------------------------
+.footer {
+  background: var(--content-bg-color);
+  color: var(--text-color);
+  padding: 10px 0;
+}
+
+.footer-inner {
+  text-align: left;
+
+  +mobile() {
+    text-align: center;
+    width: auto;
+  }
+}

themes/next/source/css/_schemes/Mist/_menu.styl

@@ -0,0 +1,43 @@
+// Menu
+// --------------------------------------------------
+.site-nav {
+  flex-grow: 1;
+
+  +mobile() {
+    padding: 10px 10px 0;
+  }
+}
+
+.menu {
+  margin: 0;
+
+  .menu-item {
+    margin: 0;
+
+    +mobile() {
+      margin-top: 5px;
+    }
+
+    a, span.exturl {
+      border-radius: 2px;
+      padding: 0 10px;
+      transition-property: background;
+
+      +mobile() {
+        text-align: left;
+      }
+
+      &:hover {
+        @extend .menu-item-active a;
+      }
+    }
+
+    .badge {
+      background: white;
+      border-radius: 10px;
+      color: $black-light;
+      padding: 1px 4px;
+      text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
+    }
+  }
+}

themes/next/source/css/_schemes/Mist/_posts-expand.styl

@@ -0,0 +1,69 @@
+// Post Expand
+// --------------------------------------------------
+.posts-expand {
+  &.index {
+    .post-title, .post-meta {
+      text-align: $site-meta-text-align;
+
+      +mobile() {
+        text-align: center;
+      }
+    }
+
+    .post-meta {
+      margin: 5px 0 20px 0;
+    }
+  }
+
+  .post-eof {
+    display: none;
+  }
+
+  .post-block:not(:first-child) {
+    margin-top: 120px;
+  }
+
+  .post-title, .post-meta {
+    text-align: center;
+  }
+
+  .post-body img {
+    margin-left: 0;
+  }
+
+  .post-tags {
+    text-align: left;
+
+    a {
+      background: $whitesmoke;
+      border-bottom: none;
+      padding: 1px 5px;
+
+      &:hover {
+        background: $grey-light;
+      }
+    }
+  }
+
+  .post-nav {
+    margin-top: 40px;
+  }
+}
+
+.post-button {
+  margin-top: 20px;
+  text-align: left;
+
+  .btn {
+    // color: $grey-dim;
+    background: none;
+    border: 0;
+    border-bottom: 2px solid var(--btn-default-border-color);
+    padding: 0;
+    transition-property: border;
+
+    &:hover {
+      border-bottom-color: var(--btn-default-hover-border-color);
+    }
+  }
+}

themes/next/source/css/_schemes/Mist/index.styl

@@ -0,0 +1,9 @@
+//
+// Mist scheme
+// ==================================================
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_posts-expand';
+@import '../Muse/_sidebar';
+@import '../Muse/_sub-menu';

themes/next/source/css/_schemes/Muse/_header.styl

@@ -0,0 +1,25 @@
+.custom-logo {
+  .site-meta-headline {
+    text-align: center;
+  }
+
+  .site-title {
+    color: $black-deep;
+    margin: 10px auto 0;
+
+    a {
+      border: 0;
+    }
+  }
+}
+
+.custom-logo-image {
+  background: white;
+  margin: 0 auto;
+  max-width: 150px;
+  padding: 5px;
+}
+
+.brand {
+  background: var(--btn-default-bg);
+}

themes/next/source/css/_schemes/Muse/_layout.styl

@@ -0,0 +1,30 @@
+.header-inner, .main-inner, .footer-inner {
+  +mobile() {
+    width: auto;
+  }
+}
+
+.header-inner {
+  padding-top: 100px;
+
+  +mobile() {
+    padding-top: 50px;
+  }
+}
+
+.main-inner {
+  padding-bottom: 60px;
+}
+
+.content {
+  padding-top: 70px;
+
+  +mobile() {
+    padding-top: 35px;
+  }
+}
+
+embed {
+  display: block;
+  margin: 0 auto 25px auto;
+}

themes/next/source/css/_schemes/Muse/_menu.styl

@@ -0,0 +1,57 @@
+.site-nav {
+  +mobile() {
+    border-bottom: 1px solid $grey-lighter;
+    border-top: 1px solid $grey-lighter;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+}
+
+.menu {
+  +mobile() {
+    text-align: left;
+  }
+}
+
+.menu-item-active a {
+  background: transparent;
+  border-bottom: 1px solid var(--link-hover-color) !important;
+
+  +mobile() {
+    border-bottom: 1px dotted $grey-lighter !important;
+  }
+}
+
+.menu .menu-item {
+  +mobile() {
+    margin: 0 10px;
+  }
+
+  a, span.exturl {
+    border-bottom: 1px solid transparent;
+
+    +mobile() {
+      padding: 5px 10px;
+    }
+
+    &:hover {
+      @extend .menu-item-active a;
+    }
+  }
+
+  .fa, .fab, .far, .fas {
+    +tablet-desktop() {
+      display: block;
+      line-height: 2;
+      margin-right: 0;
+      width: 100%;
+    }
+  }
+
+  .badge {
+    background: $gainsboro;
+    padding: 1px 4px;
+  }
+}

themes/next/source/css/_schemes/Muse/_sidebar.styl

@@ -0,0 +1,62 @@
+if (hexo-config('sidebar.position') == 'right') {
+  .sidebar {
+    right: 0 - $sidebar-desktop;
+
+    &.sidebar-active {
+      right: 0;
+    }
+  }
+
+  .sidebar-toggle, .back-to-top {
+    left: auto;
+    right: $b2t-position-right;
+
+    +tablet-mobile() {
+      right: $b2t-position-right-mobile;
+    }
+  }
+
+  .book-mark-link {
+    left: $b2t-position-right;
+  }
+} else {
+  .sidebar {
+    left: 0 - $sidebar-desktop;
+
+    &.sidebar-active {
+      left: 0;
+    }
+  }
+}
+
+.sidebar {
+  width: $sidebar-desktop;
+  z-index: $zindex-2;
+  the-transition-ease-out();
+
+  a, span.exturl {
+    border-bottom-color: $black-light;
+    color: $grey-dark;
+
+    &:hover {
+      border-bottom-color: $gainsboro;
+      color: $gainsboro;
+    }
+  }
+}
+
+.links-of-blogroll-item {
+  if (hexo-config('links_settings.layout') == 'inline') {
+    display: inline-block;
+  }
+  padding: 2px 10px;
+
+  a, span.exturl {
+    box-sizing: border-box;
+    display: inline-block;
+    max-width: 280px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

themes/next/source/css/_schemes/Muse/_sub-menu.styl

@@ -0,0 +1,7 @@
+.sub-menu {
+  margin: 10px 0;
+
+  .menu-item {
+    display: inline-block;
+  }
+}

themes/next/source/css/_schemes/Muse/index.styl

@@ -0,0 +1,5 @@
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_sub-menu';
+@import '_sidebar';

themes/next/source/css/_schemes/Pisces/_header.styl

@@ -0,0 +1,27 @@
+.site-brand-container {
+  background: $black-deep;
+
+  +tablet-mobile() {
+    box-shadow: 0 0 16px rgba(0, 0, 0, .5);
+  }
+}
+
+.site-meta {
+  padding: 20px 0;
+}
+
+.brand {
+  padding: 0;
+}
+
+.site-subtitle {
+  margin: 10px 10px 0;
+}
+
+.custom-logo-image {
+  margin-top: 20px;
+
+  +tablet-mobile() {
+    display: none;
+  }
+}

themes/next/source/css/_schemes/Pisces/_layout.styl

@@ -0,0 +1,102 @@
+.header {
+  margin: 0 auto;
+  position: relative;
+  width: $content-desktop;
+
+  +desktop-large() {
+    width: $content-desktop-large;
+  }
+
+  +desktop-largest() {
+    width: $content-desktop-largest;
+  }
+
+  +tablet-mobile() {
+    width: auto;
+  }
+}
+
+.header-inner {
+  background: var(--content-bg-color);
+  border-radius: $border-radius-inner;
+  box-shadow: $box-shadow-inner;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  width: $sidebar-desktop;
+
+  +desktop-large() {
+    width: $sidebar-desktop;
+  }
+
+  +tablet-mobile() {
+    border-radius: initial;
+    position: relative;
+    width: auto;
+  }
+}
+
+.main-inner {
+  align-items: flex-start;
+  display: flex;
+  justify-content: space-between;
+
+  if (hexo-config('sidebar.position') != 'right') {
+    flex-direction: row-reverse;
+  }
+  +tablet-mobile() {
+    width: auto;
+  }
+}
+
+.content-wrap {
+  background: var(--content-bg-color);
+  border-radius: $border-radius-inner;
+  box-shadow: $box-shadow-inner;
+  box-sizing: border-box;
+  padding: $content-desktop-padding;
+  width: $content-wrap;
+
+  +tablet-mobile() {
+    border-radius: initial;
+    padding: 20px;
+    width: 100%;
+  }
+}
+
+if (hexo-config('sidebar.position') == 'right') {
+  .header-inner {
+    right: 0;
+  }
+
+  .book-mark-link {
+    left: $b2t-position-right;
+  }
+
+  .footer-inner {
+    padding-right: 260px;
+  }
+} else {
+  .footer-inner {
+    padding-left: 260px;
+  }
+
+  .back-to-top {
+    left: auto;
+    right: $b2t-position-right;
+
+    +tablet-mobile() {
+      right: $b2t-position-right-mobile;
+    }
+  }
+}
+
+.footer-inner {
+
+  +tablet-mobile() {
+    padding-left: 0;
+    padding-right: 0;
+    width: auto;
+  }
+}

themes/next/source/css/_schemes/Pisces/_menu.styl

@@ -0,0 +1,65 @@
+.site-nav-toggle, .site-nav-right {
+  +tablet() {
+    flex-column();
+  }
+
+  .toggle {
+    color: white;
+
+    .toggle-line {
+      background: white;
+    }
+  }
+}
+
+.site-nav {
+  +tablet() {
+    display: none;
+  }
+}
+
+.menu .menu-item {
+  display: block;
+  margin: 0;
+
+  a, span.exturl {
+    padding: 5px 20px;
+    position: relative;
+    text-align: left;
+    transition-property: background-color;
+
+    &:hover {
+      @extend .menu-item-active a;
+    }
+  }
+
+  +tablet-mobile() {
+    &.menu-item-search {
+      display: none;
+    }
+  }
+
+  .badge {
+    background: $grey-light;
+    border-radius: 10px;
+    color: white;
+    float: right;
+    padding: 2px 5px;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
+    vertical-align: middle;
+  }
+}
+
+if (!hexo-config('menu_settings.badges')) {
+  .main-menu .menu-item-active a::after {
+    background: $grey;
+    border-radius: 50%;
+    content: ' ';
+    height: 6px;
+    margin-top: -3px;
+    position: absolute;
+    right: 15px;
+    top: 50%;
+    width: 6px;
+  }
+}

themes/next/source/css/_schemes/Pisces/_sidebar.styl

@@ -0,0 +1,123 @@
+.sidebar {
+  background: var(--body-bg-color);
+  box-shadow: none;
+  margin-top: 100%;
+  position: static;
+  width: $sidebar-desktop;
+
+  +tablet-mobile() {
+    display: none;
+  }
+}
+
+.sidebar-toggle {
+  display: none;
+}
+
+.sidebar-inner {
+  background: var(--content-bg-color);
+  border-radius: $border-radius;
+  box-shadow: $box-shadow;
+  box-sizing: border-box;
+  color: var(--text-color);
+  width: $sidebar-desktop;
+
+  if (hexo-config('motion.enable') && hexo-config('motion.transition.sidebar')) {
+    opacity: 0;
+  }
+
+  &.affix {
+    position: fixed;
+    top: $sidebar-offset;
+  }
+
+  &.affix-bottom {
+    position: absolute;
+  }
+}
+
+.site-state-item {
+  padding: 0 10px;
+}
+
+.sidebar-button {
+  border-bottom: 1px dotted $grey-light;
+  border-top: 1px dotted $grey-light;
+  margin-top: 10px;
+  text-align: center;
+
+  a {
+    border: 0;
+    color: $orange;
+    display: block;
+
+    &:hover {
+      background: none;
+      border: 0;
+      color: darken($orange, 20%);
+
+      .fa, .fab, .far, .fas {
+        color: darken($orange, 20%);
+      }
+    }
+  }
+}
+
+.links-of-author {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  justify-content: center;
+}
+
+.links-of-author-item {
+  sidebar-inline-links-item();
+
+  if (!hexo-config('social_icons.icons_only')) {
+    width: 50%;
+  }
+
+  a, span.exturl {
+    border-bottom: none;
+    display: block;
+    text-decoration: none;
+
+    &::before {
+      display: none;
+    }
+
+    &:hover {
+      background: var(--body-bg-color);
+      border-radius: 4px;
+    }
+  }
+
+  .fa, .fab, .far, .fas {
+    margin-right: 2px;
+  }
+}
+
+.links-of-blogroll-item {
+  padding: 0;
+
+  if (hexo-config('links_settings.layout') == 'inline') {
+    display: inline-block;
+    sidebar-inline-links-item();
+
+    if (!hexo-config('social_icons.icons_only')) {
+      width: unset;
+    }
+  }
+}
+
+if (hexo-config('back2top.sidebar')) {
+  // Only when back2top.sidebar is true, apply the following styles
+  .back-to-top {
+    background: var(--body-bg-color);
+    margin: 8px - $sidebar-offset -10px -18px;
+
+    &.back-to-top-on {
+      margin-top: 16px;
+    }
+  }
+}

themes/next/source/css/_schemes/Pisces/_sub-menu.styl

@@ -0,0 +1,30 @@
+.sub-menu {
+  background: var(--content-bg-color);
+  border-bottom: 1px solid $table-border-color;
+  margin: 0;
+  padding: 6px 0;
+
+  .menu-item {
+    display: inline-block;
+
+    a, span.exturl {
+      background: transparent;
+      margin: 5px 10px;
+      padding: initial;
+
+      &:hover {
+        background: transparent;
+        color: $sidebar-highlight;
+      }
+    }
+  }
+
+  .menu-item-active a {
+    border-bottom-color: $sidebar-highlight;
+    color: $sidebar-highlight;
+
+    &:hover {
+      border-bottom-color: $sidebar-highlight;
+    }
+  }
+}

themes/next/source/css/_schemes/Pisces/index.styl

@@ -0,0 +1,5 @@
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_sub-menu';
+@import '_sidebar';