2025-2-26-fixed

themes/next/source/css/_common/outline/sidebar/sidebar-author-links.styl

@@ -0,0 +1,27 @@
+.links-of-author {
+  margin-top: 15px;
+
+  a, span.exturl {
+    border-bottom-color: $black-light;
+    display: inline-block;
+    font-size: $font-size-smaller;
+    margin-bottom: 10px;
+    margin-right: 10px;
+    vertical-align: middle;
+
+    if (hexo-config('social_icons.transition')) {
+      the-transition();
+    }
+
+    &::before {
+      background: rgb(random-color(0, 255) - 50%, random-color(0, 255) - 50%, random-color(0, 255) - 50%);
+      border-radius: 50%;
+      content: ' ';
+      display: inline-block;
+      height: 4px;
+      margin-right: 3px;
+      vertical-align: middle;
+      width: 4px;
+    }
+  }
+}

themes/next/source/css/_common/outline/sidebar/sidebar-author.styl

@@ -0,0 +1,35 @@
+.site-author-image {
+  border: $site-author-image-border-width solid $site-author-image-border-color;
+  display: block;
+  margin: 0 auto;
+  max-width: $site-author-image-width;
+  padding: 2px;
+
+  if (hexo-config('avatar.rounded')) {
+    border-radius: 50%;
+  }
+}
+
+if (hexo-config('avatar.rotated')) {
+  .site-author-image {
+    transition: transform 1s ease-out;
+  }
+
+  .site-author-image:hover {
+    transform: rotateZ(360deg);
+  }
+}
+
+.site-author-name {
+  color: $site-author-name-color;
+  font-weight: $site-author-name-weight;
+  margin: $site-author-name-margin;
+  text-align: center;
+}
+
+.site-description {
+  color: $site-description-color;
+  font-size: $site-description-font-size;
+  margin-top: $site-description-margin-top;
+  text-align: center;
+}

themes/next/source/css/_common/outline/sidebar/sidebar-blogroll.styl

@@ -0,0 +1,16 @@
+.links-of-blogroll {
+  font-size: $font-size-smaller;
+  margin-top: 10px;
+}
+
+.links-of-blogroll-title {
+  font-size: $font-size-small;
+  font-weight: 600;
+  margin-top: 0;
+}
+
+.links-of-blogroll-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

themes/next/source/css/_common/outline/sidebar/sidebar-button.styl

@@ -0,0 +1,25 @@
+.sidebar-button {
+  margin-top: 15px;
+
+  a {
+    border: 1px solid $orange;
+    border-radius: 4px;
+    color: $orange;
+    display: inline-block;
+    padding: 0 15px;
+
+    .fa, .fab, .far, .fas {
+      margin-right: 5px;
+    }
+
+    &:hover {
+      background: $orange;
+      border: 1px solid $orange;
+      color: white;
+
+      .fa, .fab, .far, .fas {
+        color: white;
+      }
+    }
+  }
+}

themes/next/source/css/_common/outline/sidebar/sidebar-dimmer.styl

@@ -0,0 +1,23 @@
+#sidebar-dimmer {
+  display: none;
+}
+
++mobile() {
+  #sidebar-dimmer {
+    background: black;
+    display: block;
+    height: 100%;
+    left: 100%;
+    opacity: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: $zindex-1;
+  }
+
+  .sidebar-active + #sidebar-dimmer {
+    opacity: .7;
+    transform: translateX(-100%);
+    transition: opacity .5s;
+  }
+}

themes/next/source/css/_common/outline/sidebar/sidebar-nav.styl

@@ -0,0 +1,41 @@
+// Sidebar Navigation
+.sidebar-nav {
+  margin: 0;
+  padding-bottom: 20px;
+  padding-left: 0;
+
+  li {
+    border-bottom: 1px solid transparent;
+    color: $sidebar-nav-color;
+    cursor: pointer;
+    display: inline-block;
+    font-size: $font-size-small;
+
+    &.sidebar-nav-overview {
+      margin-left: 10px;
+    }
+
+    &:hover {
+      color: $sidebar-nav-hover-color;
+    }
+  }
+
+  .sidebar-nav-active {
+    border-bottom-color: $sidebar-highlight;
+    color: $sidebar-highlight;
+
+    &:hover {
+      color: $sidebar-highlight;
+    }
+  }
+}
+
+.sidebar-panel {
+  display: none;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.sidebar-panel-active {
+  display: block;
+}

themes/next/source/css/_common/outline/sidebar/sidebar-toc.styl

@@ -0,0 +1,61 @@
+.post-toc {
+  font-size: $font-size-small;
+
+  ol {
+    list-style: none;
+    margin: 0;
+    padding: 0 2px 5px 10px;
+    text-align: left;
+
+    > ol {
+      padding-left: 0;
+    }
+
+    a {
+      transition-property: all;
+      the-transition();
+    }
+  }
+
+  .nav-item {
+    line-height: 1.8;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    // text-align: justify;
+
+    if (!hexo-config('toc.wrap')) {
+      white-space: nowrap;
+    }
+  }
+
+  .nav {
+    .nav-child {
+      display: hexo-config('toc.expand_all') ? block : none;
+    }
+
+    .active > .nav-child {
+      display: block;
+    }
+
+    .active-current > .nav-child {
+      display: block;
+
+      > .nav-item {
+        display: block;
+      }
+    }
+
+    .active > a {
+      border-bottom-color: $sidebar-highlight;
+      color: $sidebar-highlight;
+    }
+
+    .active-current > a {
+      color: $sidebar-highlight;
+
+      &:hover {
+        color: $sidebar-highlight;
+      }
+    }
+  }
+}

themes/next/source/css/_common/outline/sidebar/sidebar-toggle.styl

@@ -0,0 +1,24 @@
+.sidebar-toggle {
+  background: $black-deep;
+  bottom: 45px;
+  cursor: pointer;
+  height: 14px;
+  left: $b2t-position-right;
+  padding: 5px;
+  position: fixed;
+  width: 14px;
+  z-index: $zindex-3;
+
+  +tablet-mobile() {
+    left: $b2t-position-right-mobile;
+    opacity: $b2t-opacity-hover;
+
+    if (!hexo-config('sidebar.onmobile')) {
+      display: none;
+    }
+  }
+}
+
+.sidebar-toggle:hover .toggle-line {
+  background: $sidebar-highlight;
+}

themes/next/source/css/_common/outline/sidebar/sidebar.styl

@@ -0,0 +1,51 @@
+.sidebar {
+  background: $black-deep;
+  bottom: 0;
+  if (!hexo-config('back2top.sidebar')){
+    box-shadow: inset 0 2px 6px black;
+  }
+  position: fixed;
+  top: 0;
+
+  +tablet-mobile() {
+    if (!hexo-config('sidebar.onmobile')) {
+      display: none;
+    }
+  }
+}
+
+.sidebar-inner {
+  color: $grey-dark;
+  padding: $sidebar-padding 10px;
+  text-align: center;
+}
+
+.cc-license {
+  margin-top: 10px;
+  text-align: center;
+
+  .cc-opacity {
+    border-bottom: none;
+    opacity: .7;
+
+    &:hover {
+      opacity: .9;
+    }
+  }
+
+  img {
+    display: inline-block;
+  }
+}
+
+@import 'sidebar-author';
+@import 'sidebar-author-links';
+@import 'sidebar-button';
+@import 'sidebar-blogroll';
+@import 'sidebar-dimmer';
+@import 'sidebar-nav';
+@import 'sidebar-toggle';
+
+@import 'sidebar-toc' if (hexo-config('toc.enable'));
+
+@import 'site-state' if (hexo-config('site_state'));

themes/next/source/css/_common/outline/sidebar/site-state.styl

@@ -0,0 +1,33 @@
+.site-state {
+  display: flex;
+  justify-content: center;
+  line-height: 1.4;
+  margin-top: 10px;
+  overflow: hidden;
+  text-align: center;
+  white-space: nowrap;
+}
+
+.site-state-item {
+  padding: 0 15px;
+
+  &:not(:first-child) {
+    border-left: 1px solid $site-state-item-border-color;
+  }
+
+  a {
+    border-bottom: none;
+  }
+}
+
+.site-state-item-count {
+  display: block;
+  font-size: $site-state-item-count-font-size;
+  font-weight: 600;
+  text-align: center;
+}
+
+.site-state-item-name {
+  color: $site-state-item-name-color;
+  font-size: $site-state-item-name-font-size;
+}