2025-2-26-fixed

2025-02-26 09:16:07 +08:00
parent bf50b6c865
commit 4968d276dc
456 changed files with 27801 additions and 1 deletions
--- a/themes/next/source/_data/styles.styl
+++ b/themes/next/source/_data/styles.styl
@ -0,0 +1,7 @@
+body {
+    background:url(/images/background.png);
+    background-repeat: no-repeat;
+    background-attachment: fixed; //是否滚动，fixed固定
+    background-size: cover;      //填充
+    background-position: center;
+}
--- a/themes/next/source/css/_colors.styl
+++ b/themes/next/source/css/_colors.styl
@ -0,0 +1,53 @@
+:root {
+  --body-bg-color: $body-bg-color;
+  --content-bg-color: $content-bg-color;
+  --card-bg-color: $card-bg-color;
+  --text-color: $text-color;
+  --blockquote-color: $blockquote-color;
+  --link-color: $link-color;
+  --link-hover-color: $link-hover-color;
+  --brand-color: $brand-color;
+  --brand-hover-color: $brand-hover-color;
+  --table-row-odd-bg-color: $table-row-odd-bg-color;
+  --table-row-hover-bg-color: $table-row-hover-bg-color;
+  --menu-item-bg-color: $menu-item-bg-color;
+  --btn-default-bg: $btn-default-bg;
+  --btn-default-color: $btn-default-color;
+  --btn-default-border-color: $btn-default-border-color;
+  --btn-default-hover-bg: $btn-default-hover-bg;
+  --btn-default-hover-color: $btn-default-hover-color;
+  --btn-default-hover-border-color: $btn-default-hover-border-color;
+}
+
+if (hexo-config('darkmode')) {
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --body-bg-color: $body-bg-color-dark;
+      --content-bg-color: $content-bg-color-dark;
+      --card-bg-color: $card-bg-color-dark;
+      --text-color: $text-color-dark;
+      --blockquote-color: $blockquote-color-dark;
+      --link-color: $link-color-dark;
+      --link-hover-color: $link-hover-color-dark;
+      --brand-color: $brand-color-dark;
+      --brand-hover-color: $brand-hover-color-dark;
+      --table-row-odd-bg-color: $table-row-odd-bg-color-dark;
+      --table-row-hover-bg-color: $table-row-hover-bg-color-dark;
+      --menu-item-bg-color: $menu-item-bg-color-dark;
+      --btn-default-bg: $btn-default-bg-dark;
+      --btn-default-color: $btn-default-color-dark;
+      --btn-default-border-color: $btn-default-border-color-dark;
+      --btn-default-hover-bg: $btn-default-hover-bg-dark;
+      --btn-default-hover-color: $btn-default-hover-color-dark;
+      --btn-default-hover-border-color: $btn-default-hover-border-color-dark;
+    }
+
+    img {
+      opacity: .75;
+
+      &:hover {
+        opacity: .9;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/back-to-top-sidebar.styl
+++ b/themes/next/source/css/_common/components/back-to-top-sidebar.styl
@ -0,0 +1,20 @@
+.back-to-top {
+  background: transparent;
+  margin: 20px - $sidebar-offset -10px -20px;
+  opacity: 0;
+
+  if (!hexo-config('back2top.scrollpercent')) {
+    span {
+      display: none;
+    }
+  }
+
+  &.back-to-top-on {
+    cursor: pointer;
+    opacity: $b2t-opacity;
+
+    &:hover {
+      opacity: $b2t-opacity-hover;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/back-to-top.styl
+++ b/themes/next/source/css/_common/components/back-to-top.styl
@ -0,0 +1,36 @@
+.back-to-top {
+  background: $b2t-bg-color;
+  bottom: $b2t-position-bottom;
+  box-sizing: border-box;
+  color: $b2t-color;
+  cursor: pointer;
+  left: $b2t-position-right;
+  opacity: $b2t-opacity;
+  padding: 0 6px;
+  position: fixed;
+  transition-property: bottom;
+  z-index: $zindex-3;
+
+  if (hexo-config('back2top.scrollpercent')) {
+    width: initial;
+  } else {
+    width: 24px;
+
+    span {
+      display: none;
+    }
+  }
+
+  &:hover {
+    color: $sidebar-highlight;
+  }
+
+  &.back-to-top-on {
+    bottom: $b2t-position-bottom-on;
+  }
+
+  +tablet-mobile() {
+    left: $b2t-position-right-mobile;
+    opacity: $b2t-opacity-hover;
+  }
+}
--- a/themes/next/source/css/_common/components/components.styl
+++ b/themes/next/source/css/_common/components/components.styl
@ -0,0 +1,15 @@
+if (hexo-config('back2top.enable')) {
+  .back-to-top {
+    font-size: $b2t-font-size;
+    text-align: center;
+    the-transition();
+  }
+
+  @import (hexo-config('back2top.sidebar') ? 'back-to-top-sidebar' : 'back-to-top');
+}
+
+@import 'reading-progress' if (hexo-config('reading_progress.enable'));
+
+@import 'post';
+@import 'pages';
+@import 'third-party';
--- a/themes/next/source/css/_common/components/pages/breadcrumb.styl
+++ b/themes/next/source/css/_common/components/pages/breadcrumb.styl
@ -0,0 +1,21 @@
+ul.breadcrumb {
+  font-size: $font-size-smallest;
+  list-style: none;
+  margin: 1em 0;
+  padding: 0 2em;
+  text-align: center;
+
+  li {
+    display: inline;
+  }
+
+  li + li::before {
+    content: '/\00a0';
+    font-weight: normal;
+    padding: .5em;
+  }
+
+  li + li:last-child {
+    font-weight: bold;
+  }
+}
--- a/themes/next/source/css/_common/components/pages/categories.styl
+++ b/themes/next/source/css/_common/components/pages/categories.styl
@ -0,0 +1,37 @@
+.category-all-page {
+  .category-all-title {
+    text-align: center;
+  }
+
+  .category-all {
+    margin-top: 20px;
+  }
+
+  .category-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .category-list-item {
+    margin: 5px 10px;
+  }
+
+  .category-list-count {
+    color: $grey;
+
+    &::before {
+      content: ' (';
+      display: inline;
+    }
+
+    &::after {
+      content: ') ';
+      display: inline;
+    }
+  }
+
+  .category-list-child {
+    padding-left: 10px;
+  }
+}
--- a/themes/next/source/css/_common/components/pages/pages.styl
+++ b/themes/next/source/css/_common/components/pages/pages.styl
@ -0,0 +1,5 @@
+// Page specific styles
+@import 'categories';
+@import 'schedule';
+@import 'breadcrumb';
+@import 'tag-cloud';
--- a/themes/next/source/css/_common/components/pages/schedule.styl
+++ b/themes/next/source/css/_common/components/pages/schedule.styl
@ -0,0 +1,104 @@
+@keyframes dot-flash {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(.8);
+  }
+}
+
+.event-list {
+  padding: 0;
+
+  hr {
+    background: $black-deep;
+    margin: 20px 0 45px 0;
+
+    &::after {
+      background: $black-deep;
+      color: white;
+      content: 'NOW';
+      display: inline-block;
+      font-weight: bold;
+      padding: 0 5px;
+      text-align: right;
+    }
+  }
+
+  .event {
+    background: $black-deep;
+    margin: 20px 0;
+    min-height: 40px;
+    padding: 15px 0 15px 10px;
+
+    .event-summary {
+      color: white;
+      margin: 0;
+      padding-bottom: 3px;
+
+      &::before {
+        animation: dot-flash 1s alternate infinite ease-in-out;
+        color: white;
+        content: '\f111';
+        display: inline-block;
+        font-size: 10px;
+        margin-right: 25px;
+        vertical-align: middle;
+        font-family-icons();
+      }
+    }
+
+    .event-relative-time {
+      color: $grey;
+      display: inline-block;
+      font-size: 12px;
+      font-weight: normal;
+      padding-left: 12px;
+    }
+
+    .event-details {
+      color: white;
+      display: block;
+      line-height: 18px;
+      margin-left: 56px;
+      padding-bottom: 6px;
+      padding-top: 3px;
+      text-indent: -24px;
+
+      &::before {
+        color: white;
+        display: inline-block;
+        margin-right: 9px;
+        text-align: center;
+        text-indent: 0;
+        width: 14px;
+        font-family-icons();
+      }
+
+      &.event-location::before {
+        content: '\f041';
+      }
+
+      &.event-duration::before {
+        content: '\f017';
+      }
+    }
+  }
+
+  .event-past {
+    background: $whitesmoke;
+
+    .event-summary, .event-details {
+      color: $grey;
+      opacity: .9;
+
+      &::before {
+        animation: none;
+        color: $grey;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/pages/tag-cloud.styl
+++ b/themes/next/source/css/_common/components/pages/tag-cloud.styl
@ -0,0 +1,12 @@
+.tag-cloud {
+  text-align: center;
+
+  a {
+    display: inline-block;
+    margin: 10px;
+
+    &:hover {
+      color: var(--link-hover-color) !important;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-collapse.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-copyright.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/components/post/post-eof.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-expand.styl
+++ b/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%;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-followme.styl
+++ b/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;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-gallery.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-header.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-nav.styl
+++ b/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;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-reward.styl
+++ b/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);
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-rtl.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-tags.styl
+++ b/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;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/post/post-widgets.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/components/post/post.styl
+++ b/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'));
--- a/themes/next/source/css/_common/components/reading-progress.styl
+++ b/themes/next/source/css/_common/components/reading-progress.styl
@ -0,0 +1,15 @@
+.reading-progress-bar {
+  background: unquote(hexo-config('reading_progress.color'));
+  display: block;
+  height: unquote(hexo-config('reading_progress.height'));
+  left: 0;
+  position: fixed;
+  width: 0;
+  z-index: $zindex-5;
+
+  if (hexo-config('reading_progress.position') == 'bottom') {
+    bottom: 0;
+  } else {
+    top: 0;
+  }
+}
--- a/themes/next/source/css/_common/components/third-party/gitalk.styl
+++ b/themes/next/source/css/_common/components/third-party/gitalk.styl
@ -0,0 +1,7 @@
+.gt-header a, .gt-comments a, .gt-popup a {
+  border-bottom: none;
+}
+
+.gt-container .gt-popup .gt-action.is--active::before {
+  top: .7em;
+}
--- a/themes/next/source/css/_common/components/third-party/math.styl
+++ b/themes/next/source/css/_common/components/third-party/math.styl
@ -0,0 +1,6 @@
+mjx-container[jax="CHTML"][display="true"], .has-jax {
+  overflow: auto hidden;
+}
+mjx-container + br {
+  display: none;
+}
--- a/themes/next/source/css/_common/components/third-party/related-posts.styl
+++ b/themes/next/source/css/_common/components/third-party/related-posts.styl
@ -0,0 +1,23 @@
+.popular-posts-header {
+  border-bottom: 1px solid $gainsboro;
+  display: block;
+  font-size: $font-size-large;
+  margin-bottom: 10px;
+  margin-top: $post-eof-margin-bottom;
+}
+
+.popular-posts {
+  padding: 0;
+
+  .popular-posts-item {
+    // list-style: none;
+    margin-left: 2em;
+
+    .popular-posts-title {
+      font-size: $font-size-small;
+      font-weight: normal;
+      line-height: $line-height-base * 1.2;
+      margin: 0;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/third-party/search.styl
+++ b/themes/next/source/css/_common/components/third-party/search.styl
@ -0,0 +1,193 @@
+.search-pop-overlay {
+  background: rgba(0, 0, 0, 0);
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  transition: visibility 0s linear .2s, background .2s;
+  visibility: hidden;
+  width: 100%;
+  z-index: $zindex-4;
+
+  &.search-active {
+    background: rgba(0, 0, 0, .3);
+    transition: background .2s;
+    visibility: visible;
+  }
+}
+
+.search-popup {
+  background: var(--card-bg-color);
+  border-radius: 5px;
+  height: 80%;
+  left: calc(50% - 350px);
+  position: fixed;
+  top: 10%;
+  transform: scale(0);
+  transition: transform .2s;
+  width: 700px;
+  z-index: $zindex-5;
+
+  .search-active & {
+    transform: scale(1);
+  }
+
+  +mobile() {
+    border-radius: 0;
+    height: 100%;
+    left: 0;
+    margin: 0;
+    top: 0;
+    width: 100%;
+  }
+
+  .search-icon, .popup-btn-close {
+    color: $grey-dark;
+    font-size: 18px;
+    padding: 0 10px;
+  }
+
+  .popup-btn-close {
+    cursor: pointer;
+
+    &:hover .fa {
+      color: $black-deep;
+    }
+  }
+
+  .search-header {
+    background: $gainsboro;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    display: flex;
+    padding: 5px;
+  }
+
+  input.search-input {
+    background: transparent;
+    border: 0;
+    outline: 0;
+    width: 100%;
+
+    &::-webkit-search-cancel-button {
+      display: none;
+    }
+  }
+}
+
+if (hexo-config('algolia_search.enable')) {
+  .search-input-container {
+    flex-grow: 1;
+
+    form {
+      padding: 2px;
+    }
+  }
+
+  .algolia-powered {
+    float: right;
+
+    img {
+      display: inline-block;
+      height: 18px;
+      vertical-align: middle;
+    }
+  }
+
+  .algolia-results {
+    height: calc(100% - 55px);
+    overflow: auto;
+    padding: 5px 30px;
+
+    hr {
+      margin: 10px 0;
+    }
+  }
+
+  .algolia-hit-item {
+    margin: 15px 0;
+  }
+
+  .algolia-hit-item-link {
+    border-bottom: 1px dashed $grey-light;
+    display: block;
+    the-transition();
+  }
+
+  .algolia-pagination {
+    .pagination {
+      border-top: none;
+      margin: 40px 0;
+      opacity: 1;
+      padding: 0;
+    }
+
+    .pagination-item {
+      display: inline-block;
+    }
+
+    .page-number {
+      border-top: 1px solid transparent;
+      the-transition();
+
+      &:hover {
+        border-top: 1px solid $black-deep;
+      }
+    }
+
+    .current .page-number {
+      @extend .pagination .page-number.current;
+      cursor: default;
+
+      &:hover {
+        border-top-color: $pagination-active-border;
+      }
+    }
+
+    .disabled-item {
+      visibility: hidden;
+    }
+  }
+}
+
+if (hexo-config('local_search.enable')) {
+  .search-popup {
+    .search-input-container {
+      flex-grow: 1;
+      padding: 2px;
+    }
+
+    ul.search-result-list {
+      margin: 0 5px;
+      padding: 0;
+      width: 100%;
+    }
+
+    p.search-result {
+      border-bottom: 1px dashed $grey-light;
+      padding: 5px 0;
+    }
+
+    a.search-result-title {
+      font-weight: bold;
+    }
+
+    .search-keyword {
+      border-bottom: 1px dashed $red;
+      color: $red;
+      font-weight: bold;
+    }
+
+    #search-result {
+      display: flex;
+      height: calc(100% - 55px);
+      overflow: auto;
+      padding: 5px 25px;
+    }
+
+    #no-result {
+      color: $grey-light;
+      margin: auto;
+    }
+  }
+}
--- a/themes/next/source/css/_common/components/third-party/third-party.styl
+++ b/themes/next/source/css/_common/components/third-party/third-party.styl
@ -0,0 +1,7 @@
+@import 'gitalk' if (hexo-config('gitalk.enable'));
+
+@import 'search' if (hexo-config('local_search.enable') || hexo-config('algolia_search.enable'));
+
+@import 'related-posts' if (hexo-config('related_posts.enable'));
+
+@import 'math' if (hexo-config('math.mathjax.enable'));
--- a/themes/next/source/css/_common/outline/footer/footer.styl
+++ b/themes/next/source/css/_common/outline/footer/footer.styl
@ -0,0 +1,80 @@
+// Footer Section
+// --------------------------------------------------
+.footer {
+  color: $grey-dark;
+  font-size: $font-size-small;
+  padding: 20px 0;
+
+  &.footer-fixed {
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+}
+
+.footer-inner {
+  box-sizing: border-box;
+  margin: 0 auto;
+  text-align: center;
+  width: $content-desktop;
+
+  +desktop-large() {
+    width: $content-desktop-large;
+  }
+
+  +desktop-largest() {
+    width: $content-desktop-largest;
+  }
+}
+
+@keyframes iconAnimate {
+  0%, 100% {
+    transform: scale(1);
+  }
+
+  10%, 30% {
+    transform: scale(.9);
+  }
+
+  20%, 40%, 60%, 80% {
+    transform: scale(1.1);
+  }
+
+  50%, 70% {
+    transform: scale(1.1);
+  }
+}
+
+.languages {
+  display: inline-block;
+  font-size: $font-size-large;
+  position: relative;
+
+  .lang-select-label span {
+    margin: 0 .5em;
+  }
+
+  .lang-select {
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+}
+
+.with-love {
+  color: unquote(hexo-config('footer.icon.color'));
+  display: inline-block;
+  margin: 0 5px;
+
+  if (hexo-config('footer.icon.animated')) {
+    animation: iconAnimate 1.33s ease-in-out infinite;
+  }
+}
+
+.powered-by, .theme-info {
+  display: inline-block;
+}
--- a/themes/next/source/css/_common/outline/header/bookmark.styl
+++ b/themes/next/source/css/_common/outline/header/bookmark.styl
@ -0,0 +1,24 @@
+.book-mark-link {
+  border-bottom: none;
+  display: inline-block;
+  position: fixed;
+  right: $b2t-position-right;
+  top: -10px;
+  transition: .3s;
+
+  +tablet-mobile() {
+    display: none;
+  }
+
+  &::before {
+    color: unquote(hexo-config('bookmark.color'));
+    content: '\f02e';
+    font-size: 32px;
+    line-height: 1;
+    font-family-icons();
+  }
+}
+
+.book-mark-link:hover, .book-mark-link-fixed {
+  top: -2px;
+}
--- a/themes/next/source/css/_common/outline/header/github-banner.styl
+++ b/themes/next/source/css/_common/outline/header/github-banner.styl
@ -0,0 +1,60 @@
+@keyframes octocat-wave {
+  0%, 100% {
+    transform: rotate(0);
+  }
+
+  20%, 60% {
+    transform: rotate(-25deg);
+  }
+
+  40%, 80% {
+    transform: rotate(10deg);
+  }
+}
+
+.github-corner {
+  $bg-color = unquote(hexo-config('android_chrome_color'));
+
+  :hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+
+  svg {
+    border: 0;
+    color: white;
+    fill: $bg-color;
+    position: absolute;
+    right: 0;
+    top: 0;
+    z-index: $zindex-0;
+  }
+
+  +tablet-mobile() {
+    if (hexo-config('local_search.enable') || hexo-config('algolia_search.enable')) {
+      display: none;
+    }
+
+    svg {
+      if (($scheme == 'Pisces') || ($scheme == 'Gemini')) {
+        color: $bg-color;
+        fill: white;
+      }
+    }
+
+    .github-corner:hover .octo-arm {
+      animation: none;
+    }
+
+    .github-corner .octo-arm {
+      animation: octocat-wave 560ms ease-in-out;
+    }
+  }
+
+  if ($scheme == 'Mist') {
+    +mobile() {
+      svg {
+        top: inherit;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/outline/header/header.styl
+++ b/themes/next/source/css/_common/outline/header/header.styl
@ -0,0 +1,33 @@
+// Header Section
+// --------------------------------------------------
+.header {
+  background: $head-bg;
+}
+
+.header-inner {
+  margin: 0 auto;
+  width: $content-desktop;
+
+  +desktop-large() {
+    width: $content-desktop-large;
+  }
+
+  +desktop-largest() {
+    width: $content-desktop-largest;
+  }
+}
+
+.site-brand-container {
+  display: flex;
+  flex-shrink: 0;
+  padding: 0 10px;
+}
+
+@import 'headerband';
+@import 'site-meta';
+@import 'site-nav';
+@import 'menu';
+
+@import 'bookmark' if (hexo-config('bookmark.enable'));
+
+@import 'github-banner' if (hexo-config('github_banner.enable'));
--- a/themes/next/source/css/_common/outline/header/headerband.styl
+++ b/themes/next/source/css/_common/outline/header/headerband.styl
@ -0,0 +1,4 @@
+.headband {
+  background: $headband-bg;
+  height: $headband-height;
+}
--- a/themes/next/source/css/_common/outline/header/menu.styl
+++ b/themes/next/source/css/_common/outline/header/menu.styl
@ -0,0 +1,64 @@
+// Menu
+// --------------------------------------------------
+.menu {
+  margin-top: 20px;
+  padding-left: 0;
+  text-align: center;
+}
+
+.menu-item {
+  display: inline-block;
+  list-style: none;
+  margin: 0 10px;
+
+  +mobile() {
+    display: block;
+    margin-top: 10px;
+
+    &.menu-item-search {
+      display: none;
+    }
+  }
+
+  a, span.exturl {
+    border-bottom: 0;
+    display: block;
+    font-size: $font-size-smaller;
+    transition-property: border-color;
+    the-transition();
+
+    // To prevent hover on external links with touch devices after click.
+    @media (hover: none) {
+      &:hover {
+        border-bottom-color: transparent !important;
+      }
+    }
+  }
+
+  .fa, .fab, .far, .fas {
+    margin-right: 8px;
+  }
+
+  .badge {
+    display: inline-block;
+    font-weight: bold;
+    line-height: 1;
+    margin-left: .35em;
+    margin-top: .35em;
+    text-align: center;
+    white-space: nowrap;
+
+    +mobile() {
+      float: right;
+      margin-left: 0;
+    }
+  }
+}
+
+.menu-item-active a {
+  background: var(--menu-item-bg-color);
+}
+
+.use-motion .menu-item {
+  opacity: 0;
+}
--- a/themes/next/source/css/_common/outline/header/site-meta.styl
+++ b/themes/next/source/css/_common/outline/header/site-meta.styl
@ -0,0 +1,46 @@
+.site-meta {
+  flex-grow: 1;
+  text-align: $site-meta-text-align;
+
+  +mobile() {
+    text-align: center;
+  }
+}
+
+.brand {
+  border-bottom: none;
+  color: var(--brand-color);
+  display: inline-block;
+  line-height: $font-size-title;
+  padding: 0 40px;
+  position: relative;
+
+  &:hover {
+    color: var(--brand-hover-color);
+  }
+}
+
+.site-title {
+  font-family: $font-family-logo;
+  font-size: $font-size-title;
+  font-weight: normal;
+  margin: 0;
+}
+
+.site-subtitle {
+  color: $subtitle-color;
+  font-size: $font-size-subtitle;
+  margin: 10px 0;
+}
+
+.use-motion {
+  .brand {
+    opacity: 0;
+  }
+
+  .site-title, .site-subtitle, .custom-logo-image {
+    opacity: 0;
+    position: relative;
+    top: -10px;
+  }
+}
--- a/themes/next/source/css/_common/outline/header/site-nav.styl
+++ b/themes/next/source/css/_common/outline/header/site-nav.styl
@ -0,0 +1,31 @@
+.site-nav-toggle, .site-nav-right {
+  display: none;
+
+  +mobile() {
+    flex-column();
+  }
+
+  .toggle {
+    color: var(--text-color);
+    padding: 10px;
+    width: 22px;
+
+    .toggle-line {
+      background: var(--text-color);
+      border-radius: 1px;
+    }
+  }
+}
+
+.site-nav {
+  display: block;
+
+  +mobile() {
+    clear: both;
+    display: none;
+  }
+
+  &.site-nav-on {
+    display: block;
+  }
+}
--- a/themes/next/source/css/_common/outline/mobile.styl
+++ b/themes/next/source/css/_common/outline/mobile.styl
@ -0,0 +1,89 @@
+/*
+// < 767px
+mobile() {
+
+}
+*/
+
+mobile-small() {
+  // For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
+  .content-wrap {
+    padding: initial !important;
+  }
+
+  // For all schemes wider width.
+  .posts-expand {
+    .post-meta {
+      margin: 3px 0 10px 0 !important;
+    }
+  }
+
+  .post-block {
+    margin-top: initial !important;
+    // Inside posts blocks content padding (default 40px).
+    padding: $content-mobile-padding 18px $content-mobile-padding !important;
+  }
+
+  .posts-collapse {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .post-body {
+    // For headers narrow width.
+    h1, h2, h3, h4, h5, h6 {
+      margin: 10px 0 8px;
+    }
+
+    // Rewrite paddings & margins inside tags.
+    .note, .tabs .tab-content .tab-pane {
+      h1, h2, h3, h4, h5, h6 {
+        margin: 0 5px;
+      }
+    }
+
+    // For paragraphs narrow width.
+    > p {
+      margin: 0 0 10px 0;
+    }
+
+    // Rewrite paddings & margins inside tags.
+    .note > p, .tabs .tab-content .tab-pane > p {
+      padding: 0 5px;
+    }
+
+    img, video {
+      margin-bottom: 10px !important;
+    }
+
+    .note {
+      margin-bottom: 10px !important;
+      padding: 10px !important;
+
+      if (hexo-config('note.icons')) {
+        &:not(.no-icon) {
+          padding-left: 35px !important;
+        }
+      }
+    }
+
+    .tabs .tab-content .tab-pane {
+      padding: 10px 10px 0 10px !important;
+    }
+  }
+
+  .post-eof {
+    margin: 40px auto 20px !important;
+  }
+
+  .pagination {
+    margin-top: 40px;
+  }
+}
+
+/*
+// < 413px
+mobile-smallest() {
+
+}
+*/
--- a/themes/next/source/css/_common/outline/outline.styl
+++ b/themes/next/source/css/_common/outline/outline.styl
@ -0,0 +1,29 @@
+.container {
+  min-height: 100%;
+  position: relative;
+}
+
+.main-inner {
+  margin: 0 auto;
+  width: $content-desktop;
+
+  +desktop-large() {
+    width: $content-desktop-large;
+  }
+
+  +desktop-largest() {
+    width: $content-desktop-largest;
+  }
+}
+
+.content-wrap {
+  +mobile() {
+    padding: 0 20px;
+  }
+}
+
+@import 'header';
+@import 'sidebar';
+@import 'footer';
+
+@import 'mobile' if (hexo-config('mobile_layout_economy'));
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-author-links.styl
+++ b/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;
+    }
+  }
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-author.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-blogroll.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-button.styl
+++ b/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;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-dimmer.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-nav.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-toc.styl
+++ b/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;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar-toggle.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/outline/sidebar/sidebar.styl
+++ b/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'));
--- a/themes/next/source/css/_common/outline/sidebar/site-state.styl
+++ b/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;
+}
--- a/themes/next/source/css/_common/scaffolding/base.styl
+++ b/themes/next/source/css/_common/scaffolding/base.styl
@ -0,0 +1,102 @@
+::selection {
+  background: $selection-bg;
+  color: $selection-color;
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  background: var(--body-bg-color);
+  color: var(--text-color);
+  font-family: $font-family-base;
+  font-size: $font-size-base;
+  line-height: $line-height-base;
+
+  +tablet-mobile() {
+    // Remove the padding of body when the sidebar is open.
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: $font-family-headings;
+  font-weight: bold;
+  line-height: 1.5;
+  margin: 20px 0 15px;
+}
+
+for headline in (1 .. 6) {
+  h{headline} {
+    font-size: $font-size-headings-base - $font-size-headings-step * headline;
+  }
+}
+
+p {
+  margin: 0 0 20px 0;
+}
+
+a, span.exturl {
+  border-bottom: 1px solid $link-decoration-color;
+  color: var(--link-color);
+  outline: 0;
+  text-decoration: none;
+  word-wrap();
+
+  &:hover {
+    border-bottom-color: var(--link-hover-color);
+    color: var(--link-hover-color);
+  }
+
+  // For spanned external links.
+  cursor: pointer;
+}
+
+iframe, img, video {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+}
+
+hr {
+  background-image: repeating-linear-gradient(-45deg, $grey-lighter, $grey-lighter 4px, transparent 4px, transparent 8px);
+  border: 0;
+  height: 3px;
+  margin: 40px 0;
+}
+
+blockquote {
+  border-left: 4px solid $grey-lighter;
+  color: var(--blockquote-color);
+  margin: 0;
+  padding: 0 15px;
+
+  cite::before {
+    content: '-';
+    padding: 0 5px;
+  }
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin: 0;
+  padding: 0;
+}
+
+kbd {
+  background-color: $whitesmoke;
+  background-image: linear-gradient($gainsboro, white, $gainsboro);
+  border: 1px solid $grey-light;
+  border-radius: .2em;
+  box-shadow: .1em .1em .2em rgba(0, 0, 0, .1);
+  color: $code-foreground;
+  font-family: inherit;
+  padding: .1em .3em;
+  white-space: nowrap;
+}
--- a/themes/next/source/css/_common/scaffolding/buttons.styl
+++ b/themes/next/source/css/_common/scaffolding/buttons.styl
@ -0,0 +1,28 @@
+.btn {
+  background: var(--btn-default-bg);
+  border: 2px solid var(--btn-default-border-color);
+  border-radius: $btn-default-radius;
+  color: var(--btn-default-color);
+  display: inline-block;
+  font-size: $font-size-small;
+  line-height: 2;
+  padding: 0 20px;
+  text-decoration: none;
+  transition-property: background-color;
+  the-transition();
+
+  &:hover {
+    background: var(--btn-default-hover-bg);
+    border-color: var(--btn-default-hover-border-color);
+    color: var(--btn-default-hover-color);
+  }
+
+  + .btn {
+    margin: 0 0 8px 8px;
+  }
+
+  .fa-fw {
+    text-align: left;
+    width: (18em / 14);
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/comments.styl
+++ b/themes/next/source/css/_common/scaffolding/comments.styl
@ -0,0 +1,42 @@
+.comments {
+  margin-top: 60px;
+  overflow: hidden;
+}
+
+.comment-button-group {
+  display: flex;
+  flex-wrap: wrap-reverse;
+  justify-content: center;
+  margin: 1em 0;
+
+  .comment-button {
+    margin: .1em .2em;
+
+    &.active {
+      background: var(--btn-default-hover-bg);
+      border-color: var(--btn-default-hover-border-color);
+      color: var(--btn-default-hover-color);
+    }
+  }
+}
+
+.comment-position {
+  display: none;
+
+  &.active {
+    display: block;
+  }
+}
+
+.tabs-comment {
+  background: var(--content-bg-color);
+  margin-top: 4em;
+  padding-top: 0;
+
+  .comments {
+    border: 0;
+    box-shadow: none;
+    margin-top: 0;
+    padding-top: 0;
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/highlight/copy-code.styl
+++ b/themes/next/source/css/_common/scaffolding/highlight/copy-code.styl
@ -0,0 +1,67 @@
+.highlight-container {
+  position: relative;
+}
+
+.highlight-container:hover .copy-btn, .highlight-container .copy-btn:focus {
+  opacity: 1;
+}
+
+.copy-btn {
+  color: $black-dim;
+  cursor: pointer;
+  line-height: 1.6;
+  opacity: 0;
+  padding: 2px 6px;
+  position: absolute;
+  the-transition();
+
+  if (hexo-config('codeblock.copy_button.style') == 'flat') {
+    background: white;
+    border: 0;
+    font-size: $font-size-smaller;
+    right: 0;
+    top: 0;
+  } else if (hexo-config('codeblock.copy_button.style') == 'mac') {
+    color: white;
+    font-size: 14px;
+    right: 0;
+    top: 2px;
+  } else {
+    background-color: $gainsboro;
+    background-image: linear-gradient(#fcfcfc, $gainsboro);
+    border: 1px solid #d5d5d5;
+    border-radius: 3px;
+    font-size: $font-size-smaller;
+    right: 4px;
+    top: 8px;
+  }
+}
+
+if (hexo-config('codeblock.copy_button.style') == 'mac') {
+  .highlight-container {
+    background: #21252b;
+    border-radius: 5px;
+    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
+    padding-top: 30px;
+
+    &::before {
+      background: #fc625d;
+      border-radius: 50%;
+      box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
+      content: ' ';
+      height: 12px;
+      left: 12px;
+      margin-top: -20px;
+      position: absolute;
+      width: 12px;
+    }
+
+    .highlight {
+      border-radius: 0 0 5px 5px;
+
+      .table-container {
+        border-radius: 0 0 5px 5px;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/highlight/diff.styl
+++ b/themes/next/source/css/_common/scaffolding/highlight/diff.styl
@ -0,0 +1,7 @@
+if ($highlight-theme == 'normal') {
+  $highlight-deletion = #fdd;
+  $highlight-addition = #dfd;
+} else {
+  $highlight-deletion = #800000;
+  $highlight-addition = #008000;
+}
--- a/themes/next/source/css/_common/scaffolding/highlight/highlight.styl
+++ b/themes/next/source/css/_common/scaffolding/highlight/highlight.styl
@ -0,0 +1,151 @@
+// https://github.com/chriskempson/tomorrow-theme
+$highlight-theme = hexo-config('codeblock.highlight_theme');
+
+@import 'theme';
+@import 'diff';
+
+@import 'copy-code' if (hexo-config('codeblock.copy_button.enable'));
+
+// Placeholder: $code-block
+$code-block {
+  background: $highlight-background;
+  color: $highlight-foreground;
+  line-height: $line-height-code-block;
+  margin: 0 auto 20px;
+}
+
+pre, code {
+  font-family: $code-font-family;
+}
+
+code {
+  background: $code-background;
+  border-radius: 3px;
+  color: $code-foreground;
+  padding: 2px 4px;
+  word-wrap();
+}
+
+.highlight {
+  @extend $code-block;
+
+  *::selection {
+    background: $highlight-selection;
+  }
+
+  pre {
+    border: 0;
+    margin: 0;
+    padding: 10px 0;
+  }
+
+  table {
+    border: 0;
+    margin: 0;
+    width: auto;
+  }
+
+  td {
+    border: 0;
+    padding: 0;
+  }
+
+  figcaption {
+    background: $highlight-gutter.bg-color;
+    color: $highlight-foreground;
+    display: flex;
+    font-size: $table-font-size;
+    justify-content: space-between;
+    line-height: 1.2;
+    padding: .5em;
+
+    a {
+      color: $highlight-foreground;
+
+      &:hover {
+        border-bottom-color: $highlight-foreground;
+      }
+    }
+  }
+
+  .gutter {
+    disable-user-select();
+
+    pre {
+      background: $highlight-gutter.bg-color;
+      color: $highlight-gutter.color;
+      padding-left: 10px;
+      padding-right: 10px;
+      text-align: right;
+    }
+  }
+
+  .code pre {
+    background: $highlight-background;
+    padding-left: 10px;
+    width: 100%;
+  }
+}
+
+.gist table {
+  width: auto;
+
+  td {
+    border: 0;
+  }
+}
+
+pre {
+  @extend $code-block;
+  overflow: auto;
+  padding: 10px;
+
+  code {
+    background: none;
+    color: $highlight-foreground;
+    font-size: $table-font-size;
+    padding: 0;
+    text-shadow: none;
+  }
+  // For diff highlight
+  .deletion {
+    background: $highlight-deletion;
+  }
+
+  .addition {
+    background: $highlight-addition;
+  }
+
+  .meta {
+    color: $highlight-yellow;
+    disable-user-select();
+  }
+
+  .comment {
+    color: $highlight-comment;
+  }
+
+  .variable, .attribute, .tag, .name, .regexp, .ruby .constant, .xml .tag .title, .xml .pi, .xml .doctype, .html .doctype, .css .id, .css .class, .css .pseudo {
+    color: $highlight-red;
+  }
+
+  .number, .preprocessor, .built_in, .builtin-name, .literal, .params, .constant, .command {
+    color: $highlight-orange;
+  }
+
+  .ruby .class .title, .css .rules .attribute, .string, .symbol, .value, .inheritance, .header, .ruby .symbol, .xml .cdata, .special, .formula {
+    color: $highlight-green;
+  }
+
+  .title, .css .hexcolor {
+    color: $highlight-aqua;
+  }
+
+  .function, .python .decorator, .python .title, .ruby .function .title, .ruby .title .keyword, .perl .sub, .javascript .title, .coffeescript .title {
+    color: $highlight-blue;
+  }
+
+  .keyword, .javascript .function {
+    color: $highlight-purple;
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/highlight/theme.styl
+++ b/themes/next/source/css/_common/scaffolding/highlight/theme.styl
@ -0,0 +1,137 @@
+if ($highlight-theme == 'night') {
+  $highlight-background   = #1d1f21;
+  $highlight-current-line = #282a2e;
+  $highlight-selection    = #373b41;
+  $highlight-foreground   = #c5c8c6;
+  $highlight-comment      = #969896;
+  $highlight-red          = #cc6666;
+  $highlight-orange       = #de935f;
+  $highlight-yellow       = #f0c674;
+  $highlight-green        = #b5bd68;
+  $highlight-aqua         = #8abeb7;
+  $highlight-blue         = #81a2be;
+  $highlight-purple       = #b294bb;
+  $highlight-gutter       = {
+    color: lighten($highlight-background, 50%),
+    bg-color: darken($highlight-background, 100%)
+  };
+} else if ($highlight-theme == 'night eighties') {
+  $highlight-background   = #2d2d2d;
+  $highlight-current-line = #393939;
+  $highlight-selection    = #515151;
+  $highlight-foreground   = #cccccc;
+  $highlight-comment      = #999999;
+  $highlight-red          = #f2777a;
+  $highlight-orange       = #f99157;
+  $highlight-yellow       = #ffcc66;
+  $highlight-green        = #99cc99;
+  $highlight-aqua         = #66cccc;
+  $highlight-blue         = #6699cc;
+  $highlight-purple       = #cc99cc;
+  $highlight-gutter       = {
+    color: $highlight-comment,
+    bg-color: darken($highlight-background, 40%)
+  };
+} else if ($highlight-theme == 'night blue') {
+  $highlight-background   = #002451;
+  $highlight-current-line = #00346e;
+  $highlight-selection    = #003f8e;
+  $highlight-foreground   = #ffffff;
+  $highlight-comment      = #7285b7;
+  $highlight-red          = #ff9da4;
+  $highlight-orange       = #ffc58f;
+  $highlight-yellow       = #ffeead;
+  $highlight-green        = #d1f1a9;
+  $highlight-aqua         = #99ffff;
+  $highlight-blue         = #bbdaff;
+  $highlight-purple       = #ebbbff;
+  $highlight-gutter       = {
+    color: $highlight-comment,
+    bg-color: darken($highlight-background, 60%)
+  };
+} else if ($highlight-theme == 'night bright') {
+  $highlight-background   = #000000;
+  $highlight-current-line = #2a2a2a;
+  $highlight-selection    = #424242;
+  $highlight-foreground   = #eaeaea;
+  $highlight-comment      = #969896;
+  $highlight-red          = #d54e53;
+  $highlight-orange       = #e78c45;
+  $highlight-yellow       = #e7c547;
+  $highlight-green        = #b9ca4a;
+  $highlight-aqua         = #70c0b1;
+  $highlight-blue         = #7aa6da;
+  $highlight-purple       = #c397d8;
+  $highlight-gutter       = {
+    color: lighten($highlight-background, 40%),
+    bg-color: lighten($highlight-background, 16%)
+  };
+} else if ($highlight-theme == 'solarized') {
+  $highlight-background   = #fdf6e3;
+  $highlight-current-line = #eee8d5;
+  $highlight-selection    = #eee8d5;
+  $highlight-foreground   = #586e75;
+  $highlight-comment      = #93a1a1;
+  $highlight-red          = #dc322f;
+  $highlight-orange       = #cb4b16;
+  $highlight-yellow       = #b58900;
+  $highlight-green        = #859900;
+  $highlight-aqua         = #2aa198;
+  $highlight-blue         = #268bd2;
+  $highlight-purple       = #6c71c4;
+  $highlight-gutter       = {
+    color: $highlight-comment,
+    bg-color: $highlight-background
+  };
+} else if ($highlight-theme == 'solarized dark') {
+  $highlight-background   = #002b36;
+  $highlight-current-line = #073642;
+  $highlight-selection    = #073642;
+  $highlight-foreground   = #93a1a1;
+  $highlight-comment      = #586e75;
+  $highlight-red          = #dc322f;
+  $highlight-orange       = #cb4b16;
+  $highlight-yellow       = #b58900;
+  $highlight-green        = #859900;
+  $highlight-aqua         = #2aa198;
+  $highlight-blue         = #268bd2;
+  $highlight-purple       = #6c71c4;
+  $highlight-gutter       = {
+    color: $highlight-comment,
+    bg-color: $highlight-background
+  };
+} else if ($highlight-theme == 'galactic') {
+  $highlight-background   = #262626;
+  $highlight-current-line = #303030;
+  $highlight-selection    = #303030;
+  $highlight-foreground   = #9e9e9e;
+  $highlight-comment      = #6a6a6a;
+  $highlight-red          = #ff511a;
+  $highlight-orange       = #dd7202;
+  $highlight-yellow       = #a68f01;
+  $highlight-green        = #4ca340;
+  $highlight-aqua         = #07a38f;
+  $highlight-blue         = #3294ff;
+  $highlight-purple       = #cc62fe;
+  $highlight-gutter       = {
+    color: $highlight-comment,
+    bg-color: $highlight-background
+  };
+} else {
+  $highlight-background   = #f7f7f7;
+  $highlight-current-line = #efefef;
+  $highlight-selection    = #d6d6d6;
+  $highlight-foreground   = #4d4d4c;
+  $highlight-comment      = #8e908c;
+  $highlight-red          = #c82829;
+  $highlight-orange       = #f5871f;
+  $highlight-yellow       = #eab700;
+  $highlight-green        = #718c00;
+  $highlight-aqua         = #3e999f;
+  $highlight-blue         = #4271ae;
+  $highlight-purple       = #8959a8;
+  $highlight-gutter       = {
+    color: #869194,
+    bg-color: #eff2f3
+  };
+}
--- a/themes/next/source/css/_common/scaffolding/normalize.styl
+++ b/themes/next/source/css/_common/scaffolding/normalize.styl
@ -0,0 +1,289 @@
+/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+  font-size: 2em;
+  margin: .67em 0;
+}
+
+/* Grouping content
+========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+  background: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b, strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code, kbd, samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+/* Embedded content
+========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+  border-style: none;
+}
+
+/* Forms
+========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button, input, optgroup, select, textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button, input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button, select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button, [type='button'], [type='reset'], [type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+  padding: .35em .75em .625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type='checkbox'], [type='radio'] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type='search'] {
+  outline-offset: -2px; /* 2 */
+  -webkit-appearance: textfield; /* 1 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+  font: inherit; /* 2 */
+  -webkit-appearance: button; /* 1 */
+}
+
+/* Interactive
+========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+  display: list-item;
+}
+
+/* Misc
+========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+  display: none;
+}
--- a/themes/next/source/css/_common/scaffolding/pagination.styl
+++ b/themes/next/source/css/_common/scaffolding/pagination.styl
@ -0,0 +1,68 @@
+$page-number-basic {
+  display: inline-block;
+  margin: 0 10px;
+  padding: 0 11px;
+  position: relative;
+  top: -1px;
+
+  +mobile() {
+    margin: 0 5px;
+  }
+}
+
+.pagination {
+  border-top: 1px solid $pagination-border;
+  margin: 120px 0 0;
+  text-align: center;
+
+  .prev, .next, .page-number {
+    @extend $page-number-basic;
+    border-bottom: 0;
+    border-top: 1px solid $pagination-link-border;
+    transition-property: border-color;
+    the-transition();
+
+    &:hover {
+      border-top-color: $pagination-link-hover-border;
+    }
+  }
+
+  .space {
+    @extend $page-number-basic;
+    margin: 0;
+    padding: 0;
+  }
+
+  .prev {
+    margin-left: 0;
+  }
+
+  .next {
+    margin-right: 0;
+  }
+
+  .page-number.current {
+    background: $pagination-active-bg;
+    border-top-color: $pagination-active-border;
+    color: $pagination-active-color;
+  }
+}
+
+mobile() {
+  .pagination {
+    border-top: none;
+  }
+
+  .pagination {
+    .prev, .next, .page-number {
+      border-bottom: 1px solid $pagination-link-border;
+      border-top: 0;
+      margin-bottom: 10px;
+      padding: 0 10px;
+
+      &:hover {
+        border-bottom-color: $pagination-link-hover-border;
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/scaffolding.styl
+++ b/themes/next/source/css/_common/scaffolding/scaffolding.styl
@ -0,0 +1,12 @@
+//
+// Scaffolding
+// ==================================================
+@import 'normalize';
+@import 'base';
+@import 'tables';
+@import 'buttons';
+@import 'toggles';
+@import 'highlight';
+@import 'tags';
+@import 'pagination';
+@import 'comments';
--- a/themes/next/source/css/_common/scaffolding/tables.styl
+++ b/themes/next/source/css/_common/scaffolding/tables.styl
@ -0,0 +1,41 @@
+.table-container {
+  overflow: auto;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  font-size: $table-font-size;
+  margin: 0 0 20px 0;
+  width: 100%;
+}
+
+tbody tr {
+  &:nth-of-type(odd) {
+    background: var(--table-row-odd-bg-color);
+  }
+
+  &:hover {
+    background: var(--table-row-hover-bg-color);
+  }
+}
+
+caption, th, td {
+  font-weight: normal;
+  padding: 8px;
+  vertical-align: middle;
+}
+
+th, td {
+  border: 1px solid $table-border-color;
+  border-bottom: 3px solid $table-cell-border-bottom-color;
+}
+
+th {
+  font-weight: 700;
+  padding-bottom: 10px;
+}
+
+td {
+  border-bottom-width: 1px;
+}
--- a/themes/next/source/css/_common/scaffolding/tags/blockquote-center.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/blockquote-center.styl
@ -0,0 +1,31 @@
+// Blockquote with all children centered.
+.blockquote-center {
+  border-left: none;
+  margin: 40px 0;
+  padding: 0;
+  position: relative;
+  text-align: center;
+
+  .fa {
+    display: block;
+    opacity: .6;
+    position: absolute;
+    width: 100%;
+  }
+
+  .fa-quote-left {
+    border-top: 1px solid $grey-light;
+    text-align: left;
+    top: -20px;
+  }
+
+  .fa-quote-right {
+    border-bottom: 1px solid $grey-light;
+    text-align: right;
+    bottom: -20px;
+  }
+
+  p, div {
+    text-align: center;
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/tags/group-pictures.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/group-pictures.styl
@ -0,0 +1,14 @@
+.post-body .group-picture img {
+  margin: 0 auto;
+  padding: 0 3px;
+}
+
+.group-picture-row {
+  margin-bottom: 6px;
+  overflow: hidden;
+}
+
+.group-picture-column {
+  float: left;
+  margin-bottom: 10px;
+}
--- a/themes/next/source/css/_common/scaffolding/tags/label.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/label.styl
@ -0,0 +1,29 @@
+.post-body .label {
+  color: $text-color;
+  display: inline;
+  padding: 0 2px;
+
+  &.default {
+    background: $label-default;
+  }
+
+  &.primary {
+    background: $label-primary;
+  }
+
+  &.info {
+    background: $label-info;
+  }
+
+  &.success {
+    background: $label-success;
+  }
+
+  &.warning {
+    background: $label-warning;
+  }
+
+  &.danger {
+    background: $label-danger;
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/tags/note.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/note.styl
@ -0,0 +1,313 @@
+.post-body .note {
+  $note-icons = hexo-config('note.icons');
+  $note-style = hexo-config('note.style');
+
+  border-radius: $note-border-radius;
+  margin-bottom: 20px;
+  padding: 1em;
+  position: relative;
+
+  if ($note-style == 'simple') {
+    border: 1px solid $gainsboro;
+    border-left-width: 5px;
+  }
+
+  if ($note-style == 'modern') {
+    background: $whitesmoke;
+    border: 1px solid transparent;
+  }
+
+  if ($note-style == 'flat') {
+    background: lighten($gainsboro, 65%);
+    border: initial;
+    border-left: 3px solid $gainsboro;
+  }
+
+  h2, h3, h4, h5, h6 {
+    if ($note-icons) {
+      margin-top: 3px;
+    } else {
+      margin-top: 0;
+    }
+
+    border-bottom: initial;
+    margin-bottom: 0;
+    padding-top: 0;
+  }
+
+  p, ul, ol, table, pre, blockquote, img {
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  if ($note-icons) {
+    &:not(.no-icon) {
+      padding-left: 2.5em;
+
+      &::before {
+        font-size: 1.5em;
+        left: .4em;
+        position: absolute;
+        top: calc(50% - 1em);
+        font-family-icons();
+      }
+    }
+  }
+
+  &.default {
+    if ($note-style == 'flat') {
+      background: $note-default-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-default-bg;
+      border-color: $note-modern-default-border;
+      color: $note-modern-default-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-default-text;
+          color: $note-modern-default-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-default-hover;
+            color: $note-modern-default-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-default-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-default-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-default-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-default-text;
+        }
+      }
+    }
+  }
+
+  &.primary {
+    if ($note-style == 'flat') {
+      background: $note-primary-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-primary-bg;
+      border-color: $note-modern-primary-border;
+      color: $note-modern-primary-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-primary-text;
+          color: $note-modern-primary-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-primary-hover;
+            color: $note-modern-primary-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-primary-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-primary-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-primary-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-primary-text;
+        }
+      }
+    }
+  }
+
+  &.info {
+    if ($note-style == 'flat') {
+      background: $note-info-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-info-bg;
+      border-color: $note-modern-info-border;
+      color: $note-modern-info-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-info-text;
+          color: $note-modern-info-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-info-hover;
+            color: $note-modern-info-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-info-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-info-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-info-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-info-text;
+        }
+      }
+    }
+  }
+
+  &.success {
+    if ($note-style == 'flat') {
+      background: $note-success-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-success-bg;
+      border-color: $note-modern-success-border;
+      color: $note-modern-success-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-success-text;
+          color: $note-modern-success-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-success-hover;
+            color: $note-modern-success-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-success-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-success-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-success-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-success-text;
+        }
+      }
+    }
+  }
+
+  &.warning {
+    if ($note-style == 'flat') {
+      background: $note-warning-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-warning-bg;
+      border-color: $note-modern-warning-border;
+      color: $note-modern-warning-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-warning-text;
+          color: $note-modern-warning-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-warning-hover;
+            color: $note-modern-warning-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-warning-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-warning-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-warning-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-warning-text;
+        }
+      }
+    }
+  }
+
+  &.danger {
+    if ($note-style == 'flat') {
+      background: $note-danger-bg;
+    }
+
+    if ($note-style == 'modern') {
+      background: $note-modern-danger-bg;
+      border-color: $note-modern-danger-border;
+      color: $note-modern-danger-text;
+
+      a, span.exturl {
+        &:not(.btn) {
+          border-bottom: 1px solid $note-modern-danger-text;
+          color: $note-modern-danger-text;
+
+          &:hover {
+            border-bottom: 1px solid $note-modern-danger-hover;
+            color: $note-modern-danger-hover;
+          }
+        }
+      }
+    }
+
+    if ($note-style != 'modern') {
+      border-left-color: $note-danger-border;
+
+      h2, h3, h4, h5, h6 {
+        color: $note-danger-text;
+      }
+    }
+
+    if ($note-icons) {
+      &:not(.no-icon)::before {
+        content: $note-danger-icon;
+
+        if ($note-style != 'modern') {
+          color: $note-danger-text;
+        }
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/tags/pdf.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/pdf.styl
@ -0,0 +1,6 @@
+.pdfobject-container {
+  iframe, embed {
+    height: unquote(hexo-config('pdf.height'));
+    width: 100%;
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/tags/tabs.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/tabs.styl
@ -0,0 +1,110 @@
+.post-body .tabs {
+  margin-bottom: 20px;
+}
+
+.post-body .tabs, .tabs-comment {
+  display: block;
+  padding-top: 10px;
+  position: relative;
+
+  ul.nav-tabs {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+    margin-bottom: -1px;
+    padding: 0;
+
+    +mobile-smallest() {
+      display: block;
+      margin-bottom: 5px;
+    }
+
+    li.tab {
+      border-bottom: 1px solid $grey-lighter;
+      border-left: 1px solid transparent;
+      border-right: 1px solid transparent;
+      border-top: 3px solid transparent;
+      flex-grow: 1;
+      list-style-type: none;
+
+      +mobile-smallest() {
+        border-bottom: 1px solid transparent;
+        border-left: 3px solid transparent;
+        border-right: 1px solid transparent;
+        border-top: 1px solid transparent;
+      }
+
+      border-radius: $tbr $tbr 0 0;
+
+      +mobile-smallest() {
+        border-radius: $tbr;
+      }
+
+      if (hexo-config('tabs.transition.tabs')) {
+        the-transition-ease-out();
+      }
+
+      a {
+        border-bottom: initial;
+        display: block;
+        line-height: 1.8;
+        outline: 0;
+        padding: .25em .75em;
+        text-align: center;
+
+        i {
+          width: (18em / 14);
+        }
+
+        if (hexo-config('tabs.transition.labels')) {
+          the-transition-ease-out();
+        }
+      }
+
+      &.active {
+        border-bottom: 1px solid transparent;
+        border-left: 1px solid $table-border-color;
+        border-right: 1px solid $table-border-color;
+        border-top: 3px solid $orange;
+
+        +mobile-smallest() {
+          border-bottom: 1px solid $table-border-color;
+          border-left: 3px solid $orange;
+          border-right: 1px solid $table-border-color;
+          border-top: 1px solid $table-border-color;
+        }
+
+        a {
+          color: var(--link-color);
+          cursor: default;
+        }
+      }
+    }
+  }
+
+  .tab-content {
+    .tab-pane {
+      border: 1px solid $table-border-color;
+      border-top: 0;
+      padding: 20px 20px 0 20px;
+
+      border-radius: $tbr;
+
+      &:not(.active) {
+        display: none;
+      }
+
+      &.active {
+        display: block;
+
+        &:nth-of-type(1) {
+          border-radius: 0 $tbr $tbr $tbr;
+
+          +mobile-smallest() {
+            border-radius: $tbr;
+          }
+        }
+      }
+    }
+  }
+}
--- a/themes/next/source/css/_common/scaffolding/tags/tags.styl
+++ b/themes/next/source/css/_common/scaffolding/tags/tags.styl
@ -0,0 +1,8 @@
+@import 'blockquote-center';
+@import 'group-pictures';
+@import 'label';
+@import 'tabs';
+
+@import 'note' if (hexo-config('note.style') != 'disabled');
+
+@import 'pdf' if (hexo-config('pdf.enable'));
--- a/themes/next/source/css/_common/scaffolding/toggles.styl
+++ b/themes/next/source/css/_common/scaffolding/toggles.styl
@ -0,0 +1,92 @@
+.toggle {
+  line-height: 0;
+
+  .toggle-line {
+    background: white;
+    display: inline-block;
+    height: 2px;
+    left: 0;
+    position: relative;
+    top: 0;
+    transition: all .4s;
+    vertical-align: top;
+    width: 100%;
+
+    &:not(:first-child) {
+      margin-top: 3px;
+    }
+  }
+}
+
+if (hexo-config('sidebar.position') == 'right') {
+  .toggle.toggle-arrow {
+    .toggle-line-first {
+      top: 2px;
+      transform: rotate(-45deg);
+      width: 50%;
+    }
+
+    .toggle-line-middle {
+      width: 90%;
+    }
+
+    .toggle-line-last {
+      top: -2px;
+      transform: rotate(45deg);
+      width: 50%;
+    }
+  }
+
+  .toggle.toggle-close {
+    .toggle-line-first {
+      top: 5px;
+      transform: rotate(-45deg);
+    }
+
+    .toggle-line-middle {
+      opacity: 0;
+    }
+
+    .toggle-line-last {
+      top: -5px;
+      transform: rotate(45deg);
+    }
+  }
+} else {
+  .toggle.toggle-arrow {
+    .toggle-line-first {
+      left: 50%;
+      top: 2px;
+      transform: rotate(45deg);
+      width: 50%;
+    }
+
+    .toggle-line-middle {
+      left: 2px;
+      width: 90%;
+    }
+
+    .toggle-line-last {
+      left: 50%;
+      top: -2px;
+      transform: rotate(-45deg);
+      width: 50%;
+    }
+  }
+
+  .toggle.toggle-close {
+    .toggle-line-first {
+      transform: rotate(-45deg);
+      top: 5px;
+    }
+
+    .toggle-line-middle {
+      opacity: 0;
+    }
+
+    .toggle-line-last {
+      transform: rotate(45deg);
+      top: -5px;
+    }
+  }
+}
--- a/themes/next/source/css/_mixins.styl
+++ b/themes/next/source/css/_mixins.styl
@ -0,0 +1,114 @@
+the-transition() {
+  transition-delay: 0s;
+  transition-duration: .2s;
+  transition-timing-function: ease-in-out;
+}
+
+the-transition-ease-in() {
+  transition-delay: 0s;
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+the-transition-ease-out() {
+  transition-delay: 0s;
+  transition-duration: .2s;
+  transition-timing-function: ease-out;
+}
+
+mobile-smallest() {
+  @media (max-width: 413px) {
+    {block};
+  }
+}
+
+mobile-small() {
+  @media (max-width: 567px) {
+    {block};
+  }
+}
+
+mobile() {
+  @media (max-width: 767px) {
+    {block};
+  }
+}
+
+tablet-mobile() {
+  @media (max-width: 991px) {
+    {block};
+  }
+}
+
+tablet-desktop() {
+  @media (min-width: 768px) {
+    {block};
+  }
+}
+
+tablet() {
+  @media (min-width: 768px) and (max-width: 991px) {
+    {block};
+  }
+}
+
+desktop() {
+  @media (min-width: 992px) {
+    {block};
+  }
+}
+
+desktop-large() {
+  @media (min-width: 1200px) {
+    {block};
+  }
+}
+
+desktop-largest() {
+  @media (min-width: 1600px) {
+    {block};
+  }
+}
+
+random-color($min, $max) {
+  return floor(math(0, 'random') * ($max - $min + 1) + $min);
+}
+
+word-wrap() {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+
+disable-user-select() {
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+sidebar-inline-links-item() {
+  margin: 5px 0 0;
+
+  a, span.exturl {
+    box-sizing: border-box;
+    display: inline-block;
+    margin-bottom: 0;
+    margin-right: 0;
+    max-width: 216px;
+    overflow: hidden;
+    padding: 0 5px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+flex-column() {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+font-family-icons() {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900;
+}
--- a/themes/next/source/css/_schemes/Gemini/index.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Mist/_header.styl
+++ b/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;
+}
--- a/themes/next/source/css/_schemes/Mist/_layout.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Mist/_menu.styl
+++ b/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);
+    }
+  }
+}
--- a/themes/next/source/css/_schemes/Mist/_posts-expand.styl
+++ b/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);
+    }
+  }
+}
--- a/themes/next/source/css/_schemes/Mist/index.styl
+++ b/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';
--- a/themes/next/source/css/_schemes/Muse/_header.styl
+++ b/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);
+}
--- a/themes/next/source/css/_schemes/Muse/_layout.styl
+++ b/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;
+}
--- a/themes/next/source/css/_schemes/Muse/_menu.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Muse/_sidebar.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Muse/_sub-menu.styl
+++ b/themes/next/source/css/_schemes/Muse/_sub-menu.styl
@ -0,0 +1,7 @@
+.sub-menu {
+  margin: 10px 0;
+
+  .menu-item {
+    display: inline-block;
+  }
+}
--- a/themes/next/source/css/_schemes/Muse/index.styl
+++ b/themes/next/source/css/_schemes/Muse/index.styl
@ -0,0 +1,5 @@
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_sub-menu';
+@import '_sidebar';
--- a/themes/next/source/css/_schemes/Pisces/_header.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Pisces/_layout.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Pisces/_menu.styl
+++ b/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;
+  }
+}
--- a/themes/next/source/css/_schemes/Pisces/_sidebar.styl
+++ b/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;
+    }
+  }
+}
--- a/themes/next/source/css/_schemes/Pisces/_sub-menu.styl
+++ b/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;
+    }
+  }
+}
--- a/themes/next/source/css/_schemes/Pisces/index.styl
+++ b/themes/next/source/css/_schemes/Pisces/index.styl
@ -0,0 +1,5 @@
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_sub-menu';
+@import '_sidebar';
--- a/themes/next/source/css/_variables/Gemini.styl
+++ b/themes/next/source/css/_variables/Gemini.styl
@ -0,0 +1,18 @@
+// Variables of Gemini scheme
+// ==================================================
+
+@import "Pisces.styl";
+
+// Settings for some of the most global styles.
+// --------------------------------------------------
+$body-bg-color           = #eee;
+
+// Borders.
+// --------------------------------------------------
+$box-shadow-inner        = 0 2px 2px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .12);
+$box-shadow              = 0 2px 2px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 -1px .5px 0 rgba(0, 0, 0, .09);
+
+$border-radius-inner     = initial;
+$border-radius           = initial;
+// $border-radius-inner     = 0 0 3px 3px;
+// $border-radius           = 3px;
--- a/themes/next/source/css/_variables/Mist.styl
+++ b/themes/next/source/css/_variables/Mist.styl
@ -0,0 +1,21 @@
+// Variables of Mist scheme
+// ==================================================
+
+@import "Muse.styl";
+
+$link-decoration-color   = $grey-light;
+$content-bg-color        = $whitesmoke;
+$menu-item-bg-color      = $grey-lighter;
+
+$brand-color             = $black-deep;
+$brand-hover-color       = $brand-color;
+
+$site-meta-text-align    = left;
+$posts-collapse-left     = 0;
+
+$btn-default-bg                 = transparent;
+$btn-default-color              = var(--link-color);
+$btn-default-hover-bg           = transparent;
+$btn-default-border-color       = var(--link-color);
+$btn-default-hover-color        = var(--link-hover-color);
+$btn-default-hover-border-color = var(--link-hover-color);
--- a/themes/next/source/css/_variables/Muse.styl
+++ b/themes/next/source/css/_variables/Muse.styl
@ -0,0 +1,5 @@
+// Variables of Muse scheme
+// ==================================================
+
+$sidebar-width           = hexo-config('sidebar.width') is a 'unit' ? hexo-config('sidebar.width') : 320;
+$sidebar-desktop         = unit($sidebar-width, 'px');
--- a/themes/next/source/css/_variables/Pisces.styl
+++ b/themes/next/source/css/_variables/Pisces.styl
@ -0,0 +1,68 @@
+// Variables of Pisces scheme
+// ==================================================
+
+// Settings for some of the most global styles.
+// --------------------------------------------------
+$body-bg-color                = #f5f7f9;
+
+$sidebar-width                = hexo-config('sidebar.width') is a 'unit' ? hexo-config('sidebar.width') : 240;
+$sidebar-desktop              = unit($sidebar-width, 'px');
+$content-wrap                 = 'calc(100% - %s)' % unit($sidebar-width + $sidebar-offset, 'px');
+
+$content-desktop              = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'px');
+$content-desktop-large        = 1160px;
+$content-desktop-largest      = 73%;
+
+
+// Borders
+// --------------------------------------------------
+$box-shadow-inner                 = initial;
+$box-shadow                       = initial;
+
+$border-radius-inner              = initial;
+$border-radius                    = initial;
+
+
+// Header
+// --------------------------------------------------
+$subtitle-color                   = $grey-lighter;
+
+// Sidebar
+// --------------------------------------------------
+$sidebar-nav-color                = var(--text-color);
+$sidebar-nav-hover-color          = $orange;
+$sidebar-highlight                = $orange;
+
+$site-author-image-width          = 120px;
+$site-author-image-border-width   = 1px;
+$site-author-image-border-color   = $gainsboro;
+
+$site-author-name-margin          = 0;
+$site-author-name-color           = var(--text-color);
+$site-author-name-weight          = 600;
+
+$site-description-font-size       = $font-size-smaller;
+$site-description-color           = $grey-dark;
+$site-description-margin-top      = 0;
+
+$site-state-item-count-font-size  = $font-size-medium;
+$site-state-item-name-font-size   = $font-size-smaller;
+$site-state-item-name-color       = $grey-dark;
+$site-state-item-border-color     = $gainsboro;
+
+
+// Components
+// --------------------------------------------------
+
+// Button
+$btn-default-radius           = 2px;
+$btn-default-bg               = white;
+$btn-default-color            = $text-color;
+$btn-default-border-color     = $text-color;
+$btn-default-hover-bg         = $black-deep;
+$btn-default-hover-color      = white;
+
+// Back to top
+$b2t-opacity                  = .6;
+$b2t-position-bottom          = -100px;
+$b2t-position-bottom-on       = 30px;
--- a/themes/next/source/css/_variables/base.styl
+++ b/themes/next/source/css/_variables/base.styl
@ -0,0 +1,353 @@
+//
+// Variables
+// ==================================================
+
+
+// Colors
+// colors for use across theme.
+// --------------------------------------------------
+$whitesmoke   = #f5f5f5;
+$gainsboro    = #eee;
+$grey-lighter = #ddd;
+$grey-light   = #ccc;
+$grey         = #bbb;
+$grey-dark    = #999;
+$grey-dim     = #666;
+$black-light  = #555;
+$black-dim    = #333;
+$black-deep   = #222;
+$red          = #ff2a2a;
+$blue-bright  = #87daff;
+$blue         = #0684bd;
+$blue-deep    = #262a30;
+$orange       = #fc6423;
+
+
+// Scaffolding
+// Settings for some of the most global styles.
+// --------------------------------------------------
+// Global text color on <body>
+$text-color                   = $black-light;
+$text-color-dark              = $grey-light;
+
+// Global link color.
+$link-color                   = $black-light;
+$link-color-dark              = $grey-light;
+$link-hover-color             = $black-deep;
+$link-hover-color-dark        = $gainsboro;
+$link-decoration-color        = $grey-dark;
+
+$blockquote-color             = $grey-dim;
+$blockquote-color-dark        = $grey;
+
+// Global border color.
+$border-color                 = $grey-light;
+
+// Background color for <body>
+$body-bg-color                = white;
+$body-bg-color-dark           = #282828;
+$content-bg-color             = white;
+$content-bg-color-dark        = $black-dim;
+
+// Selection
+$selection-bg                 = $blue-deep;
+$selection-color              = $gainsboro;
+
+// Dark mode color
+$card-bg-color                = $whitesmoke;
+$card-bg-color-dark           = $black-light;
+
+$menu-item-bg-color           = $whitesmoke;
+$menu-item-bg-color-dark      = $black-light;
+
+// Typography
+// Font, line-height, and elements colors.
+// --------------------------------------------------
+get_font_family(config) {
+  $custom-family = hexo-config('font.' + config + '.family');
+  return $custom-family is a 'string' ? $custom-family : null;
+}
+
+// Font families.
+$font-family-chinese      = "PingFang SC", "Microsoft YaHei";
+
+$font-family-base         = $font-family-chinese, sans-serif;
+$font-family-base         = get_font_family('global'), $font-family-chinese, sans-serif if get_font_family('global');
+
+$font-family-logo         = $font-family-base;
+$font-family-logo         = get_font_family('title'), $font-family-base if get_font_family('title');
+
+$font-family-headings     = $font-family-base;
+$font-family-headings     = get_font_family('headings'), $font-family-base if get_font_family('headings');
+
+$font-family-posts        = $font-family-base;
+$font-family-posts        = get_font_family('posts'), $font-family-base if get_font_family('posts');
+
+$font-family-monospace    = consolas, Menlo, monospace, $font-family-chinese;
+$font-family-monospace    = get_font_family('codes'), consolas, Menlo, monospace, $font-family-chinese if get_font_family('codes');
+
+
+// Font size
+$font-size-base           = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : 1em;
+$font-size-smallest       = .75em;
+$font-size-smaller        = .8125em;
+$font-size-small          = .875em;
+$font-size-medium         = 1em;
+$font-size-large          = 1.125em;
+$font-size-larger         = 1.25em;
+$font-size-largest        = 1.5em;
+
+
+// Headings font size
+$font-size-headings-step  = .125em;
+$font-size-headings-base  = (hexo-config('font.enable') and hexo-config('font.headings.size') is a 'unit') ? unit(hexo-config('font.headings.size'), em) : 1.625em;
+
+
+// Global line height
+$line-height-base         = 2;
+$line-height-code-block   = 1.6; // Can't be less than 1.3;
+
+
+// Z-index master list
+// --------------------------------------------------
+$zindex-0       = 1000;
+$zindex-1       = 1100;
+$zindex-2       = 1200;
+$zindex-3       = 1300;
+$zindex-4       = 1400;
+$zindex-5       = 1500;
+
+
+// Table
+// --------------------------------------------------
+$table-border-color             = $grey-lighter;
+$table-font-size                = $font-size-small;
+$table-cell-border-bottom-color = $grey-lighter;
+$table-row-odd-bg-color         = #f9f9f9;
+$table-row-odd-bg-color-dark    = #282828;
+$table-row-hover-bg-color       = $whitesmoke;
+$table-row-hover-bg-color-dark  = #363636;
+
+
+// Code & Code Blocks
+// --------------------------------------------------
+$code-font-family               = $font-family-monospace;
+$code-foreground                = $black-light;
+$code-background                = $gainsboro;
+
+
+// Buttons
+// --------------------------------------------------
+$btn-default-radius                    = 0;
+$btn-default-bg                        = $black-deep;
+$btn-default-bg-dark                   = $black-deep;
+$btn-default-color                     = white;
+$btn-default-color-dark                = $text-color-dark;
+$btn-default-border-color              = $black-deep;
+$btn-default-border-color-dark         = $black-light;
+$btn-default-hover-bg                  = white;
+$btn-default-hover-bg-dark             = $grey-dim;
+$btn-default-hover-color               = $black-deep;
+$btn-default-hover-color-dark          = $text-color-dark;
+$btn-default-hover-border-color        = $black-deep;
+$btn-default-hover-border-color-dark   = $grey-dim;
+
+
+// Pagination
+// --------------------------------------------------
+$pagination-border              = $gainsboro;
+
+$pagination-link-bg             = transparent;
+$pagination-link-color          = $link-color;
+$pagination-link-border         = $gainsboro;
+
+$pagination-link-hover-bg       = transparent;
+$pagination-link-hover-color    = $link-color;
+$pagination-link-hover-border   = $black-deep;
+
+$pagination-active-bg           = $grey-light;
+$pagination-active-color        = white;
+$pagination-active-border       = $grey-light;
+
+
+// Layout sizes
+// --------------------------------------------------
+$content-desktop                = 700px;
+$content-desktop-large          = 800px;
+$content-desktop-largest        = 900px;
+
+$content-desktop-padding        = 40px;
+$content-tablet-padding         = 10px;
+$content-mobile-padding         = 8px;
+
+
+// Headband
+// --------------------------------------------------
+$headband-height                = 3px;
+$headband-bg                    = $black-deep;
+
+
+// Section Header
+// Variables for header section elements.
+// --------------------------------------------------
+$head-bg                        = transparent;
+
+// Site Meta
+$site-meta-text-align           = center;
+$brand-color                    = white;
+$brand-hover-color              = white;
+$brand-color-dark               = $grey-lighter;
+$brand-hover-color-dark         = $grey-lighter;
+
+$font-size-title                = (hexo-config('font.enable') and hexo-config('font.title.size') is a 'unit') ? unit(hexo-config('font.title.size'), em) : 1.375em;
+$font-size-subtitle             = $font-size-smaller;
+$subtitle-color                 = $grey-dark;
+$site-subtitle-color            = $grey-dark;
+
+
+// Posts Collpase
+// --------------------------------------------------
+$posts-collapse-margin          = 35px;
+$posts-collapse-margin-mobile   = 0px;
+
+
+// Sidebar
+// Variables for sidebar section elements.
+// --------------------------------------------------
+
+$sidebar-padding                      = hexo-config('sidebar.padding') is a 'unit' ? unit(hexo-config('sidebar.padding'), px) : 18px;
+$sidebar-offset                       = hexo-config('sidebar.offset') is a 'unit' ? unit(hexo-config('sidebar.offset'), px) : 12px;
+$sidebar-nav-color                    = $grey-dim;
+$sidebar-nav-hover-color              = $whitesmoke;
+$sidebar-highlight                    = $blue-bright;
+
+$site-author-image-width              = 96px;
+$site-author-image-border-width       = 2px;
+$site-author-image-border-color       = $black-dim;
+
+$site-author-name-margin              = 5px 0 0;
+$site-author-name-color               = $whitesmoke;
+$site-author-name-weight              = normal;
+
+$site-description-font-size           = $font-size-medium;
+$site-description-color               = $grey-dark;
+$site-description-margin-top          = 5px;
+
+$site-state-item-count-font-size      = $font-size-larger;
+$site-state-item-name-font-size       = $font-size-small;
+$site-state-item-name-color           = inherit;
+$site-state-item-border-color         = $black-dim;
+
+
+// Components
+// --------------------------------------------------
+// Back to top
+$b2t-opacity                  = 1;
+$b2t-opacity-hover            = .8;
+$b2t-position-bottom          = -100px;
+$b2t-position-bottom-on       = 19px;
+$b2t-position-right           = 30px;
+$b2t-position-right-mobile    = 20px;
+$b2t-font-size                = 12px;
+$b2t-color                    = white;
+$b2t-bg-color                 = $black-deep;
+
+//  .post-expand .post-eof
+//  In Muse scheme, margin above and below the post separator
+$post-eof-margin-top          = 80px; //  or 160px for more white space;
+$post-eof-margin-bottom       = 60px; //  or 120px for less white space;
+
+
+// Iconography
+// Icons SVG Base64
+// --------------------------------------------------
+// blockquote-center icon
+$center-quote-left            = '../images/quote-l.svg';
+$center-quote-right           = '../images/quote-r.svg';
+
+
+// Note colors
+// --------------------------------------------------
+// Read note light_bg_offset from NexT config and set in "$lbg%" to use it as string variable.
+$lbg = hexo-config('note.light_bg_offset') is a 'unit' ? unit(hexo-config('note.light_bg_offset'), "%") : 0;
+
+// Default
+$note-border-radius         = 3px;
+
+$note-default-border        = #777;
+$note-default-bg            = lighten(spin($note-default-border, 0), 94% + $lbg);
+$note-default-text          = $note-default-border;
+$note-default-icon          = "\f0a9";
+
+$note-modern-default-border = #e1e1e1;
+$note-modern-default-bg     = lighten(spin($note-modern-default-border, 10), 60% + ($lbg * 4));
+$note-modern-default-text   = $grey-dim;
+$note-modern-default-hover  = darken(spin($note-modern-default-text, -10), 32%);
+
+// Primary
+$note-primary-border        = #6f42c1;
+$note-primary-bg            = lighten(spin($note-primary-border, 10), 92% + $lbg);
+$note-primary-text          = $note-primary-border;
+$note-primary-icon          = "\f055";
+
+$note-modern-primary-border = #e1c2ff;
+$note-modern-primary-bg     = lighten(spin($note-modern-primary-border, 10), 40% + ($lbg * 4));
+$note-modern-primary-text   = #6f42c1;
+$note-modern-primary-hover  = darken(spin($note-modern-primary-text, -10), 22%);
+
+// Info
+$note-info-border           = #428bca;
+$note-info-bg               = lighten(spin($note-info-border, -10), 91% + $lbg);
+$note-info-text             = $note-info-border;
+$note-info-icon             = "\f05a";
+
+$note-modern-info-border    = #b3e5ef;
+$note-modern-info-bg        = lighten(spin($note-modern-info-border, 10), 50% + ($lbg * 4));
+$note-modern-info-text      = #31708f;
+$note-modern-info-hover     = darken(spin($note-modern-info-text, -10), 32%);
+
+// Success
+$note-success-border        = #5cb85c;
+$note-success-bg            = lighten(spin($note-success-border, 10), 90% + $lbg);
+$note-success-text          = $note-success-border;
+$note-success-icon          = "\f058";
+
+$note-modern-success-border = #d0e6be;
+$note-modern-success-bg     = lighten(spin($note-modern-success-border, 10), 40% + ($lbg * 4));
+$note-modern-success-text   = #3c763d;
+$note-modern-success-hover  = darken(spin($note-modern-success-text, -10), 27%);
+
+// Warning
+$note-warning-border        = #f0ad4e;
+$note-warning-bg            = lighten(spin($note-warning-border, 10), 88% + $lbg);
+$note-warning-text          = $note-warning-border;
+$note-warning-icon          = "\f06a";
+
+$note-modern-warning-border = #fae4cd;
+$note-modern-warning-bg     = lighten(spin($note-modern-warning-border, 10), 43% + ($lbg * 4));
+$note-modern-warning-text   = #8a6d3b;
+$note-modern-warning-hover  = darken(spin($note-modern-warning-text, -10), 18%);
+
+// Danger
+$note-danger-border         = #d9534f;
+$note-danger-bg             = lighten(spin($note-danger-border, -10), 92% + $lbg);
+$note-danger-text           = $note-danger-border;
+$note-danger-icon           = "\f056";
+
+$note-modern-danger-border  = #ebcdd2;
+$note-modern-danger-bg      = lighten(spin($note-modern-danger-border, 10), 35% + ($lbg * 4));
+$note-modern-danger-text    = #a94442;
+$note-modern-danger-hover   = darken(spin($note-modern-danger-text, -10), 22%);
+
+// Tabs border radius
+// --------------------------------------------------
+$tbr                        = 0;
+
+// Label colors
+// --------------------------------------------------
+$label-default              = lighten(spin($note-default-border, 0), 89% + $lbg);
+$label-primary              = lighten(spin($note-primary-border, 10), 87% + $lbg);
+$label-info                 = lighten(spin($note-info-border, -10), 86% + $lbg);
+$label-success              = lighten(spin($note-success-border, 10), 85% + $lbg);
+$label-warning              = lighten(spin($note-warning-border, 10), 83% + $lbg);
+$label-danger               = lighten(spin($note-danger-border, -10), 87% + $lbg);
--- a/themes/next/source/css/main.styl
+++ b/themes/next/source/css/main.styl
@ -0,0 +1,47 @@
+// CSS Style Guide: http://codeguide.co/#css
+
+
+$scheme    = hexo-config('scheme') ? hexo-config('scheme') : 'Muse';
+
+$variables = base $scheme;
+
+
+// Variables Layer
+// --------------------------------------------------
+for $variable in $variables
+  @import "_variables/" + $variable;
+for $inject_variable in hexo-config('injects.variable')
+  @import $inject_variable;
+
+// Mixins Layer
+// --------------------------------------------------
+@import "_mixins.styl";
+for $inject_mixin in hexo-config('injects.mixin')
+  @import $inject_mixin;
+
+// Dark mode colors
+// --------------------------------------------------
+@import "_colors.styl";
+
+// Common Layer
+// --------------------------------------------------
+
+// Scaffolding
+@import "_common/scaffolding";
+
+// Layout
+@import "_common/outline";
+
+// Components
+@import "_common/components";
+
+
+// Schemes Layer
+// --------------------------------------------------
+@import "_schemes/" + $scheme;
+
+
+// Custom Layer
+// --------------------------------------------------
+for $inject_style in hexo-config('injects.style')
+  @import $inject_style;
--- a/themes/next/source/images/algolia_logo.svg
+++ b/themes/next/source/images/algolia_logo.svg
@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 362">
+  <linearGradient id="a" x1="428.258" x2="434.145" y1="404.15" y2="409.85" gradientUnits="userSpaceOnUse" gradientTransform="matrix(94.045 0 0 -94.072 -40381.527 38479.52)">
+    <stop offset="0" stop-color="#00aeff"/>
+    <stop offset="1" stop-color="#3369e7"/>
+  </linearGradient>
+  <path fill="url(#a)" d="M61.8 15.4h242.8c23.9 0 43.4 19.4 43.4 43.4v242.9c0 23.9-19.4 43.4-43.4 43.4H61.8c-23.9 0-43.4-19.4-43.4-43.4v-243c0-23.9 19.4-43.3 43.4-43.3z"/>
+  <path fill="#FFF" d="M187 98.7c-51.4 0-93.1 41.7-93.1 93.2S135.6 285 187 285s93.1-41.7 93.1-93.2-41.6-93.1-93.1-93.1zm0 158.8c-36.2 0-65.6-29.4-65.6-65.6s29.4-65.6 65.6-65.6 65.6 29.4 65.6 65.6-29.3 65.6-65.6 65.6zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7-9-15.8-25.7-26.6-45-27.3-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7c-5.6-5.6-14.6-5.6-20.2 0l-6.8 6.8c-5.6 5.6-5.6 14.6 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2 3.3-4.5 6.9-8.8 10.9-12.8 4.1-4.1 8.3-7.7 12.9-11 1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9 9.3-2.7 19.1-4.1 29-4.1 9.5 0 18.9 1.3 28 3.8 1.2.3 2.4-.6 2.4-1.9z"/>
+  <path fill="#182359" d="M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8-6.3 1.9-13.6 2.9-21.8 2.9-10.8 0-20.6-1.7-29.5-5.1-8.9-3.4-16.6-8.4-22.9-15-6.3-6.6-11.3-14.9-14.8-24.8s-5.3-27.6-5.3-40.6c0-12.2 1.9-27.5 5.6-37.7 3.8-10.2 9.2-19 16.5-26.3 7.2-7.3 16-12.9 26.3-17s22.4-6.7 35.5-6.7c12.7 0 24.4 1.6 35.8 3.5 11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2 7.2 7.6 16.5 11.4 27.9 11.4 6.2 0 12.1-.9 17.6-2.6 5.5-1.7 9.9-3.7 13.4-6.1v-97.1c-2.8-.6-14.5-3-25.8-3.3-14.2-.4-25 5.4-32.6 14.7-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6c-7.7-.1-23-2.3-32.9-6.6-9.9-4.3-18.4-10.2-25.5-17.9-7.1-7.7-12.6-17-16.6-27.9s-6-20.9-6-34.1c0-13.2 1.8-25.9 5.8-36.7 4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2c10 4.2 18.6 10.1 25.6 17.8 7.1 7.7 12.6 16.9 16.6 27.7 4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8-7.2-9.9-17.3-14.8-30.2-14.8-12.9 0-23 4.9-30.2 14.8-7.2 9.9-10.7 23.9-10.7 40.8 0 17.1 3.6 28.6 10.8 38.5 7.2 10 17.3 14.9 30.2 14.9 12.9 0 23-5 30.2-14.9 7.2-10 10.8-21.4 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5c13.1 0 23.8-10.6 23.8-23.7S1177.6 36 1164.4 36s-23.8 10.6-23.8 23.7 10.7 23.7 23.8 23.7zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7c2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8s9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3c-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1s19.5-2.6 30.3-2.6zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18 5.9 3.6 13.7 5.3 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4 5.3 5.8 8.9 13.5 11.1 21.7 2.3 8.2 3.4 17.2 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6-12.2 1.8-25.9 2.7-41.1 2.7-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3-5.9-4.3-10.5-9.8-13.9-16.6-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2 6.5-4.2 13.9-7.2 22.4-9s17.4-2.7 26.6-2.7c4.3 0 8.8.3 13.6.8 4.7.5 9.8 1.4 15.2 2.7v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2-4.4-1.7-10-3-16.7-3-9 0-17.2 1.1-24.7 2.4-7.5 1.3-13.7 2.8-18.4 4.5l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8c-2.2-.6-5.3-1.3-9.4-1.9-4.1-.6-8.6-1-13.6-1-4.3 0-8.7.3-13.1 1-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2c-2.2 3.1-3.2 4.9-3.2 9.6 0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z"/>
+</svg>
--- a/themes/next/source/images/apple-touch-icon-next.png
+++ b/themes/next/source/images/apple-touch-icon-next.png
--- a/themes/next/source/images/avatar.gif
+++ b/themes/next/source/images/avatar.gif
--- a/themes/next/source/images/background.png
+++ b/themes/next/source/images/background.png
--- a/themes/next/source/images/cc-by-nc-nd.svg
+++ b/themes/next/source/images/cc-by-nc-nd.svg
@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="15"
+   id="svg2279"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="by-nc-nd.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2281">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3442">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3444"
+         width="20.614058"
+         height="12.483703"
+         x="171.99832"
+         y="239.1203" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.5125"
+     inkscape:cx="40"
+     inkscape:cy="7.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="80px"
+     height="15px"
+     showborder="true"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="935"
+     inkscape:window-height="624"
+     inkscape:window-x="50"
+     inkscape:window-y="160" />
+  <metadata
+     id="metadata2284">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="BY-NC-ND"
+       transform="matrix(0.9875019,0,0,0.9333518,-323.90064,-411.87964)">
+      <g
+         id="g3783"
+         transform="translate(158,204)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.04161763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect3785"
+           width="80"
+           height="15"
+           x="170.5"
+           y="237.86218" />
+        <rect
+           y="239.36218"
+           x="172"
+           height="12"
+           width="77"
+           id="rect3787"
+           style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           style="fill:#abb1aa;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.46913578"
+           d="M 171.99996,239.37505 L 171.99996,251.37505 L 192.33474,251.37505 C 193.64339,249.62474 194.52652,247.59057 194.52652,245.37505 C 194.52652,243.17431 193.65859,241.1179 192.36599,239.37505 L 171.99996,239.37505 z"
+           id="path3789"
+           sodipodi:nodetypes="cccscc" />
+        <g
+           id="g3791"
+           transform="matrix(0.9612533,0,0,0.9612533,6.8341566,9.5069994)"
+           clip-path="url(#clipPath3442)">
+          <path
+             id="path3793"
+             cx="296.35416"
+             ry="22.939548"
+             cy="264.3577"
+             type="arc"
+             rx="22.939548"
+             d="M 190.06417,245.36206 C 190.06667,249.25405 186.91326,252.41072 183.02153,252.41323 C 179.12979,252.41572 175.97262,249.26256 175.97036,245.3706 C 175.97036,245.36783 175.97036,245.36507 175.97036,245.36206 C 175.9681,241.47007 179.12126,238.3134 183.013,238.31113 C 186.90524,238.30864 190.06191,241.46181 190.06417,245.3538 C 190.06417,245.35628 190.06417,245.35929 190.06417,245.36206 z"
+             style="opacity:1;fill:#ffffff" />
+          <path
+             d="M 188.74576,239.62226 C 190.30843,241.18492 191.08988,243.09869 191.08988,245.36206 C 191.08988,247.62592 190.32197,249.51913 188.78615,251.04165 C 187.15627,252.64521 185.22995,253.44672 183.00722,253.44672 C 180.81132,253.44672 178.91837,252.65172 177.32887,251.06174 C 175.73912,249.47198 174.94436,247.57226 174.94436,245.36206 C 174.94436,243.15235 175.73912,241.23908 177.32887,239.62226 C 178.87799,238.0591 180.77094,237.27764 183.00722,237.27764 C 185.2706,237.27764 187.18312,238.05909 188.74576,239.62226 z M 178.38093,240.67355 C 177.05978,242.008 176.39945,243.57116 176.39945,245.36429 C 176.39945,247.15694 177.05326,248.70682 178.36062,250.01393 C 179.66822,251.32153 181.22487,251.97509 183.03105,251.97509 C 184.83724,251.97509 186.40716,251.31502 187.74161,249.99412 C 189.0086,248.76725 189.64234,247.22467 189.64234,245.36429 C 189.64234,243.51799 188.99831,241.95084 187.71101,240.66354 C 186.42396,239.37649 184.86406,238.7327 183.03105,238.7327 C 181.19804,238.73271 179.64767,239.37975 178.38093,240.67355 z M 181.85761,244.57559 C 181.65573,244.13545 181.35354,243.91525 180.95051,243.91525 C 180.23802,243.91525 179.8819,244.39501 179.8819,245.35404 C 179.8819,246.31328 180.23802,246.79255 180.95051,246.79255 C 181.421,246.79255 181.75705,246.55908 181.95869,246.09111 L 182.94629,246.61701 C 182.47555,247.45339 181.76934,247.87168 180.82763,247.87168 C 180.10136,247.87168 179.51953,247.64899 179.08265,247.20409 C 178.64502,246.7587 178.42684,246.14477 178.42684,245.36206 C 178.42684,244.59313 178.65204,243.98271 179.10271,243.53056 C 179.55338,243.07838 180.11463,242.8524 180.7875,242.8524 C 181.78288,242.8524 182.49561,243.24465 182.92647,244.02835 L 181.85761,244.57559 z M 186.50398,244.57559 C 186.30184,244.13545 186.00567,243.91525 185.61517,243.91525 C 184.88839,243.91525 184.52474,244.39501 184.52474,245.35404 C 184.52474,246.31328 184.88839,246.79255 185.61517,246.79255 C 186.08642,246.79255 186.41644,246.55908 186.6048,246.09111 L 187.61447,246.61701 C 187.14448,247.45339 186.43926,247.87168 185.49931,247.87168 C 184.77403,247.87168 184.19346,247.64899 183.75683,247.20409 C 183.32096,246.7587 183.10254,246.14477 183.10254,245.36206 C 183.10254,244.59313 183.32422,243.98271 183.76737,243.53056 C 184.21026,243.07838 184.77404,242.8524 185.4592,242.8524 C 186.45282,242.8524 187.16455,243.24465 187.5939,244.02835 L 186.50398,244.57559 z"
+             id="path3795"
+             style="opacity:1" />
+        </g>
+      </g>
+      <path
+         id="text3797"
+         d="M 357.4197,448.68503 C 357.66518,448.68504 357.85131,448.63146 357.9781,448.52428 C 358.10488,448.41712 358.16827,448.25905 358.16828,448.05008 C 358.16827,447.84378 358.10488,447.68705 357.9781,447.57988 C 357.85131,447.47004 357.66518,447.41512 357.4197,447.41511 L 356.55784,447.41511 L 356.55784,448.68503 L 357.4197,448.68503 M 357.4723,451.30929 C 357.78522,451.30929 358.0199,451.24364 358.17637,451.11236 C 358.33552,450.98109 358.4151,450.78283 358.4151,450.51759 C 358.4151,450.25771 358.33686,450.06347 358.18041,449.93488 C 358.02396,449.80359 357.78792,449.73796 357.4723,449.73795 L 356.55784,449.73795 L 356.55784,451.30929 L 357.4723,451.30929 M 358.92089,449.15122 C 359.25538,449.24767 359.51434,449.42583 359.69779,449.68571 C 359.88121,449.94559 359.97293,450.26441 359.97294,450.64217 C 359.97293,451.22087 359.776,451.65222 359.38217,451.93621 C 358.98833,452.2202 358.38947,452.36219 357.5856,452.36219 L 355.00001,452.36219 L 355.00001,446.3622 L 357.33878,446.3622 C 358.17771,446.36221 358.78466,446.48813 359.15962,446.73996 C 359.53727,446.99181 359.7261,447.39502 359.7261,447.9496 C 359.7261,448.24164 359.65732,448.4908 359.51975,448.69709 C 359.38217,448.90072 359.18255,449.05209 358.92089,449.15122 M 359.83746,446.3622 L 361.54096,446.3622 L 362.91671,448.50018 L 364.29245,446.3622 L 366,446.3622 L 363.69764,449.8344 L 363.69764,452.36219 L 362.13982,452.36219 L 362.13982,449.8344 L 359.83746,446.3622 M 365.15837,449.40842 L 367.69946,449.40842 L 367.69946,450.57787 L 365.15837,450.57787 L 365.15837,449.40842 M 368.9174,446.3622 L 370.65732,446.3622 L 372.85447,450.47741 L 372.85447,446.3622 L 374.33138,446.3622 L 374.33138,452.36219 L 372.59146,452.36219 L 370.3943,448.24699 L 370.3943,452.36219 L 368.9174,452.36219 L 368.9174,446.3622 M 380.65173,452.03266 C 380.36579,452.18002 380.0677,452.2912 379.75749,452.36622 C 379.44727,452.44123 379.12357,452.47875 378.78638,452.47875 C 377.78019,452.47875 376.98307,452.20011 376.395,451.64284 C 375.80693,451.08289 375.5129,450.32469 375.5129,449.36823 C 375.5129,448.40909 375.80693,447.65089 376.395,447.09361 C 376.98307,446.53367 377.78019,446.2537 378.78638,446.25369 C 379.12357,446.2537 379.44727,446.29121 379.75749,446.36621 C 380.0677,446.44124 380.36579,446.55243 380.65173,446.69977 L 380.65173,447.94157 C 380.36309,447.746 380.0785,447.60266 379.79796,447.51156 C 379.5174,447.42047 379.22203,447.37493 378.91181,447.37493 C 378.35611,447.37493 377.91911,447.55175 377.6008,447.9054 C 377.28249,448.25905 377.12333,448.74666 377.12333,449.36823 C 377.12333,449.98712 377.28249,450.47339 377.6008,450.82703 C 377.91911,451.18069 378.35611,451.35751 378.91181,451.35751 C 379.22203,451.35751 379.5174,451.31197 379.79796,451.22087 C 380.0785,451.12978 380.36309,450.98644 380.65173,450.79086 L 380.65173,452.03266 M 381.82921,449.40842 L 384.3703,449.40842 L 384.3703,450.57787 L 381.82921,450.57787 L 381.82921,449.40842 M 385.58824,446.3622 L 387.32815,446.3622 L 389.52531,450.47741 L 389.52531,446.3622 L 391.00222,446.3622 L 391.00222,452.36219 L 389.26229,452.36219 L 387.06515,448.24699 L 387.06515,452.36219 L 385.58824,452.36219 L 385.58824,446.3622 M 394.08956,447.53165 L 394.08956,451.19274 L 394.64795,451.19274 C 395.28456,451.19274 395.77013,451.03602 396.10462,450.72255 C 396.44181,450.40909 396.61041,449.95363 396.61042,449.35617 C 396.61041,448.7614 396.44317,448.30862 396.10867,447.99783 C 395.77417,447.68705 395.28726,447.53166 394.64795,447.53165 L 394.08956,447.53165 M 392.53172,446.3622 L 394.17453,446.3622 C 395.09169,446.36221 395.77417,446.42784 396.22197,446.55912 C 396.67245,446.68772 397.0582,446.90742 397.37922,447.2182 C 397.66246,447.48879 397.87286,447.80092 398.01044,448.15456 C 398.14801,448.50822 398.2168,448.90875 398.21681,449.35617 C 398.2168,449.80896 398.14801,450.21351 398.01044,450.56983 C 397.87286,450.92349 397.66246,451.23561 397.37922,451.50621 C 397.05551,451.81699 396.66706,452.03802 396.21387,452.1693 C 395.76069,452.29789 395.0809,452.36219 394.17453,452.36219 L 392.53172,452.36219 L 392.53172,446.3622"
+         style="font-size:8.25858784px;font-style:normal;font-weight:bold;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'" />
+    </g>
+  </g>
+</svg>
--- a/themes/next/source/images/cc-by-nc-sa.svg
+++ b/themes/next/source/images/cc-by-nc-sa.svg
@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="15"
+   id="svg2279"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="by-nc-sa.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2281">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3442">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3444"
+         width="20.614058"
+         height="12.483703"
+         x="171.99832"
+         y="239.1203" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.5125"
+     inkscape:cx="40"
+     inkscape:cy="7.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="80px"
+     height="15px"
+     showborder="true"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="935"
+     inkscape:window-height="624"
+     inkscape:window-x="50"
+     inkscape:window-y="160" />
+  <metadata
+     id="metadata2284">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="BY-NC-SA"
+       transform="matrix(0.9875019,0,0,0.9333518,-323.90064,-331.6114)">
+      <g
+         transform="translate(158,118)"
+         id="g3729">
+        <rect
+           y="237.86218"
+           x="170.5"
+           height="15"
+           width="80"
+           id="rect3731"
+           style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.04161763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <rect
+           style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect3733"
+           width="77"
+           height="12"
+           x="172"
+           y="239.36218" />
+        <path
+           sodipodi:nodetypes="cccscc"
+           id="path3735"
+           d="M 171.99996,239.37505 L 171.99996,251.37505 L 192.33474,251.37505 C 193.64339,249.62474 194.52652,247.59057 194.52652,245.37505 C 194.52652,243.17431 193.65859,241.1179 192.36599,239.37505 L 171.99996,239.37505 z"
+           style="fill:#abb1aa;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.46913578" />
+        <g
+           clip-path="url(#clipPath3442)"
+           transform="matrix(0.9612533,0,0,0.9612533,6.8341566,9.5069994)"
+           id="g3737">
+          <path
+             style="opacity:1;fill:#ffffff"
+             d="M 190.06417,245.36206 C 190.06667,249.25405 186.91326,252.41072 183.02153,252.41323 C 179.12979,252.41572 175.97262,249.26256 175.97036,245.3706 C 175.97036,245.36783 175.97036,245.36507 175.97036,245.36206 C 175.9681,241.47007 179.12126,238.3134 183.013,238.31113 C 186.90524,238.30864 190.06191,241.46181 190.06417,245.3538 C 190.06417,245.35628 190.06417,245.35929 190.06417,245.36206 z"
+             rx="22.939548"
+             type="arc"
+             cy="264.3577"
+             ry="22.939548"
+             cx="296.35416"
+             id="path3739" />
+          <path
+             style="opacity:1"
+             id="path3741"
+             d="M 188.74576,239.62226 C 190.30843,241.18492 191.08988,243.09869 191.08988,245.36206 C 191.08988,247.62592 190.32197,249.51913 188.78615,251.04165 C 187.15627,252.64521 185.22995,253.44672 183.00722,253.44672 C 180.81132,253.44672 178.91837,252.65172 177.32887,251.06174 C 175.73912,249.47198 174.94436,247.57226 174.94436,245.36206 C 174.94436,243.15235 175.73912,241.23908 177.32887,239.62226 C 178.87799,238.0591 180.77094,237.27764 183.00722,237.27764 C 185.2706,237.27764 187.18312,238.05909 188.74576,239.62226 z M 178.38093,240.67355 C 177.05978,242.008 176.39945,243.57116 176.39945,245.36429 C 176.39945,247.15694 177.05326,248.70682 178.36062,250.01393 C 179.66822,251.32153 181.22487,251.97509 183.03105,251.97509 C 184.83724,251.97509 186.40716,251.31502 187.74161,249.99412 C 189.0086,248.76725 189.64234,247.22467 189.64234,245.36429 C 189.64234,243.51799 188.99831,241.95084 187.71101,240.66354 C 186.42396,239.37649 184.86406,238.7327 183.03105,238.7327 C 181.19804,238.73271 179.64767,239.37975 178.38093,240.67355 z M 181.85761,244.57559 C 181.65573,244.13545 181.35354,243.91525 180.95051,243.91525 C 180.23802,243.91525 179.8819,244.39501 179.8819,245.35404 C 179.8819,246.31328 180.23802,246.79255 180.95051,246.79255 C 181.421,246.79255 181.75705,246.55908 181.95869,246.09111 L 182.94629,246.61701 C 182.47555,247.45339 181.76934,247.87168 180.82763,247.87168 C 180.10136,247.87168 179.51953,247.64899 179.08265,247.20409 C 178.64502,246.7587 178.42684,246.14477 178.42684,245.36206 C 178.42684,244.59313 178.65204,243.98271 179.10271,243.53056 C 179.55338,243.07838 180.11463,242.8524 180.7875,242.8524 C 181.78288,242.8524 182.49561,243.24465 182.92647,244.02835 L 181.85761,244.57559 z M 186.50398,244.57559 C 186.30184,244.13545 186.00567,243.91525 185.61517,243.91525 C 184.88839,243.91525 184.52474,244.39501 184.52474,245.35404 C 184.52474,246.31328 184.88839,246.79255 185.61517,246.79255 C 186.08642,246.79255 186.41644,246.55908 186.6048,246.09111 L 187.61447,246.61701 C 187.14448,247.45339 186.43926,247.87168 185.49931,247.87168 C 184.77403,247.87168 184.19346,247.64899 183.75683,247.20409 C 183.32096,246.7587 183.10254,246.14477 183.10254,245.36206 C 183.10254,244.59313 183.32422,243.98271 183.76737,243.53056 C 184.21026,243.07838 184.77404,242.8524 185.4592,242.8524 C 186.45282,242.8524 187.16455,243.24465 187.5939,244.02835 L 186.50398,244.57559 z" />
+        </g>
+      </g>
+      <path
+         id="text3743"
+         d="M 357.4197,362.68502 C 357.66518,362.68502 357.85131,362.63144 357.9781,362.52427 C 358.10488,362.41711 358.16827,362.25904 358.16828,362.05005 C 358.16827,361.84377 358.10488,361.68704 357.9781,361.57986 C 357.85131,361.47002 357.66518,361.4151 357.4197,361.4151 L 356.55784,361.4151 L 356.55784,362.68502 L 357.4197,362.68502 M 357.4723,365.30926 C 357.78522,365.30926 358.0199,365.24363 358.17637,365.11235 C 358.33552,364.98107 358.4151,364.78281 358.4151,364.51758 C 358.4151,364.2577 358.33686,364.06346 358.18041,363.93485 C 358.02396,363.80358 357.78792,363.73793 357.4723,363.73793 L 356.55784,363.73793 L 356.55784,365.30926 L 357.4723,365.30926 M 358.92089,363.15119 C 359.25538,363.24765 359.51434,363.42581 359.69779,363.68569 C 359.88121,363.94557 359.97293,364.26439 359.97294,364.64215 C 359.97293,365.22086 359.776,365.6522 359.38217,365.93619 C 358.98833,366.22019 358.38947,366.36218 357.5856,366.36218 L 355.00001,366.36218 L 355.00001,360.36218 L 357.33878,360.36218 C 358.17771,360.36218 358.78466,360.48811 359.15962,360.73994 C 359.53727,360.99179 359.7261,361.39501 359.7261,361.94959 C 359.7261,362.24162 359.65732,362.49078 359.51975,362.69708 C 359.38217,362.9007 359.18255,363.05207 358.92089,363.15119 M 359.83746,360.36218 L 361.54096,360.36218 L 362.91671,362.50016 L 364.29245,360.36218 L 366,360.36218 L 363.69764,363.83438 L 363.69764,366.36218 L 362.13982,366.36218 L 362.13982,363.83438 L 359.83746,360.36218 M 365.15837,363.40839 L 367.69946,363.40839 L 367.69946,364.57785 L 365.15837,364.57785 L 365.15837,363.40839 M 368.9174,360.36218 L 370.65732,360.36218 L 372.85447,364.47738 L 372.85447,360.36218 L 374.33138,360.36218 L 374.33138,366.36218 L 372.59146,366.36218 L 370.3943,362.24698 L 370.3943,366.36218 L 368.9174,366.36218 L 368.9174,360.36218 M 380.65173,366.03264 C 380.36579,366.17999 380.0677,366.29118 379.75749,366.3662 C 379.44727,366.44122 379.12357,366.47872 378.78638,366.47872 C 377.78019,366.47872 376.98307,366.20009 376.395,365.64282 C 375.80693,365.08288 375.5129,364.32468 375.5129,363.36821 C 375.5129,362.40907 375.80693,361.65087 376.395,361.0936 C 376.98307,360.53366 377.78019,360.25368 378.78638,360.25367 C 379.12357,360.25368 379.44727,360.29119 379.75749,360.3662 C 380.0677,360.44122 380.36579,360.55241 380.65173,360.69976 L 380.65173,361.94156 C 380.36309,361.74597 380.0785,361.60265 379.79796,361.51155 C 379.5174,361.42046 379.22203,361.37492 378.91181,361.37491 C 378.35611,361.37492 377.91911,361.55174 377.6008,361.90538 C 377.28249,362.25904 377.12333,362.74665 377.12333,363.36821 C 377.12333,363.9871 377.28249,364.47337 377.6008,364.82702 C 377.91911,365.18067 378.35611,365.35749 378.91181,365.35749 C 379.22203,365.35749 379.5174,365.31195 379.79796,365.22086 C 380.0785,365.12976 380.36309,364.98643 380.65173,364.79085 L 380.65173,366.03264 M 381.82921,363.40839 L 384.3703,363.40839 L 384.3703,364.57785 L 381.82921,364.57785 L 381.82921,363.40839 M 389.79236,360.55107 L 389.79236,361.82099 C 389.46056,361.67364 389.13686,361.56245 388.82125,361.48743 C 388.50563,361.41242 388.20756,361.37492 387.92701,361.37491 C 387.55475,361.37492 387.2796,361.42581 387.10156,361.52762 C 386.92352,361.62943 386.8345,361.7875 386.83451,362.00183 C 386.8345,362.16259 386.89385,362.28851 387.01255,362.3796 C 387.13393,362.46801 387.35244,362.54437 387.66804,362.60866 L 388.33165,362.74129 C 389.00333,362.87525 389.4808,363.07886 389.76405,363.35214 C 390.04728,363.62541 390.1889,364.01389 390.18891,364.51758 C 390.1889,365.17933 389.99063,365.67229 389.5941,365.99647 C 389.20025,366.31797 388.59735,366.47872 387.78539,366.47872 C 387.40234,366.47872 387.01794,366.44255 386.63219,366.37022 C 386.24644,366.29788 385.86069,366.19072 385.47494,366.04871 L 385.47494,364.74262 C 385.86069,364.94624 386.23295,365.10029 386.59173,365.20478 C 386.9532,365.30658 387.30118,365.35749 387.63567,365.35749 C 387.97556,365.35749 388.23588,365.30123 388.41662,365.18871 C 388.59735,365.07618 388.68771,364.91543 388.68772,364.70646 C 388.68771,364.51891 388.62567,364.37424 388.50159,364.27242 C 388.38019,364.17062 388.13607,364.07954 387.76921,363.99915 L 387.1663,363.86653 C 386.56205,363.73793 386.11965,363.53298 385.83911,363.25167 C 385.56127,362.97035 385.42234,362.59125 385.42234,362.11435 C 385.42234,361.51691 385.61656,361.05743 386.00501,360.73592 C 386.39346,360.41443 386.95185,360.25368 387.68019,360.25367 C 388.01198,360.25368 388.35322,360.27914 388.70391,360.33003 C 389.05459,360.37826 389.4174,360.45194 389.79236,360.55107 M 395.22657,365.26908 L 392.79069,365.26908 L 392.40629,366.36218 L 390.84037,366.36218 L 393.07798,360.36218 L 394.93524,360.36218 L 397.17286,366.36218 L 395.60693,366.36218 L 395.22657,365.26908 M 393.17914,364.15588 L 394.83409,364.15588 L 394.00863,361.76875 L 393.17914,364.15588"
+         style="font-size:8.25858784px;font-style:normal;font-weight:bold;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'" />
+    </g>
+  </g>
+</svg>
--- a/themes/next/source/images/cc-by-nc.svg
+++ b/themes/next/source/images/cc-by-nc.svg
@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80"
+   height="15"
+   id="svg2279"
+   sodipodi:version="0.32"
+   inkscape:version="0.45+devel"
+   version="1.0"
+   sodipodi:docname="by-nc.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2281">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3442">
+      <rect
+         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="rect3444"
+         width="20.614058"
+         height="12.483703"
+         x="171.99832"
+         y="239.1203" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="10.5125"
+     inkscape:cx="40"
+     inkscape:cy="7.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="80px"
+     height="15px"
+     showborder="true"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="935"
+     inkscape:window-height="624"
+     inkscape:window-x="50"
+     inkscape:window-y="160" />
+  <metadata
+     id="metadata2284">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="BY-NC"
+       transform="matrix(0.9875019,0,0,0.9333518,-323.90064,-302.67749)">
+      <g
+         id="g3711"
+         transform="translate(158,87)">
+        <rect
+           style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.04161763;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="rect3713"
+           width="80"
+           height="15"
+           x="170.5"
+           y="237.86218" />
+        <rect
+           y="239.36218"
+           x="172"
+           height="12"
+           width="77"
+           id="rect3715"
+           style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.92243534;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           style="fill:#abb1aa;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.46913578"
+           d="M 171.99996,239.37505 L 171.99996,251.37505 L 192.33474,251.37505 C 193.64339,249.62474 194.52652,247.59057 194.52652,245.37505 C 194.52652,243.17431 193.65859,241.1179 192.36599,239.37505 L 171.99996,239.37505 z"
+           id="path3717"
+           sodipodi:nodetypes="cccscc" />
+        <g
+           id="g3719"
+           transform="matrix(0.9612533,0,0,0.9612533,6.8341566,9.5069994)"
+           clip-path="url(#clipPath3442)">
+          <path
+             id="path3721"
+             cx="296.35416"
+             ry="22.939548"
+             cy="264.3577"
+             type="arc"
+             rx="22.939548"
+             d="M 190.06417,245.36206 C 190.06667,249.25405 186.91326,252.41072 183.02153,252.41323 C 179.12979,252.41572 175.97262,249.26256 175.97036,245.3706 C 175.97036,245.36783 175.97036,245.36507 175.97036,245.36206 C 175.9681,241.47007 179.12126,238.3134 183.013,238.31113 C 186.90524,238.30864 190.06191,241.46181 190.06417,245.3538 C 190.06417,245.35628 190.06417,245.35929 190.06417,245.36206 z"
+             style="opacity:1;fill:#ffffff" />
+          <path
+             d="M 188.74576,239.62226 C 190.30843,241.18492 191.08988,243.09869 191.08988,245.36206 C 191.08988,247.62592 190.32197,249.51913 188.78615,251.04165 C 187.15627,252.64521 185.22995,253.44672 183.00722,253.44672 C 180.81132,253.44672 178.91837,252.65172 177.32887,251.06174 C 175.73912,249.47198 174.94436,247.57226 174.94436,245.36206 C 174.94436,243.15235 175.73912,241.23908 177.32887,239.62226 C 178.87799,238.0591 180.77094,237.27764 183.00722,237.27764 C 185.2706,237.27764 187.18312,238.05909 188.74576,239.62226 z M 178.38093,240.67355 C 177.05978,242.008 176.39945,243.57116 176.39945,245.36429 C 176.39945,247.15694 177.05326,248.70682 178.36062,250.01393 C 179.66822,251.32153 181.22487,251.97509 183.03105,251.97509 C 184.83724,251.97509 186.40716,251.31502 187.74161,249.99412 C 189.0086,248.76725 189.64234,247.22467 189.64234,245.36429 C 189.64234,243.51799 188.99831,241.95084 187.71101,240.66354 C 186.42396,239.37649 184.86406,238.7327 183.03105,238.7327 C 181.19804,238.73271 179.64767,239.37975 178.38093,240.67355 z M 181.85761,244.57559 C 181.65573,244.13545 181.35354,243.91525 180.95051,243.91525 C 180.23802,243.91525 179.8819,244.39501 179.8819,245.35404 C 179.8819,246.31328 180.23802,246.79255 180.95051,246.79255 C 181.421,246.79255 181.75705,246.55908 181.95869,246.09111 L 182.94629,246.61701 C 182.47555,247.45339 181.76934,247.87168 180.82763,247.87168 C 180.10136,247.87168 179.51953,247.64899 179.08265,247.20409 C 178.64502,246.7587 178.42684,246.14477 178.42684,245.36206 C 178.42684,244.59313 178.65204,243.98271 179.10271,243.53056 C 179.55338,243.07838 180.11463,242.8524 180.7875,242.8524 C 181.78288,242.8524 182.49561,243.24465 182.92647,244.02835 L 181.85761,244.57559 z M 186.50398,244.57559 C 186.30184,244.13545 186.00567,243.91525 185.61517,243.91525 C 184.88839,243.91525 184.52474,244.39501 184.52474,245.35404 C 184.52474,246.31328 184.88839,246.79255 185.61517,246.79255 C 186.08642,246.79255 186.41644,246.55908 186.6048,246.09111 L 187.61447,246.61701 C 187.14448,247.45339 186.43926,247.87168 185.49931,247.87168 C 184.77403,247.87168 184.19346,247.64899 183.75683,247.20409 C 183.32096,246.7587 183.10254,246.14477 183.10254,245.36206 C 183.10254,244.59313 183.32422,243.98271 183.76737,243.53056 C 184.21026,243.07838 184.77404,242.8524 185.4592,242.8524 C 186.45282,242.8524 187.16455,243.24465 187.5939,244.02835 L 186.50398,244.57559 z"
+             id="path3723"
+             style="opacity:1" />
+        </g>
+      </g>
+      <path
+         id="text3725"
+         d="M 357.4197,331.68502 C 357.66518,331.68502 357.85131,331.63144 357.9781,331.52427 C 358.10488,331.4171 358.16827,331.25904 358.16828,331.05005 C 358.16827,330.84377 358.10488,330.68703 357.9781,330.57986 C 357.85131,330.47002 357.66518,330.41509 357.4197,330.41509 L 356.55784,330.41509 L 356.55784,331.68502 L 357.4197,331.68502 M 357.4723,334.30926 C 357.78522,334.30926 358.0199,334.24363 358.17637,334.11235 C 358.33552,333.98107 358.4151,333.7828 358.4151,333.51757 C 358.4151,333.25769 358.33686,333.06346 358.18041,332.93485 C 358.02396,332.80358 357.78792,332.73793 357.4723,332.73793 L 356.55784,332.73793 L 356.55784,334.30926 L 357.4723,334.30926 M 358.92089,332.15119 C 359.25538,332.24765 359.51434,332.42581 359.69779,332.68569 C 359.88121,332.94557 359.97293,333.26439 359.97294,333.64215 C 359.97293,334.22085 359.776,334.6522 359.38217,334.93619 C 358.98833,335.22018 358.38947,335.36218 357.5856,335.36218 L 355.00001,335.36218 L 355.00001,329.36218 L 357.33878,329.36218 C 358.17771,329.36218 358.78466,329.48811 359.15962,329.73994 C 359.53727,329.99178 359.7261,330.395 359.7261,330.94958 C 359.7261,331.24162 359.65732,331.49078 359.51975,331.69708 C 359.38217,331.9007 359.18255,332.05207 358.92089,332.15119 M 359.83746,329.36218 L 361.54096,329.36218 L 362.91671,331.50015 L 364.29245,329.36218 L 366,329.36218 L 363.69764,332.83438 L 363.69764,335.36218 L 362.13982,335.36218 L 362.13982,332.83438 L 359.83746,329.36218 M 365.15837,332.40839 L 367.69946,332.40839 L 367.69946,333.57785 L 365.15837,333.57785 L 365.15837,332.40839 M 368.9174,329.36218 L 370.65732,329.36218 L 372.85447,333.47738 L 372.85447,329.36218 L 374.33138,329.36218 L 374.33138,335.36218 L 372.59146,335.36218 L 370.3943,331.24698 L 370.3943,335.36218 L 368.9174,335.36218 L 368.9174,329.36218 M 380.65173,335.03264 C 380.36579,335.17999 380.0677,335.29118 379.75749,335.36619 C 379.44727,335.44122 379.12357,335.47872 378.78638,335.47872 C 377.78019,335.47872 376.98307,335.20009 376.395,334.64282 C 375.80693,334.08288 375.5129,333.32467 375.5129,332.36821 C 375.5129,331.40907 375.80693,330.65087 376.395,330.0936 C 376.98307,329.53365 377.78019,329.25368 378.78638,329.25367 C 379.12357,329.25368 379.44727,329.29118 379.75749,329.3662 C 380.0677,329.44122 380.36579,329.55241 380.65173,329.69975 L 380.65173,330.94155 C 380.36309,330.74597 380.0785,330.60263 379.79796,330.51154 C 379.5174,330.42046 379.22203,330.37491 378.91181,330.3749 C 378.35611,330.37491 377.91911,330.55174 377.6008,330.90538 C 377.28249,331.25904 377.12333,331.74665 377.12333,332.36821 C 377.12333,332.9871 377.28249,333.47336 377.6008,333.82701 C 377.91911,334.18066 378.35611,334.35749 378.91181,334.35749 C 379.22203,334.35749 379.5174,334.31194 379.79796,334.22085 C 380.0785,334.12976 380.36309,333.98643 380.65173,333.79085 L 380.65173,335.03264"
+         style="font-size:8.25858784px;font-style:normal;font-weight:bold;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:'Bitstream Vera Sans'" />
+    </g>
+  </g>
+</svg>
--- a/Show More
+++ b/Show More