hexo

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

@@ -0,0 +1,243 @@
+@import "../Pisces/_layout";
+@import "../Pisces/_brand";
+@import "../Pisces/_menu";
+@import "../Pisces/_sidebar";
+// Import _posts if want to justify text-align on mobile.
+//@import "../Pisces/_posts";
+
+// =================================================
+// Rewrite _layout.styl
+// =================================================
+// Sidebar padding used as main desktop content padding for sidebar padding and post blocks padding too.
+
+// In main NexT config set `sidebar: offset: 12` option as main padding.
+// In `source/css/_variables/Gemini.styl` there are variables for other resolutions:
+// $content-tablet-paddin            = 10px;
+// $content-mobile-padding           = 8px;
+// P.S. If u want to change this paddings u may set this variables into `source/css/_variables/custom.styl`.
+
+// 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).
+hexo-config('sidebar.offset') is a 'unit' ? (sboffset = unit(hexo-config('sidebar.offset'), px)) : (sboffset = 0)
+use_seo = hexo-config('seo');
+
+// =================================================
+// Desktop layout styles.
+// =================================================
+// Post blocks.
+.content-wrap {
+  padding: initial;
+  background: initial;
+  box-shadow: initial;
+  border-radius: initial;
+}
+
+// Post & Comments blocks.
+.post-block {
+  padding: $content-desktop-padding;
+  background: white;
+  box-shadow: $box-shadow-inner;
+  border-radius: $border-radius-inner;
+}
+
+// When blocks are siblings (homepage).
+#posts > article + article {
+  .post-block {
+    margin-top: sboffset;
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    border-radius: $border-radius;
+  }
+}
+
+// Comments blocks.
+.comments {
+  padding: $content-desktop-padding;
+  margin: initial;
+  margin-top: sboffset;
+  background: white;
+  box-shadow: $box-shadow;
+  border-radius: $border-radius;
+}
+
+// Top main padding from header to posts (default 40px).
+.posts-expand {
+  padding-top: initial;
+}
+
+// Post navigation items.
+.post-nav-divider {
+  width: 4%;
+}
+.post-nav-item {
+  width: 48%;
+}
+
+// Post delimiters.
+.post-eof,
+.post-spread {
+  hide();
+}
+
+// Pagination.
+.pagination {
+  .prev, .next, .page-number {
+    margin-bottom: initial;
+    top: initial;
+  }
+  margin: sboffset 0 0;
+  border-top: initial;
+  background: white;
+  box-shadow: $box-shadow;
+  border-radius: $border-radius;
+  padding: 10px 0 10px;
+}
+
+// Footer alignment.
+.main {
+  padding-bottom: initial;
+}
+.footer {
+  bottom: auto;
+}
+
+// =================================================
+// Headers.
+// =================================================
+// No need anymore?
+.post-header {
+  h1, h2 {
+    margin: initial;
+  }
+}
+.posts-expand .post-title-link {
+  line-height: inherit;
+}
+.posts-expand .post-title {
+  font-size: 1.7em;
+}
+.post-body {
+  h1 {
+    font-size: 1.6em;
+    border-bottom: 1px solid $body-bg-color;
+  }
+  h2 {
+    font-size: 1.45em;
+    border-bottom: 1px solid $body-bg-color;
+  }
+  h3 {
+    font-size: 1.3em;
+    if use_seo {
+      border-bottom: 1px solid $body-bg-color;
+    } else {
+      border-bottom: 1px dotted $body-bg-color;
+    }
+  }
+  h4 {
+    font-size: 1.2em;
+    if use_seo {
+      border-bottom: 1px dotted $body-bg-color;
+    }
+  }
+  h5 {
+    font-size: 1.07em;
+  }
+  h6 {
+    font-size: 1.03em;
+  }
+}
+
+// =================================================
+// > 768px & < 991px
+// =================================================
++tablet() {
+
+  // Posts in blocks.
+  .content-wrap {
+    padding: $content-tablet-padding;
+  }
+  .posts-expand {
+    margin: initial;
+
+    // Components inside Posts.
+    .post-button {
+      margin-top: ($content-tablet-padding * 2);
+    }
+  }
+
+  .post-block {
+    // Inside posts blocks content padding (default 40px).
+    padding: ($content-tablet-padding * 2);
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    border-radius: $border-radius;
+  }
+
+  // Only if blocks are siblings need bottom margin (homepage).
+  #posts > article + article {
+    .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 {
+    margin: initial;
+
+    // Components inside Posts.
+    .post-button {
+      margin-top: sboffset;
+      //padding-bottom : 15px;
+    }
+    img {
+      padding: initial !important;
+    }
+  }
+
+  .post-block {
+    // Inside posts blocks content padding (default 40px).
+    padding: sboffset;
+    min-height: auto;
+    // Rewrite shadows & borders because all blocks have offsets.
+    box-shadow: $box-shadow;
+    border-radius: $border-radius;
+  }
+
+  // Only if blocks are siblings need bottom margin (homepage).
+  #posts > article + article {
+    .post-block {
+      margin-top: $content-mobile-padding;
+    }
+  }
+
+  .comments {
+    margin-top: $content-mobile-padding;
+    padding: 0 sboffset;
+  }
+
+  .pagination {
+    margin: $content-mobile-padding 0 0;
+  }
+
+}

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

@@ -0,0 +1,12 @@
+// Tags
+// --------------------------------------------------
+h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; }
+
+p { margin: 0 0 25px 0; }
+
+a { border-bottom-color: $grey-light; }
+
+hr {
+  margin: 20px 0;
+  height: 2px;
+}

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

@@ -0,0 +1,63 @@
+// Header
+// --------------------------------------------------
+.header { background: $whitesmoke; }
+.header-inner {
+  padding: 25px 0 20px;
+  clearfix();
+
+  +mobile() {
+    width: auto;
+    margin-bottom: 50px;
+    padding: 10px;
+  }
+}
+
+.site-meta {
+  float: left;
+  margin-left: -20px;
+  line-height: normal;
+
+  +mobile() {
+    margin-left: 10px;
+  }
+
+  .brand {
+    padding: 2px 1px;
+    background: none;
+
+    +mobile() { display: block; }
+  }
+
+  .logo { display: none; }
+
+  .site-title {
+    font-size: 22px;
+    font-weight: bolder;
+
+    +mobile() { line-height: 34px; }
+  }
+}
+
+
+.logo-line-before,
+.logo-line-after {
+  display: block;
+  overflow: hidden;
+  margin: 0 auto;
+  width: 75%;
+
+  +mobile() { display: none; }
+
+  i {
+    position: relative;
+    display: block;
+    height: 2px;
+    background: $black-deep;
+    +mobile() { height: 3px; }
+  }
+}
+
+.use-motion {
+  .logo-line-before i { left: -100%; }
+  .logo-line-after i { right: -100%; }
+}

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

@@ -0,0 +1 @@
+.site-subtitle { display: none; }

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

@@ -0,0 +1,46 @@
+// Menu
+// --------------------------------------------------
+.site-nav-toggle {
+  position: static;
+  float: right;
+}
+
+
+.menu {
+  float: right;
+  margin: 8px 0 0 0;
+
+  +mobile() {
+    margin: 20px 0 0 0;
+    padding: 0;
+  }
+
+  br { display: none; }
+
+  .menu-item {
+    margin: 0;
+    +mobile() { display: block; }
+  }
+
+  .menu-item a {
+    padding: 0 10px;
+    background: none;
+    border: none;
+    border-radius: 2px;
+    transition-property: background;
+
+    +mobile() {
+      text-align: left;
+    }
+
+    &:hover { background: #e1e1e1; }
+  }
+
+  a::before {
+      display: none;
+
+      +mobile() { display: block; }
+    }
+
+  +mobile() { float: none; }
+}

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

@@ -0,0 +1,67 @@
+// Post Expanded
+// --------------------------------------------------
+.posts-expand {
+  padding-top: 0;
+
+  .post-title,
+  .post-meta {
+    text-align: $site-meta-text-align;
+    +mobile() { text-align: center; }
+  }
+  .post-eof { display: none; }
+
+  .post { margin-top: 120px; }
+  .post:first-child { margin-top: 0; }
+
+  .post-meta {
+    margin-top: 5px;
+    margin-bottom: 20px;
+  }
+
+  .post-title {
+    position: relative;
+    font-size: $font-size-headings-base;
+    font-weight: 400;
+    +mobile() { font-size: $font-size-headings-small; }
+    +desktop-large() { font-size: $font-size-headings-large; }
+  }
+  .post-title:hover:before { background: $black-deep; }
+
+  .post-body {
+    +mobile() { font-size: $font-size-small; }
+  }
+
+  .post-body img { margin: 0; }
+
+  .post-tags {
+    text-align: left;
+    a {
+      padding: 1px 5px;
+      background: $whitesmoke;
+      border-bottom: none;
+    }
+    a:hover { background: $grey-light; }
+  }
+  .post-nav { margin-top: 40px; }
+}
+
+.post-button {
+  margin-top: 20px;
+  text-align: left;
+
+  a {
+    padding: 0;
+    font-size: $font-size-base;
+    //color: $grey-dim;
+    background: none;
+    border: none;
+    border-bottom: 2px solid $grey-dim;
+    transition-property: border;
+
+    +mobile() { font-size: $font-size-small; }
+    +desktop-large() { font-size: $font-size-large; }
+
+
+    &:hover { border-bottom-color: $black-deep; }
+  }
+}

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

@@ -0,0 +1,5 @@
+// Search
+// --------------------------------------------------
+.site-search form {
+  display: none;
+}

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

@@ -0,0 +1,91 @@
+//
+// Mist scheme
+// =================================================
+
+@import "_base";
+@import "outline/outline";
+@import "_header";
+@import "_logo";
+@import "_menu";
+@import "_search.styl";
+@import "_posts-expanded";
+@import "sidebar/sidebar-blogroll";
+
+
+// Components
+// --------------------------------------------------
+.btn {
+  padding: 0 10px;
+  border-width: 2px;
+  border-radius: 0;
+}
+
+.headband { display: none; }
+
+
+// Search
+// --------------------------------------------------
+.site-search {
+  position: relative;
+  float: right;
+  margin-top: 5px;
+  padding-top: 3px;
+
+  +mobile() {
+    float: none;
+    padding: 0 10px;
+  }
+}
+
+
+// Page - Container
+// --------------------------------------------------
+.container .main-inner {
+  +mobile() { width: auto; }
+}
+
+
+// Page - Post details
+// --------------------------------------------------
+.page-post-detail {
+  .post-title,
+  .post-meta { text-align: center; }
+
+  .post-title:before { display: none; }
+
+  .post-meta { margin-bottom: 60px; }
+}
+
+
+// Pagination
+// --------------------------------------------------
+.pagination {
+  margin: 120px 0 0;
+  text-align: left;
+
+  +mobile() {
+    margin: 80px 10px 0;
+    text-align: center;
+  }
+}
+
+// Footer
+// --------------------------------------------------
+.footer {
+  margin-top: 80px;
+  padding: 10px 0;
+  background: $whitesmoke;
+  color: $grey-dim;
+}
+.footer-inner {
+  margin: 0 auto;
+  text-align: left;
+
+  +mobile() {
+    width: auto;
+    text-align: center;
+  }
+}
+
+// Helpers
+// --------------------------------------------------

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

@@ -0,0 +1 @@
+.main-inner { margin-top: 80px; }

themes/next/source/css/_schemes/Mist/sidebar/sidebar-blogroll.styl

@@ -0,0 +1 @@
+.links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; }

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

@@ -0,0 +1,9 @@
+.header-inner, .container .main-inner, .footer-inner {
+  +mobile() { width: auto; }
+}
+
+// embed tag
+embed {
+   display: block;
+   margin:  0px auto 25px auto;
+}

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

@@ -0,0 +1,21 @@
+.custom-logo {
+  .site-meta-headline { text-align: center; }
+
+  .brand { background: none; }
+
+  .site-title {
+    margin: 10px auto 0;
+    font-size: 24px;
+    color: $black-deep;
+    a { border: none; }
+  }
+
+
+}
+
+.custom-logo-image {
+  margin: 0 auto;
+  padding: 5px;
+  max-width: 150px;
+  background: white;
+}

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

@@ -0,0 +1,33 @@
+.site-nav {
+  +mobile() {
+    position: absolute;
+    left: 0;
+    top: 52px;
+    margin: 0;
+    width: 100%;
+    padding: 0;
+    background: white;
+    border-bottom: 1px solid $gray-lighter;
+    z-index: $zindex-3;
+  }
+}
+
+.menu {
+  +mobile() { text-align: left; }
+}
+.menu .menu-item {
+  +mobile() {
+    display: block;
+    margin: 0 10px;
+    vertical-align: top;
+  }
+
+  br {
+    +mobile() { display: none; }
+  }
+
+  a {
+    +mobile() { padding: 5px 10px; }
+  }
+  .fa { margin-right: 0; }
+}

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

@@ -0,0 +1,5 @@
+// Search
+// --------------------------------------------------
+.site-search form {
+  display: none;
+}

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

@@ -0,0 +1,5 @@
+@import "_layout.styl";
+@import "_logo.styl";
+@import "_menu.styl";
+@import "_search.styl";
+@import "sidebar/sidebar-blogroll";

themes/next/source/css/_schemes/Muse/sidebar/sidebar-blogroll.styl

@@ -0,0 +1 @@
+.links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; }

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";