hexo

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

@@ -0,0 +1,30 @@
+.site-brand-wrapper {
+  position: relative;
+}
+
+.site-meta {
+  padding: 20px 0;
+  color: white;
+  background: $black-deep;
+
+  +tablet() {
+    box-shadow: 0 0 16px rgba(0,0,0,0.5);
+  }
+  +mobile() {
+    box-shadow: 0 0 16px rgba(0,0,0,0.5);
+  }
+}
+
+.brand {
+  padding: 0;
+  background: none;
+
+  &:hover { color: white; }
+}
+
+.site-subtitle {
+  margin: 10px 10px 0;
+  font-weight: initial;
+}
+
+.site-search form { display: none; }

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

@@ -0,0 +1,130 @@
+.header {
+  position: relative;
+  margin: 0 auto;
+  width: $main-desktop;
+
+  +tablet() {
+    width: auto;
+  }
+  +mobile() {
+    width: auto;
+  }
+}
+
+.header-inner {
+  position: absolute;
+  top: 0;
+  overflow: hidden;
+  padding: 0;
+  width: 240px;
+  background: white;
+  box-shadow: $box-shadow-inner;
+  border-radius: $border-radius-inner;
+
+  +desktop-large() {
+    .container & { width: 240px; }
+  }
+  +tablet() {
+    position: relative;
+    width: auto;
+    border-radius: initial;
+  }
+  +mobile() {
+    position: relative;
+    width: auto;
+    border-radius: initial;
+  }
+}
+
+.main {
+  clearfix();
+  +tablet() {
+    padding-bottom: 100px;
+  }
+  +mobile() {
+    padding-bottom: 100px;
+  }
+}
+
+.container .main-inner {
+  width: $main-desktop;
+
+  +tablet() {
+    width: auto;
+  }
+  +mobile() {
+    width: auto;
+  }
+}
+
+.content-wrap {
+  float: right;
+  box-sizing: border-box;
+  padding: $content-desktop-padding;
+  width: $content-desktop;
+  background: white;
+  min-height: 700px;
+  box-shadow: $box-shadow-inner;
+  border-radius: $border-radius-inner;
+
+  +tablet() {
+    width: 100%;
+    padding: 20px;
+    border-radius: initial;
+  }
+  +mobile() {
+    width: 100%;
+    padding: 20px;
+    min-height: auto;
+    border-radius: initial;
+  }
+}
+
+.sidebar {
+  position: static;
+  float: left;
+  margin-top: 300px;
+  width: $sidebar-desktop;
+  background: $body-bg-color;
+  box-shadow: none;
+
+  +tablet() {
+    display: none;
+  }
+  +mobile() {
+    display: none;
+  }
+}
+
+.sidebar-toggle { display: none; }
+
+
+.footer-inner {
+  width: $main-desktop;
+  padding-left: 260px;
+
+  +tablet() {
+    width: auto;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+  +mobile() {
+    width: auto;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
+}
+
+
+
+.sidebar-position-right {
+  .header-inner { right: 0; }
+  .content-wrap { float: left; }
+  .sidebar { float: right; }
+
+  .footer-inner {
+    padding-left: 0;
+    padding-right: 260px;
+  }
+}
+

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

@@ -0,0 +1,67 @@
+.site-nav {
+  border-top: none;
+
+  +tablet() {
+    display: none !important;
+  }
+}
+
+.site-nav-on {
+  +tablet() {
+    display: block !important;
+  }
+}
+
+.menu .menu-item {
+  display: block;
+  margin: 0;
+
+  a {
+    position: relative;
+    box-sizing: border-box;
+    padding: 5px 20px;
+    text-align: left;
+    line-height: inherit;
+    transition-property: background-color;
+    the-transition();
+
+    &:hover {
+      background: #f9f9f9;
+      border-bottom-color: white;
+    }
+  }
+
+  br { display: none; }
+}
+
+.menu-item-active a {
+  @extend .menu .menu-item a:hover;
+
+  &:after {
+    content: " ";
+    position: absolute;
+    top: 50%;
+    margin-top: -3px;
+    right: 15px;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: $grey;
+  }
+}
+
+.btn-bar {
+  background-color: white;
+}
+
+.site-nav-toggle {
+  left: 20px;
+  top: 50%;
+
+  -webkit-transform:  translateY(-50%);
+  transform:  translateY(-50%);
+
+  +tablet() {
+    display: block;
+  }
+}

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

@@ -0,0 +1,5 @@
+.post-body {
+  +mobile() {
+    text-align: justify;
+  }
+}

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

@@ -0,0 +1,124 @@
+.use-motion .sidebar .motion-element { opacity: 1; }
+
+.sidebar {
+  margin-left: -100%;
+  right: auto;
+  bottom: auto;
+
+  // Do NOT delete this line
+  // or Affix (position: fixed) will not work in Google Chrome.
+  -webkit-transform: none;
+}
+
+
+.sidebar-inner {
+//padding: 20px 10px 0;
+  box-sizing: border-box;
+  width: 240px;
+  color: $text-color;
+  background: white;
+  box-shadow: $box-shadow;
+  border-radius: $border-radius;
+  if (hexo-config('motion.enable') and hexo-config('motion.transition.sidebar')) { opacity: 0; }
+
+  &.affix {
+    position: fixed;
+    top: $sidebar-offset;
+  }
+
+  &.affix-bottom {
+    position: absolute;
+  }
+
+}
+
+.site-overview {
+  //margin: 0 2px;
+  text-align: left;
+}
+
+.site-author {
+  clearfix();
+}
+
+.sidebar a {
+  color: $black-light;
+
+  &:hover { color: $black-deep; }
+}
+
+.site-state-item {
+  padding: 0 10px;
+}
+
+.links-of-author-item {
+  a:before { display: none; }
+  a {
+    border-bottom: none;
+    text-decoration: underline;
+  }
+}
+
+.feed-link {
+  border-top: 1px dotted $grey-light;
+  border-bottom: 1px dotted $grey-light;
+  text-align: center;
+}
+
+.feed-link a {
+  display: block;
+  color: $orange;
+  border: none;
+
+  &:hover {
+    background: none;
+    color: darken($orange, 20%);
+
+    i { color: darken($orange, 20%); }
+  }
+}
+
+.links-of-author {
+  //clearfix();
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.links-of-author-item {
+  sidebar-inline-links-item();
+
+  a {
+    display: block;
+    text-decoration: none;
+
+    &:hover {
+      border-radius: 4px;
+      background: $gainsboro;
+    }
+  }
+
+  .fa {
+    margin-right: 2px;
+    font-size: 16px;
+  }
+  .fa-globe { font-size: 15px; }
+}
+
+
+.links-of-blogroll {
+  text-align: center;
+  margin-top: 20px;
+  padding: 3px 0 0;
+  border-top: 1px dotted $grey-light;
+}
+.links-of-blogroll-title { margin-top: 0; }
+.links-of-blogroll-item { padding: 0; }
+.links-of-blogroll-inline {
+  clearfix();
+
+  .links-of-blogroll-item {
+    sidebar-inline-links-item();
+    display: inline-block;
+    if !hexo-config('social_icons.icons_only') { width: unset; }
+  }
+}

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

@@ -0,0 +1,5 @@
+@import "_layout";
+@import "_brand";
+@import "_menu";
+@import "_sidebar";
+@import "_posts";