hexo
This commit is contained in:
Cool-Y
@ -0,0 +1,25 @@
|
||||
.back-to-top {
|
||||
display: none;
|
||||
margin: 20px -10px -20px;
|
||||
background: $body-bg-color;
|
||||
font-size: $b2t-font-size;
|
||||
opacity: $b2t-opacity;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
-webkit-transform: translateZ(0);
|
||||
the-transition();
|
||||
&:hover { opacity: 0.8; }
|
||||
|
||||
+tablet() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
+mobile() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
|
||||
&.back-to-top-on {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
31
themes/next/source/css/_common/components/back-to-top.styl
Normal file
31
themes/next/source/css/_common/components/back-to-top.styl
Normal file
@ -0,0 +1,31 @@
|
||||
.back-to-top {
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
bottom: $b2t-position-bottom;
|
||||
right: $b2t-position-right;
|
||||
z-index: $zindex-5;
|
||||
padding: 0 6px;
|
||||
width: hexo-config('sidebar.scrollpercent') ? initial : 24px;
|
||||
background: $b2t-bg-color;
|
||||
font-size: $b2t-font-size;
|
||||
opacity: $b2t-opacity;
|
||||
color: $b2t-color;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
-webkit-transform: translateZ(0);
|
||||
transition-property: bottom;
|
||||
the-transition();
|
||||
|
||||
+tablet() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
+mobile() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
|
||||
&.back-to-top-on {
|
||||
bottom: $b2t-position-bottom-on;
|
||||
}
|
||||
}
|
||||
38
themes/next/source/css/_common/components/buttons.styl
Normal file
38
themes/next/source/css/_common/components/buttons.styl
Normal file
@ -0,0 +1,38 @@
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 0 20px;
|
||||
font-size: $btn-default-font-size;
|
||||
color: $btn-default-color;
|
||||
background: $btn-default-bg;
|
||||
border: $btn-default-border-width solid $btn-default-border-color;
|
||||
text-decoration: none;
|
||||
border-radius: $btn-default-radius;
|
||||
transition-property: background-color;
|
||||
the-transition();
|
||||
line-height: 2;
|
||||
|
||||
&:hover {
|
||||
border-color: $btn-default-hover-border-color;
|
||||
color: $btn-default-hover-color;
|
||||
background: $btn-default-hover-bg;
|
||||
}
|
||||
|
||||
+.btn {
|
||||
margin: 0 0 8px 8px;
|
||||
}
|
||||
|
||||
.fa-fw {
|
||||
width: (18em / 14);
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-bar {
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 2px;
|
||||
background: $text-color;
|
||||
border-radius: 1px;
|
||||
|
||||
&+.btn-bar { margin-top: 4px; }
|
||||
}
|
||||
1
themes/next/source/css/_common/components/comments.styl
Normal file
1
themes/next/source/css/_common/components/comments.styl
Normal file
@ -0,0 +1 @@
|
||||
.comments { margin: 60px 20px 0; }
|
||||
16
themes/next/source/css/_common/components/components.styl
Normal file
16
themes/next/source/css/_common/components/components.styl
Normal file
@ -0,0 +1,16 @@
|
||||
@import "highlight";
|
||||
@import "tags";
|
||||
|
||||
@import "buttons";
|
||||
@import "pagination";
|
||||
@import "comments";
|
||||
@import "tag-cloud";
|
||||
@import hexo-config('sidebar.b2t') ? "back-to-top-sidebar" : "back-to-top";
|
||||
|
||||
@import "header";
|
||||
@import "post";
|
||||
@import "sidebar";
|
||||
@import "footer";
|
||||
@import "third-party";
|
||||
|
||||
@import "pages";
|
||||
30
themes/next/source/css/_common/components/footer/footer.styl
Normal file
30
themes/next/source/css/_common/components/footer/footer.styl
Normal file
@ -0,0 +1,30 @@
|
||||
.footer {
|
||||
font-size: 14px;
|
||||
color: $grey-dark;
|
||||
|
||||
img { border: none; }
|
||||
}
|
||||
|
||||
.footer-inner { text-align: center; }
|
||||
|
||||
.with-love {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.powered-by,
|
||||
.theme-info { display: inline-block; }
|
||||
|
||||
.cc-license {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
|
||||
.cc-opacity {
|
||||
opacity: 0.7;
|
||||
border-bottom: none;
|
||||
|
||||
&:hover { opacity: 0.9; }
|
||||
}
|
||||
|
||||
img { display: inline-block; }
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
.header { background: $head-bg; }
|
||||
|
||||
.header-inner { position: relative; }
|
||||
|
||||
|
||||
@import "headerband";
|
||||
@import "site-meta";
|
||||
@import "site-nav";
|
||||
@import "menu";
|
||||
@ -0,0 +1,4 @@
|
||||
.headband {
|
||||
height: $headband-height;
|
||||
background: $headband-bg;
|
||||
}
|
||||
32
themes/next/source/css/_common/components/header/menu.styl
Normal file
32
themes/next/source/css/_common/components/header/menu.styl
Normal file
@ -0,0 +1,32 @@
|
||||
// Menu
|
||||
// --------------------------------------------------
|
||||
.menu {
|
||||
margin-top: 20px;
|
||||
padding-left: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.menu .menu-item {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
list-style: none;
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
line-height: inherit;
|
||||
border-bottom: 1px solid $menu-link-border;
|
||||
transition-property: border-color;
|
||||
the-transition();
|
||||
|
||||
&:hover { border-bottom-color: $menu-link-hover-border; }
|
||||
}
|
||||
|
||||
.fa { margin-right: 5px; }
|
||||
}
|
||||
|
||||
.use-motion .menu-item { opacity: 0; }
|
||||
@ -0,0 +1,48 @@
|
||||
.site-meta {
|
||||
margin: 0;
|
||||
text-align: $site-meta-text-align;
|
||||
|
||||
+mobile() { text-align: center; }
|
||||
}
|
||||
|
||||
.brand {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 40px;
|
||||
color: $brand-color;
|
||||
background: $brand-bg;
|
||||
border-bottom: none;
|
||||
&:hover { color: $brand-hover-color; }
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
line-height: 36px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 36px;
|
||||
font-size: $logo-font-size;
|
||||
font-weight: normal;
|
||||
font-family: $font-family-logo;
|
||||
}
|
||||
|
||||
.site-subtitle {
|
||||
margin-top: 10px;
|
||||
font-size: $subtitle-font-size;
|
||||
color: $subtitle-color;
|
||||
}
|
||||
|
||||
.use-motion {
|
||||
.brand { opacity: 0; }
|
||||
|
||||
.logo, .site-title, .site-subtitle {
|
||||
opacity: 0;
|
||||
position: relative;
|
||||
top: -10px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
.site-nav-toggle {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
+mobile() {
|
||||
display: block;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-top: 2px;
|
||||
padding: 9px 10px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
+mobile() {
|
||||
display: none;
|
||||
margin: 0 -10px;
|
||||
padding: 0 10px;
|
||||
clear: both;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
}
|
||||
+tablet() { display: block !important; }
|
||||
+desktop() { display: block !important; }
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
$highlight_theme = hexo-config("highlight_theme")
|
||||
|
||||
if $highlight_theme == "normal"
|
||||
$highlight-deletion = #fdd
|
||||
$highlight-addition = #dfd
|
||||
else
|
||||
$highlight-deletion = #008000
|
||||
$highlight-addition = #800000
|
||||
@ -0,0 +1,177 @@
|
||||
// https://github.com/chriskempson/tomorrow-theme
|
||||
|
||||
@require "theme"
|
||||
@require "diff"
|
||||
|
||||
// Placeholder: $code-block
|
||||
$code-block {
|
||||
overflow: auto;
|
||||
margin: 20px 0;
|
||||
padding: 0;
|
||||
font-size $code-font-size;
|
||||
color: $highlight-foreground;
|
||||
background: $highlight-background;
|
||||
line-height: $line-height-code-block;
|
||||
}
|
||||
|
||||
pre, code { font-family: $code-font-family; }
|
||||
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
word-wrap: break-word;
|
||||
color: $code-foreground;
|
||||
background: $code-background;
|
||||
border-radius: $code-border-radius;
|
||||
font-size $code-font-size;
|
||||
}
|
||||
|
||||
pre {
|
||||
@extend $code-block;
|
||||
padding: 10px;
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
color: $highlight-foreground;
|
||||
background: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
@extend $code-block;
|
||||
border-radius: 1px
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
clearfix();
|
||||
font-size: 1em;
|
||||
color: $highlight-foreground;
|
||||
line-height: 1em;
|
||||
margin-bottom: 1em;
|
||||
|
||||
a {
|
||||
float: right;
|
||||
color: $highlight-foreground;
|
||||
|
||||
&:hover { border-bottom-color: $highlight-foreground; }
|
||||
}
|
||||
}
|
||||
|
||||
.gutter pre {
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
color: $highlight-gutter.color
|
||||
text-align: right
|
||||
background-color: $highlight-gutter.bg-color
|
||||
}
|
||||
|
||||
.code pre {
|
||||
width: 100%
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
background-color: $highlight-background
|
||||
}
|
||||
|
||||
.line { height: 20px; }
|
||||
}
|
||||
|
||||
|
||||
.gutter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.gist table {
|
||||
width: auto;
|
||||
|
||||
td { border: none; }
|
||||
}
|
||||
|
||||
// For diff highlight
|
||||
pre .deletion { background: $highlight-deletion; }
|
||||
pre .addition { background: $highlight-addition; }
|
||||
pre .meta { color: $highlight-purple; }
|
||||
|
||||
pre {
|
||||
|
||||
.comment { color: $highlight-comment; }
|
||||
|
||||
.variable
|
||||
.attribute
|
||||
.tag
|
||||
.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
|
||||
.literal
|
||||
.params
|
||||
.constant
|
||||
.command {
|
||||
color: $highlight-orange;
|
||||
}
|
||||
|
||||
.ruby .class .title
|
||||
.css .rules .attribute
|
||||
.string
|
||||
.value
|
||||
.inheritance
|
||||
.header
|
||||
.ruby .symbol
|
||||
.xml .cdata
|
||||
.special
|
||||
.number
|
||||
.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;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,92 @@
|
||||
$highlight_theme = hexo-config("highlight_theme")
|
||||
|
||||
|
||||
if $highlight_theme == "normal"
|
||||
$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
|
||||
}
|
||||
|
||||
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%)
|
||||
}
|
||||
|
||||
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%)
|
||||
}
|
||||
|
||||
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%)
|
||||
}
|
||||
|
||||
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%)
|
||||
}
|
||||
29
themes/next/source/css/_common/components/pages/archive.styl
Normal file
29
themes/next/source/css/_common/components/pages/archive.styl
Normal file
@ -0,0 +1,29 @@
|
||||
.page-archive {
|
||||
|
||||
.archive-page-counter {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
left: 20px;
|
||||
|
||||
+mobile() {
|
||||
top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.posts-collapse {
|
||||
|
||||
.archive-move-on {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 0;
|
||||
margin-left: -6px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
opacity: 0.5;
|
||||
background: $black-light;
|
||||
border: 1px solid white;
|
||||
|
||||
circle();
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
.category-all-page {
|
||||
.category-all-title { text-align: center; }
|
||||
|
||||
.category-all { margin-top: 20px; }
|
||||
|
||||
.category-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.category-list-item { margin: 5px 10px; }
|
||||
|
||||
.category-list-count {
|
||||
color: $grey;
|
||||
&:before {
|
||||
display: inline;
|
||||
content: " ("
|
||||
}
|
||||
&:after {
|
||||
display: inline;
|
||||
content: ") "
|
||||
}
|
||||
}
|
||||
|
||||
.category-list-child { padding-left: 10px; }
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
// Page specific styles
|
||||
|
||||
@import "archive";
|
||||
@import "categories";
|
||||
@import "schedule";
|
||||
@import "post-detail";
|
||||
@ -0,0 +1,6 @@
|
||||
.page-post-detail {
|
||||
|
||||
.sidebar-toggle-line { background: $sidebar-highlight; }
|
||||
|
||||
.comments { overflow: hidden; }
|
||||
}
|
||||
101
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
101
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
@ -0,0 +1,101 @@
|
||||
@keyframes dot-flash {
|
||||
from {opacity: 1; transform:scale(1.1);}
|
||||
to {opacity: 0; transform:scale(1);}
|
||||
}
|
||||
|
||||
#schedule {
|
||||
ul#event-list {
|
||||
padding-left: 30px
|
||||
hr {
|
||||
margin: 20px 0 45px 0!important
|
||||
background: #222
|
||||
&:after {
|
||||
display: inline-block
|
||||
content: 'NOW'
|
||||
background: #222
|
||||
color: #FFF
|
||||
font-weight:bold
|
||||
text-align: right
|
||||
padding: 0 5px
|
||||
}
|
||||
}
|
||||
li.event {
|
||||
margin: 20px 0px
|
||||
background: #F9F9F9
|
||||
padding-left: 10px
|
||||
min-height: 40px
|
||||
h2.event-summary {
|
||||
margin: 0
|
||||
padding-bottom: 3px
|
||||
&:before {
|
||||
display: inline-block
|
||||
font-family: FontAwesome
|
||||
font-size: 8px
|
||||
content: '\f111'
|
||||
vertical-align: middle
|
||||
margin-right: 25px
|
||||
color: #bbb
|
||||
}
|
||||
}
|
||||
span.event-relative-time {
|
||||
display: inline-block
|
||||
font-size: 12px
|
||||
font-weight: 400
|
||||
padding-left: 12px
|
||||
color: #bbb
|
||||
}
|
||||
span.event-details {
|
||||
display: block
|
||||
color: #bbb
|
||||
margin-left: 56px
|
||||
padding-top: 3px
|
||||
padding-bottom: 6px
|
||||
text-indent: -24px
|
||||
line-height: 18px
|
||||
&:before {
|
||||
text-indent: 0
|
||||
display: inline-block
|
||||
width: 14px
|
||||
font-family: FontAwesome
|
||||
text-align: center
|
||||
margin-right: 9px
|
||||
color: #bbb
|
||||
}
|
||||
&.event-location:before {
|
||||
content: '\f041'
|
||||
}
|
||||
&.event-duration:before {
|
||||
content: '\f017'
|
||||
}
|
||||
}
|
||||
}
|
||||
li.event-past {
|
||||
background: #FCFCFC
|
||||
& > * {
|
||||
opacity: .6
|
||||
}
|
||||
h2.event-summary {
|
||||
color: #bbb
|
||||
&:before {
|
||||
color: #DFDFDF
|
||||
}
|
||||
}
|
||||
}
|
||||
li.event-now {
|
||||
background: #222
|
||||
color: #FFF
|
||||
padding: 15px 0 15px 10px
|
||||
h2.event-summary {
|
||||
&:before {
|
||||
transform: scale(1.2)
|
||||
color: #FFF
|
||||
animation: dot-flash 1s alternate infinite ease-in-out;
|
||||
}
|
||||
}
|
||||
* {
|
||||
color: #FFF!important
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
56
themes/next/source/css/_common/components/pagination.styl
Normal file
56
themes/next/source/css/_common/components/pagination.styl
Normal file
@ -0,0 +1,56 @@
|
||||
.pagination {
|
||||
margin: 120px 0 40px;
|
||||
text-align: center;
|
||||
border-top: 1px solid $pagination-border;
|
||||
}
|
||||
|
||||
.page-number-basic {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin: 0 10px;
|
||||
padding: 0 11px;
|
||||
|
||||
+mobile() { margin: 0 5px; }
|
||||
}
|
||||
|
||||
.pagination {
|
||||
.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;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.prev { margin-left: 0; }
|
||||
.next { margin-right: 0; }
|
||||
|
||||
.page-number.current {
|
||||
color: $pagination-active-color;
|
||||
background: $pagination-active-bg;
|
||||
border-top-color: $pagination-active-border;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px)
|
||||
.pagination { border-top: none; }
|
||||
|
||||
.pagination {
|
||||
.prev, .next, .page-number {
|
||||
margin-bottom: 10px;
|
||||
border-top: 0;
|
||||
border-bottom: 1px solid $pagination-link-border;
|
||||
padding: 0 10px;
|
||||
|
||||
&:hover { border-bottom-color: $pagination-link-hover-border; }
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
.post-button {
|
||||
margin-top: 40px;
|
||||
}
|
||||
@ -0,0 +1,111 @@
|
||||
// TODO: Refactor.
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.posts-collapse {
|
||||
margin: 0 20px;
|
||||
|
||||
.post-title, .post-meta {
|
||||
display: block;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.posts-collapse {
|
||||
position: relative;
|
||||
z-index: $zindex-1;
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 0;
|
||||
margin-left: -2px;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
background: $whitesmoke;
|
||||
z-index: $zindex-bottom;
|
||||
}
|
||||
|
||||
margin-left: $posts-collapse-left;
|
||||
+mobile() { margin: 0 20px; }
|
||||
|
||||
.collection-title {
|
||||
position: relative;
|
||||
margin: 60px 0;
|
||||
|
||||
h1, h2 { margin-left: 20px; }
|
||||
|
||||
small { color: $grey; margin-left: 5px; }
|
||||
|
||||
&::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-left: -4px;
|
||||
margin-top: -4px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: $grey;
|
||||
circle();
|
||||
}
|
||||
}
|
||||
|
||||
.post { margin: 30px 0; }
|
||||
|
||||
.post-header {
|
||||
position: relative;
|
||||
the-transition();
|
||||
transition-property: border;
|
||||
border-bottom: 1px dashed $grey-light;
|
||||
|
||||
&::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin-left: -4px;
|
||||
background: $grey;
|
||||
circle();
|
||||
border: 1px solid white;
|
||||
the-transition();
|
||||
transition-property: background;
|
||||
}
|
||||
}
|
||||
|
||||
.post-header:hover {
|
||||
border-bottom-color: $grey-dim;
|
||||
|
||||
&::before { background: $black-deep; }
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
left: 20px;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.post-comments-count { display: none; }
|
||||
|
||||
.post-title {
|
||||
margin-left: 60px;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
line-height: inherit;
|
||||
|
||||
&::after {
|
||||
margin-left: 3px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $grey-dim;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
.post-copyright {
|
||||
margin: $post-copyright.margin;
|
||||
padding: $post-copyright.padding;
|
||||
border-left: $post-copyright.border.width $post-copyright.border.style $post-copyright.border.color;
|
||||
background-color: $post-copyright.bg;
|
||||
list-style: none;
|
||||
}
|
||||
17
themes/next/source/css/_common/components/post/post-eof.styl
Normal file
17
themes/next/source/css/_common/components/post/post-eof.styl
Normal file
@ -0,0 +1,17 @@
|
||||
.posts-expand {
|
||||
.post-eof {
|
||||
display: block;
|
||||
margin: $post-eof-margin-top auto $post-eof-margin-bottom;
|
||||
width: 8%;
|
||||
height: 1px;
|
||||
background: $grey-light;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.post:last-child {
|
||||
.post-eof.post-eof.post-eof {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
// TODO: Refactor.
|
||||
|
||||
.posts-expand {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.posts-expand {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
pre {
|
||||
.gutter pre {
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
padding: 0;
|
||||
.gutter pre {
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.posts-expand .post-body {
|
||||
+desktop() { text-align: justify; }
|
||||
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
padding-top: 10px;
|
||||
|
||||
.header-anchor{
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
color: $grey-light;
|
||||
border-bottom-style: none;
|
||||
visibility: hidden;
|
||||
|
||||
&:hover{
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .header-anchor{
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
ul li { list-style: circle; }
|
||||
|
||||
img {
|
||||
box-sizing: border-box;
|
||||
margin: auto;
|
||||
padding: 3px;
|
||||
border: 1px solid $gray-lighter;
|
||||
}
|
||||
}
|
||||
|
||||
.posts-expand .post-body .fancybox img { margin: 0 auto 25px; }
|
||||
@ -0,0 +1,23 @@
|
||||
.post-gallery {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.post-gallery-row { display: table-row; }
|
||||
|
||||
.post-gallery .post-gallery-img {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.post-gallery .post-gallery-img img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.fancybox-close, .fancybox-close:hover { border: none; }
|
||||
@ -0,0 +1,49 @@
|
||||
.posts-expand .post-meta {
|
||||
margin: 3px 0 60px 0;
|
||||
color: $grey-dark;
|
||||
font-family: $font-family-posts;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
|
||||
.post-category-list {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
}
|
||||
.post-category-list-link { color: $grey-dark; }
|
||||
|
||||
.post-description {
|
||||
font-size: 14px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-wordcount {
|
||||
if !hexo-config('post_wordcount.separated_meta') { display: inline-block; }
|
||||
}
|
||||
|
||||
.post-meta-divider {
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
.post-meta-item-icon {
|
||||
margin-right: 3px;
|
||||
+tablet() {
|
||||
display: inline-block;
|
||||
}
|
||||
+mobile() {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.post-meta-item-text {
|
||||
+tablet() {
|
||||
display: none;
|
||||
}
|
||||
+mobile() {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.posts-expand .post-comments-count {
|
||||
+mobile() { display: none; }
|
||||
}
|
||||
57
themes/next/source/css/_common/components/post/post-nav.styl
Normal file
57
themes/next/source/css/_common/components/post/post-nav.styl
Normal file
@ -0,0 +1,57 @@
|
||||
.post-nav {
|
||||
display: table;
|
||||
margin-top: 15px;
|
||||
width: 100%;
|
||||
border-top: 1px solid $gainsboro;
|
||||
}
|
||||
|
||||
.post-nav-divider {
|
||||
display: table-cell;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.post-nav-item {
|
||||
display: table-cell;
|
||||
padding: 10px 0 0 0;
|
||||
width: 45%;
|
||||
vertical-align: top;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
display: block;
|
||||
line-height: 25px;
|
||||
font-size: 14px;
|
||||
color: $link-color;
|
||||
border-bottom: none;
|
||||
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:active { top: 2px; }
|
||||
}
|
||||
|
||||
.fa {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.post-nav-next {
|
||||
a { padding-left: 15px; }
|
||||
}
|
||||
|
||||
.post-nav-prev {
|
||||
text-align: right;
|
||||
|
||||
a { padding-right: 15px; }
|
||||
|
||||
.fa {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
#rewardButton span {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-stretch: normal;
|
||||
font-size: 18px;
|
||||
font-family: "Microsoft Yahei";
|
||||
background: #f44336;
|
||||
}
|
||||
#rewardButton {
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
}
|
||||
#rewardButton span:hover{
|
||||
background: #F7877F;
|
||||
}
|
||||
#QR{
|
||||
padding-top:20px;
|
||||
}
|
||||
#QR a{
|
||||
border:0;
|
||||
}
|
||||
#QR img{
|
||||
width: 150px;
|
||||
max-width: 100%;
|
||||
display: inline-block;
|
||||
margin: 0.8em 2em 0 2em;
|
||||
}
|
||||
#wechat:hover p{
|
||||
animation: roll 0.1s infinite linear;
|
||||
-webkit-animation: roll 0.1s infinite linear;
|
||||
-moz-animation: roll 0.1s infinite linear;
|
||||
}
|
||||
#alipay:hover p{
|
||||
animation: roll 0.1s infinite linear;
|
||||
-webkit-animation: roll 0.1s infinite linear;
|
||||
-moz-animation: roll 0.1s infinite linear;
|
||||
}
|
||||
#bitcoin:hover p {
|
||||
animation: roll 0.1s infinite linear;
|
||||
-webkit-animation: roll 0.1s infinite linear;
|
||||
-moz-animation: roll 0.1s infinite linear;
|
||||
}
|
||||
@keyframes roll {
|
||||
from {
|
||||
transform(rotateZ(30deg));
|
||||
}
|
||||
to {
|
||||
transform(rotateZ(-30deg));
|
||||
}
|
||||
}
|
||||
11
themes/next/source/css/_common/components/post/post-rtl.styl
Normal file
11
themes/next/source/css/_common/components/post/post-rtl.styl
Normal file
@ -0,0 +1,11 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
.posts-expand .post-tags {
|
||||
margin-top: 40px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
.posts-expand .post-title {
|
||||
text-align: center;
|
||||
word-break: break-word;
|
||||
font-weight: $posts-expand-title-font-weight
|
||||
}
|
||||
.posts-expand .post-title-link {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
color: $black-light;
|
||||
border-bottom: none;
|
||||
line-height: 1.2;
|
||||
vertical-align: top;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: #000;
|
||||
visibility: hidden;
|
||||
transform: scaleX(0);
|
||||
the-transition();
|
||||
}
|
||||
|
||||
&:hover::before {
|
||||
visibility: visible;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
.fa { font-size: 16px; }
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
// TODO: Refactor.
|
||||
|
||||
.page-home, .page-post-detail {
|
||||
.post-type-quote {
|
||||
.post-header,
|
||||
.post-tags {
|
||||
display: none;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
@extend .blockquote-center
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
.post-widgets {
|
||||
border-top: 1px solid #eee;
|
||||
padding-top: 9px;
|
||||
margin-top: 45px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
|
||||
.post-meta-divider {
|
||||
height: 28px;
|
||||
color: $grey-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.wp_rating {
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.social-like {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.vk_like {
|
||||
width: 85px;
|
||||
height: 21px;
|
||||
padding-top: 7px;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.fb_like {
|
||||
height: 30px;
|
||||
align-self: center;
|
||||
}
|
||||
60
themes/next/source/css/_common/components/post/post.styl
Normal file
60
themes/next/source/css/_common/components/post/post.styl
Normal file
@ -0,0 +1,60 @@
|
||||
.post-body {
|
||||
font-family: $font-family-posts;
|
||||
+mobile() {
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.post-body .fancybox img {
|
||||
display: block !important;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
cursor: zoom-in;
|
||||
cursor: -webkit-zoom-in;
|
||||
}
|
||||
|
||||
.post-body .image-caption {
|
||||
margin: -20px auto 15px;
|
||||
text-align: center;
|
||||
font-size: $font-size-base;
|
||||
color: $grey-dark;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.post-body .figure .caption {
|
||||
@extend .post-body .image-caption;
|
||||
}
|
||||
|
||||
.post-sticky-flag {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
-ms-transform: rotate(30deg);
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.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-title { opacity: 0; } }
|
||||
}
|
||||
|
||||
@import "post-expand";
|
||||
@import "post-collapse";
|
||||
@import "post-type";
|
||||
@import "post-title";
|
||||
@import "post-meta";
|
||||
@import "post-button";
|
||||
@import "post-tags";
|
||||
@import "post-nav";
|
||||
@import "post-eof";
|
||||
@import "post-gallery";
|
||||
@import "post-reward" if hexo-config('alipay') or hexo-config('wechatpay') or hexo-config('bitcoin');
|
||||
@import "post-copyright" if hexo-config('post_copyright.enable');
|
||||
@import "post-widgets" if (hexo-config('facebook_sdk.enable') and hexo-config('facebook_sdk.like_button')) or (hexo-config('vkontakte_api.enable') and hexo-config('vkontakte_api.like')) or hexo-config('rating.enable') or (hexo-config('needmoreshare2.enable') and hexo-config('needmoreshare2.postbottom.enable'));
|
||||
@import "post-rtl";
|
||||
@ -0,0 +1,23 @@
|
||||
.links-of-author {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.links-of-author a {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
border-bottom-color: $black-light;
|
||||
font-size: 13px;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 3px;
|
||||
content: " ";
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 50%;
|
||||
background: rgb(random-color(0, 255) - 50%, random-color(0, 255) - 50%, random-color(0, 255) - 50%);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,22 @@
|
||||
.site-author-image {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: $site-author-image-padding;
|
||||
max-width: $site-author-image-width;
|
||||
height: $site-author-image-height;
|
||||
border: $site-author-image-border-width solid $site-author-image-border-color;
|
||||
}
|
||||
|
||||
.site-author-name {
|
||||
margin: $site-author-name-margin;
|
||||
text-align: $site-author-name-align;
|
||||
color: $site-author-name-color;
|
||||
font-weight: $site-author-name-weight;
|
||||
}
|
||||
|
||||
.site-description {
|
||||
margin-top: $site-description-margin-top;
|
||||
text-align: $site-description-align;
|
||||
font-size: $site-description-font-size;
|
||||
color: $site-description-color;
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
.links-of-blogroll { font-size: 13px; }
|
||||
|
||||
.links-of-blogroll-title {
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
.links-of-blogroll-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.links-of-blogroll-item {
|
||||
padding: 2px 10px;
|
||||
|
||||
a {
|
||||
max-width: 280px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
.sidebar-active #sidebar-dimmer {
|
||||
opacity: .7;
|
||||
-webkit-transform: translateX(-150%);
|
||||
transform: translateX(-150%);
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
#sidebar-dimmer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
width: 200%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0;
|
||||
transition: opacity .2s,transform 0s .2s;
|
||||
+mobile() {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
.feed-link {
|
||||
margin-top: 20px;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
color: rgb(252, 100, 35);
|
||||
border: 1px solid rgb(252, 100, 35);
|
||||
border-radius: 4px;
|
||||
|
||||
i {
|
||||
color: rgb(252, 100, 35);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:white;
|
||||
background: rgb(252, 100, 35);
|
||||
|
||||
i { color: white; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
// Sidebar Navigation
|
||||
|
||||
.sidebar-nav {
|
||||
margin: 0 0 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.sidebar-nav li {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid transparent;
|
||||
font-size: 14px;
|
||||
color: $sidebar-nav-color;
|
||||
|
||||
&:hover { color: $sidebar-nav-hover-color; }
|
||||
}
|
||||
|
||||
.page-post-detail .sidebar-nav-toc { padding: 0 5px; }
|
||||
|
||||
.page-post-detail .sidebar-nav-overview { margin-left: 10px; }
|
||||
|
||||
.sidebar-nav .sidebar-nav-active {
|
||||
color: $sidebar-highlight;
|
||||
border-bottom-color: $sidebar-highlight;
|
||||
|
||||
&:hover { color: $sidebar-highlight; }
|
||||
}
|
||||
|
||||
.sidebar-panel { display: none; }
|
||||
.sidebar-panel-active { display: block; }
|
||||
@ -0,0 +1,60 @@
|
||||
|
||||
.post-toc-empty {
|
||||
font-size: 14px;
|
||||
color: $grey-dim;
|
||||
}
|
||||
|
||||
.post-toc-wrap { overflow: hidden; }
|
||||
|
||||
.post-toc { overflow: auto; }
|
||||
|
||||
.post-toc ol {
|
||||
margin: 0;
|
||||
padding: 0 2px 5px 10px;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
|
||||
& > ol { padding-left: 0; }
|
||||
|
||||
a {
|
||||
the-transition();
|
||||
transition-property: all;
|
||||
color: $toc-link-color;
|
||||
border-bottom-color: $toc-link-border-color;
|
||||
|
||||
&:hover {
|
||||
color: $toc-link-hover-color;
|
||||
border-bottom-color: $toc-link-hover-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-toc .nav-item {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: justify;
|
||||
white-space: nowrap if !hexo-config('toc.wrap');
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.post-toc .nav .nav-child { display: none; }
|
||||
|
||||
.post-toc .nav .active > .nav-child { display: block; }
|
||||
|
||||
.post-toc .nav .active-current > .nav-child {
|
||||
display: block;
|
||||
& > .nav-item { display: block; }
|
||||
}
|
||||
|
||||
.post-toc .nav .active > a {
|
||||
color: $toc-link-active-color;
|
||||
border-bottom-color: $toc-link-active-border-color;
|
||||
}
|
||||
|
||||
.post-toc .nav .active-current > a {
|
||||
color: $toc-link-active-current-color;
|
||||
&:hover {
|
||||
color: $toc-link-active-current-border-color;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
.sidebar-toggle {
|
||||
position: fixed;
|
||||
right: $b2t-position-right;
|
||||
bottom: 45px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
padding: 5px;
|
||||
background: $black-deep;
|
||||
line-height: 0;
|
||||
z-index: $zindex-5;
|
||||
cursor: pointer;
|
||||
-webkit-transform: translateZ(0);
|
||||
|
||||
+tablet() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
+mobile() {
|
||||
fixbutton() if hexo-config('sidebar.onmobile');
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sidebar-toggle-line {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
background: white;
|
||||
margin-top: 3px;
|
||||
|
||||
&:first-child { margin-top: 0; }
|
||||
}
|
||||
@ -0,0 +1,52 @@
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
width: 0;
|
||||
z-index: $zindex-4;
|
||||
box-shadow: inset 0 2px 6px black;
|
||||
background: $black-deep;
|
||||
-webkit-transform: translateZ(0); // http://stackoverflow.com/questions/17079857/position-fixed-broken-in-chrome-with-flash-behind
|
||||
|
||||
a {
|
||||
color: $grey-dark;
|
||||
border-bottom-color: $black-light;
|
||||
&:hover { color: $gainsboro; }
|
||||
}
|
||||
|
||||
+tablet() {
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
+mobile() {
|
||||
hide() if not hexo-config('sidebar.onmobile');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.sidebar-inner {
|
||||
position: relative;
|
||||
padding: 20px 10px;
|
||||
color: $grey-dark;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.site-overview-wrap {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.site-overview {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@import "sidebar-toggle";
|
||||
@import "sidebar-author";
|
||||
@import "site-state";
|
||||
@import "sidebar-feed-link";
|
||||
@import "sidebar-author-links";
|
||||
@import "sidebar-blogroll";
|
||||
@import "sidebar-nav";
|
||||
@import "sidebar-toc";
|
||||
@import "sidebar-dimmer" if hexo-config('sidebar.onmobile');
|
||||
@ -0,0 +1,28 @@
|
||||
.site-state {
|
||||
overflow: hidden;
|
||||
line-height: 1.4;
|
||||
white-space: nowrap;
|
||||
text-align: $site-state-align;
|
||||
}
|
||||
|
||||
.site-state-item {
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
border-left: 1px solid $site-state-item-border-color;
|
||||
|
||||
&:first-child { border-left: none; }
|
||||
|
||||
a { border-bottom: none; }
|
||||
}
|
||||
.site-state-item-count {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: $site-state-item-count-color;
|
||||
font-weight: $font-weight-bold;
|
||||
font-size: $site-state-item-count-font-size;
|
||||
}
|
||||
|
||||
.site-state-item-name {
|
||||
font-size: $site-state-item-name-font-size;
|
||||
color: $site-state-item-name-color;
|
||||
}
|
||||
8
themes/next/source/css/_common/components/tag-cloud.styl
Normal file
8
themes/next/source/css/_common/components/tag-cloud.styl
Normal file
@ -0,0 +1,8 @@
|
||||
.tag-cloud {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
// Blockquote with all children centered.
|
||||
.blockquote-center {
|
||||
position: relative;
|
||||
margin: 40px 0;
|
||||
padding: 0;
|
||||
border-left: none;
|
||||
text-align: center;
|
||||
|
||||
&::before, &::after {
|
||||
position: absolute;
|
||||
content: ' ';
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
opacity: 0.2;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 -6px;
|
||||
background-size: 22px 22px;
|
||||
}
|
||||
&::before {
|
||||
top: -20px;
|
||||
background-image: url($center-quote-left);
|
||||
border-top: 1px solid $grey-light;
|
||||
}
|
||||
&::after {
|
||||
bottom: -20px;
|
||||
background-image: url($center-quote-right);
|
||||
border-bottom: 1px solid $grey-light;
|
||||
background-position: 100% 8px;
|
||||
}
|
||||
|
||||
p, div { text-align: center; }
|
||||
}
|
||||
18
themes/next/source/css/_common/components/tags/exturl.styl
Normal file
18
themes/next/source/css/_common/components/tags/exturl.styl
Normal file
@ -0,0 +1,18 @@
|
||||
.exturl {
|
||||
// Remove the gray background color from active links in IE 10.
|
||||
background-color: transparent;
|
||||
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #999;
|
||||
|
||||
.fa {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
// Improve readability when focused and also mouse hovered in all browsers.
|
||||
.exturl:active, .exturl:hover {
|
||||
outline: 0;
|
||||
color: $black-deep;
|
||||
border-bottom-color: $black-deep;
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
// Expand image to 126% with nagative margin-left/right on Desktop.
|
||||
.full-image.full-image.full-image.full-image {
|
||||
border: none;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
margin: 20px auto 25px;
|
||||
+desktop() {
|
||||
max-width: none;
|
||||
width: $full-image-width;
|
||||
margin: $full-image-margin-vertical $full-image-margin-horizontal;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
.post .post-body .group-picture {
|
||||
img {
|
||||
box-sizing: border-box;
|
||||
padding: 0 3px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post .group-picture-row {
|
||||
overflow: hidden;
|
||||
margin-top: 6px;
|
||||
&:first-child { margin-top: 0; }
|
||||
}
|
||||
|
||||
.post .group-picture-column { float: left; }
|
||||
|
||||
.page-post-detail .post-body .group-picture-column {
|
||||
float: none;
|
||||
margin-top: 10px;
|
||||
width: auto !important;
|
||||
img { margin: 0 auto; }
|
||||
}
|
||||
|
||||
.page-archive {
|
||||
.group-picture-container { overflow: hidden; }
|
||||
.group-picture-row {
|
||||
float: left;
|
||||
&:first-child { margin-top: 6px; }
|
||||
}
|
||||
|
||||
.group-picture-column {
|
||||
max-width: 150px;
|
||||
max-height: 150px;
|
||||
}
|
||||
}
|
||||
12
themes/next/source/css/_common/components/tags/label.styl
Normal file
12
themes/next/source/css/_common/components/tags/label.styl
Normal file
@ -0,0 +1,12 @@
|
||||
.post-body .label {
|
||||
display: inline;
|
||||
padding: 0 2px;
|
||||
white-space: nowrap;
|
||||
|
||||
&.default { background-color: $label-default; }
|
||||
&.primary { background-color: $label-primary; }
|
||||
&.info { background-color: $label-info; }
|
||||
&.success { background-color: $label-success; }
|
||||
&.warning { background-color: $label-warning; }
|
||||
&.danger { background-color: $label-danger; }
|
||||
}
|
||||
183
themes/next/source/css/_common/components/tags/note-modern.styl
Normal file
183
themes/next/source/css/_common/components/tags/note-modern.styl
Normal file
@ -0,0 +1,183 @@
|
||||
.post-body .note {
|
||||
note_icons = hexo-config('note.icons');
|
||||
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
border: 1px solid transparent;
|
||||
background-color: $whitesmoke;
|
||||
border-radius: unit(hexo-config('note.border_radius'), px) if hexo-config('note.border_radius') is a 'unit';
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
if note_icons {
|
||||
margin-top: 3px;
|
||||
} else {
|
||||
margin-top: 0;
|
||||
}
|
||||
margin-bottom: 0;
|
||||
border-bottom: initial;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, blockquote {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
padding-left: 45px;
|
||||
&:before {
|
||||
position: absolute;
|
||||
font-family: 'FontAwesome';
|
||||
font-size: larger;
|
||||
top: 13px;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.default {
|
||||
background-color: $note-modern-default-bg;
|
||||
border-color: $note-modern-default-border;
|
||||
color: $note-modern-default-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-default-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-default-text;
|
||||
border-bottom: 1px solid $note-modern-default-text;
|
||||
&:hover {
|
||||
color: $note-modern-default-hover;
|
||||
border-bottom: 1px solid $note-modern-default-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.primary {
|
||||
background-color: $note-modern-primary-bg;
|
||||
border-color: $note-modern-primary-border;
|
||||
color: $note-modern-primary-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-primary-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-primary-text;
|
||||
border-bottom: 1px solid $note-modern-primary-text;
|
||||
&:hover {
|
||||
color: $note-modern-primary-hover;
|
||||
border-bottom: 1px solid $note-modern-primary-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.info {
|
||||
background-color: $note-modern-info-bg;
|
||||
border-color: $note-modern-info-border;
|
||||
color: $note-modern-info-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-info-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-info-text;
|
||||
border-bottom: 1px solid $note-modern-info-text;
|
||||
&:hover {
|
||||
color: $note-modern-info-hover;
|
||||
border-bottom: 1px solid $note-modern-info-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.success {
|
||||
background-color: $note-modern-success-bg;
|
||||
border-color: $note-modern-success-border;
|
||||
color: $note-modern-success-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-success-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-success-text;
|
||||
border-bottom: 1px solid $note-modern-success-text;
|
||||
&:hover {
|
||||
color: $note-modern-success-hover;
|
||||
border-bottom: 1px solid $note-modern-success-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.warning {
|
||||
background-color: $note-modern-warning-bg;
|
||||
border-color: $note-modern-warning-border;
|
||||
color: $note-modern-warning-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-warning-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-warning-text;
|
||||
border-bottom: 1px solid $note-modern-warning-text;
|
||||
&:hover {
|
||||
color: $note-modern-warning-hover;
|
||||
border-bottom: 1px solid $note-modern-warning-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.danger {
|
||||
background-color: $note-modern-danger-bg;
|
||||
border-color: $note-modern-danger-border;
|
||||
color: $note-modern-danger-text;
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
&:before {
|
||||
content: $note-danger-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:not(.btn) {
|
||||
color: $note-modern-danger-text;
|
||||
border-bottom: 1px solid $note-modern-danger-text;
|
||||
&:hover {
|
||||
color: $note-modern-danger-hover;
|
||||
border-bottom: 1px solid $note-modern-danger-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
161
themes/next/source/css/_common/components/tags/note.styl
Normal file
161
themes/next/source/css/_common/components/tags/note.styl
Normal file
@ -0,0 +1,161 @@
|
||||
.post-body .note {
|
||||
note_style = hexo-config('note.style');
|
||||
note_icons = hexo-config('note.icons');
|
||||
|
||||
position: relative;
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
if note_style == 'simple' {
|
||||
border: 1px solid $gainsboro;
|
||||
border-left-width: 5px;
|
||||
}
|
||||
if note_style == 'flat' {
|
||||
border: initial;
|
||||
border-left: 3px solid $gainsboro;
|
||||
background-color: lighten($gainsboro, 65%);
|
||||
}
|
||||
border-radius: unit(hexo-config('note.border_radius'), px) if hexo-config('note.border_radius') is a 'unit';
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
if note_icons {
|
||||
margin-top: 3px;
|
||||
} else {
|
||||
margin-top: 0;
|
||||
}
|
||||
margin-bottom: 0;
|
||||
border-bottom: initial;
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, blockquote {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
if note_icons {
|
||||
&:not(.no-icon) {
|
||||
padding-left: 45px;
|
||||
&:before {
|
||||
position: absolute;
|
||||
font-family: 'FontAwesome';
|
||||
font-size: larger;
|
||||
top: 13px;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.default {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-default-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-default-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.primary {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-primary-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-primary-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.info {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-info-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-info-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.success {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-success-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-success-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.warning {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-warning-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-warning-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.danger {
|
||||
if note_style == 'flat' {
|
||||
background-color: $note-danger-bg;
|
||||
}
|
||||
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;
|
||||
color : $note-danger-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
99
themes/next/source/css/_common/components/tags/tabs.styl
Normal file
99
themes/next/source/css/_common/components/tags/tabs.styl
Normal file
@ -0,0 +1,99 @@
|
||||
.post-body .tabs {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
padding-top: 10px;
|
||||
|
||||
// Read tabs border_radius from NexT config and set in "tbr px" to use it as string variable in this CSS section.
|
||||
hexo-config('tabs.border_radius') is a 'unit' ? (tbr = unit(hexo-config('tabs.border_radius'), px)) : (tbr = 0)
|
||||
|
||||
ul.nav-tabs {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
margin-bottom: -1px;
|
||||
|
||||
+mobile-smallest() {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
li.tab {
|
||||
list-style-type: none !important;
|
||||
margin: 0 .25em 0 0;
|
||||
border-top: 3px solid transparent;
|
||||
border-left: 1px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
|
||||
+mobile-smallest() {
|
||||
margin: initial;
|
||||
border-top: 1px solid transparent;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
if tbr > 0 {
|
||||
border-radius: tbr tbr 0 0;
|
||||
+mobile-smallest() { border-radius: tbr; }
|
||||
}
|
||||
if hexo-config('tabs.transition.tabs') { the-transition-ease-out(); }
|
||||
|
||||
& a {
|
||||
outline: 0;
|
||||
border-bottom: initial;
|
||||
display: block;
|
||||
line-height: 1.8em;
|
||||
padding: .25em .75em;
|
||||
& i { width: (18em / 14); }
|
||||
if hexo-config('tabs.transition.labels') { the-transition-ease-out(); }
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-top: 3px solid $orange;
|
||||
border-left: 1px solid $table-border-color;
|
||||
border-right: 1px solid $table-border-color;
|
||||
background-color: #fff;
|
||||
|
||||
+mobile-smallest() {
|
||||
border-top: 1px solid $table-border-color;
|
||||
border-left: 3px solid $orange;
|
||||
border-right: 1px solid $table-border-color;
|
||||
border-bottom: 1px solid $table-border-color;
|
||||
}
|
||||
|
||||
& a {
|
||||
cursor: default;
|
||||
color: $link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
background-color: #fff;
|
||||
|
||||
.tab-pane {
|
||||
border: 1px solid $table-border-color;
|
||||
padding: 20px 20px 0 20px;
|
||||
if tbr > 0 { border-radius: tbr; }
|
||||
|
||||
&:not(.active) {
|
||||
hide();
|
||||
}
|
||||
&.active {
|
||||
show();
|
||||
if tbr > 0 {
|
||||
&:nth-of-type(1) {
|
||||
border-radius: 0 tbr tbr tbr;
|
||||
+mobile-smallest() { border-radius: tbr; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
8
themes/next/source/css/_common/components/tags/tags.styl
Normal file
8
themes/next/source/css/_common/components/tags/tags.styl
Normal file
@ -0,0 +1,8 @@
|
||||
@import "full-image";
|
||||
@import "blockquote-center";
|
||||
@import "group-pictures";
|
||||
@import "exturl" if hexo-config('exturl');
|
||||
@import "note" if hexo-config('note.style') == 'simple' || hexo-config('note.style') == 'flat';
|
||||
@import "note-modern" if hexo-config('note.style') == 'modern';
|
||||
@import "label" if hexo-config('label');
|
||||
@import "tabs" if hexo-config('tabs.enable');
|
||||
125
themes/next/source/css/_common/components/third-party/algolia-search.styl
vendored
Normal file
125
themes/next/source/css/_common/components/third-party/algolia-search.styl
vendored
Normal file
@ -0,0 +1,125 @@
|
||||
.algolia-pop-overlay
|
||||
position: fixed
|
||||
width: 100%
|
||||
height: 100%
|
||||
top: 0
|
||||
left: 0
|
||||
z-index: 2080
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.algolia-popup
|
||||
overflow: hidden
|
||||
padding: 0
|
||||
display: none
|
||||
position: fixed
|
||||
top: 10%
|
||||
left: 50%
|
||||
width: 700px
|
||||
height: 80%
|
||||
margin-left: -350px
|
||||
background: #fff
|
||||
color: #333
|
||||
z-index: 9999
|
||||
border-radius: 5px
|
||||
+mobile()
|
||||
padding: 0
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
border-radius: 0
|
||||
|
||||
.popup-btn-close
|
||||
position: absolute
|
||||
right: 14px
|
||||
color: #4EBD79
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
text-transform: uppercase
|
||||
cursor: pointer
|
||||
padding-left: 15px
|
||||
border-left: 1px solid #eee
|
||||
top: 10px
|
||||
.fa
|
||||
color: $grey-dark
|
||||
font-size: 18px
|
||||
&:hover .fa
|
||||
color: $black-deep
|
||||
|
||||
.algolia-search
|
||||
padding: 10px 15px 5px
|
||||
max-height: 50px
|
||||
border-bottom: 1px solid #ccc
|
||||
background: $whitesmoke
|
||||
border-top-left-radius: 5px
|
||||
border-top-right-radius: 5px
|
||||
|
||||
.algolia-search-input-icon
|
||||
display: inline-block
|
||||
width: 20px
|
||||
.fa
|
||||
font-size: 18px
|
||||
|
||||
.algolia-search-input
|
||||
display: inline-block
|
||||
width: calc(90% - 20px)
|
||||
input
|
||||
padding: 5px 0
|
||||
width: 100%
|
||||
outline: none
|
||||
border: none
|
||||
background: transparent
|
||||
|
||||
.algolia-powered
|
||||
float: right
|
||||
img
|
||||
display: inline-block
|
||||
height: 18px
|
||||
vertical-align: middle
|
||||
|
||||
.algolia-results
|
||||
position: relative
|
||||
overflow: auto
|
||||
padding: 10px 30px
|
||||
height: calc(100% - 50px)
|
||||
|
||||
hr
|
||||
margin: 10px 0
|
||||
|
||||
.highlight
|
||||
font-style: normal
|
||||
margin: 0
|
||||
padding: 0 2px
|
||||
font-size: inherit
|
||||
color: red
|
||||
|
||||
.algolia-hits
|
||||
margin-top: 20px
|
||||
|
||||
.algolia-hit-item
|
||||
margin: 15px 0
|
||||
|
||||
.algolia-hit-item-link
|
||||
display: block
|
||||
border-bottom: 1px dashed #ccc
|
||||
the-transition()
|
||||
|
||||
.algolia-pagination
|
||||
.pagination
|
||||
margin-top: 40px
|
||||
border-top: none
|
||||
padding: 0
|
||||
.pagination-item
|
||||
display: inline-block
|
||||
.page-number
|
||||
border-top: none
|
||||
&:hover
|
||||
border-bottom: 1px solid $black-deep
|
||||
|
||||
.current .page-number
|
||||
@extend .pagination .page-number.current
|
||||
|
||||
.disabled-item
|
||||
visibility: hidden
|
||||
|
||||
12
themes/next/source/css/_common/components/third-party/baidushare.styl
vendored
Normal file
12
themes/next/source/css/_common/components/third-party/baidushare.styl
vendored
Normal file
@ -0,0 +1,12 @@
|
||||
.post-spread {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bdshare-slide-button-box a { border: none; }
|
||||
|
||||
.bdsharebuttonbox {
|
||||
display: inline-block;
|
||||
|
||||
a { border: none; }
|
||||
}
|
||||
30
themes/next/source/css/_common/components/third-party/busuanzi-counter.styl
vendored
Normal file
30
themes/next/source/css/_common/components/third-party/busuanzi-counter.styl
vendored
Normal file
@ -0,0 +1,30 @@
|
||||
if hexo-config("scheme") == Pisces
|
||||
.busuanzi-count {
|
||||
+tablet() {
|
||||
width: auto;
|
||||
}
|
||||
+mobile() {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.site-uv,
|
||||
.site-pv,
|
||||
.page-pv {
|
||||
display: inline-block;
|
||||
|
||||
.busuanzi-value {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
if hexo-config("busuanzi_count.site_pv") and hexo-config("busuanzi_count.site_uv")
|
||||
.site-uv
|
||||
{
|
||||
margin-right: 10px;
|
||||
|
||||
&::after {
|
||||
content: "|";
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
290
themes/next/source/css/_common/components/third-party/duoshuo.styl
vendored
Normal file
290
themes/next/source/css/_common/components/third-party/duoshuo.styl
vendored
Normal file
@ -0,0 +1,290 @@
|
||||
|
||||
.theme-next {
|
||||
$duoshuoBaseBorderColor = #c7d4e1;
|
||||
$duoshuoBaseBgColor = #f6f8fa;
|
||||
|
||||
#ds-thread #ds-reset {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-replybox {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-replybox .ds-avatar, #ds-reset .ds-avatar img {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-textarea-wrapper {
|
||||
border-color: $duoshuoBaseBorderColor;
|
||||
background: none;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
#ds-reset .ds-rounded-top {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-toolbar {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid $duoshuoBaseBorderColor;
|
||||
background: $duoshuoBaseBgColor;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-options {
|
||||
height: 40px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-toolbar-buttons {
|
||||
top: 11px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-sync {
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-button {
|
||||
top: 4px;
|
||||
right: 5px;
|
||||
width: 90px;
|
||||
height: 30px;
|
||||
border: 1px solid #c5ced7;
|
||||
border-radius: 3px;
|
||||
background-image: linear-gradient(#fbfbfc, #f5f7f9);
|
||||
color: #60676d;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-post-button:hover {
|
||||
background-position: 0 -30px;
|
||||
color: #60676d;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-comments-info {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-sort {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset li.ds-tab a.ds-current {
|
||||
border: none;
|
||||
background: $duoshuoBaseBgColor;
|
||||
color: #60676d;
|
||||
|
||||
&:hover {
|
||||
background-color: #e9f0f7;
|
||||
color: #60676d;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset li.ds-tab a {
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-login-buttons p {
|
||||
color: #999;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list a {
|
||||
background: none;
|
||||
padding: 5px;
|
||||
border: 1px solid;
|
||||
border-radius: 3px;
|
||||
text-align: center;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background: #666;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-weibo {
|
||||
color: #fc9b00;
|
||||
border-color: #fc9b00;
|
||||
|
||||
&:hover {
|
||||
background: #fc9b00;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-qq {
|
||||
color: #60a3ec;
|
||||
border-color: #60a3ec;
|
||||
|
||||
&:hover {
|
||||
background: #60a3ec;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-renren {
|
||||
color: #2e7ac4;
|
||||
border-color: #2e7ac4;
|
||||
|
||||
&:hover {
|
||||
background: #2e7ac4;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-douban {
|
||||
color: #37994c;
|
||||
border-color: #37994c;
|
||||
|
||||
&:hover {
|
||||
background: #37994c;
|
||||
}
|
||||
}
|
||||
#ds-thread #ds-reset .ds-service-list .ds-kaixin {
|
||||
color: #fef20d;
|
||||
border-color: #fef20d;
|
||||
|
||||
&:hover {
|
||||
background: #fef20d;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-netease {
|
||||
color: #f00;
|
||||
border-color: #f00;
|
||||
|
||||
&:hover {
|
||||
background: #f00;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-sohu {
|
||||
color: #ffcb05;
|
||||
border-color: #ffcb05;
|
||||
|
||||
&:hover {
|
||||
background: #ffcb05;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-baidu {
|
||||
color: #2831e0;
|
||||
border-color: #2831e0;
|
||||
|
||||
&:hover {
|
||||
background: #2831e0;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-google {
|
||||
color: #166bec;
|
||||
border-color: #166bec;
|
||||
|
||||
&:hover {
|
||||
background: #166bec;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-thread #ds-reset .ds-service-list .ds-weixin {
|
||||
color: #00CE0D;
|
||||
border-color: #00CE0D;
|
||||
|
||||
&:hover {
|
||||
background: #00CE0D;
|
||||
}
|
||||
}
|
||||
#ds-thread #ds-reset .ds-service-list .ds-more-services {
|
||||
border: none;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*duoshuo UA style begin*/
|
||||
|
||||
#ds-reset .duoshuo-ua-admin {
|
||||
display: inline-block;
|
||||
color: red;
|
||||
}
|
||||
|
||||
#ds-reset .duoshuo-ua-platform,
|
||||
#ds-reset .duoshuo-ua-browser {
|
||||
color: #ccc;
|
||||
|
||||
.fa {
|
||||
display: inline-block;
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
#ds-reset .duoshuo-ua-separator {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.this_ua {
|
||||
background-color: #ccc !important;
|
||||
border-radius: 4px;
|
||||
padding: 0 5px !important;
|
||||
margin: 1px 1px !important;
|
||||
border: 1px solid #BBB !important;
|
||||
color: #fff;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.this_ua.admin {
|
||||
background-color: #d9534f !important;
|
||||
border-color: #d9534f !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.iOS, .this_ua.platform.Mac, .this_ua.platform.Windows {
|
||||
background-color: #39b3d7 !important;
|
||||
border-color: #46b8da !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.Linux {
|
||||
background-color: #3A3A3A !important;
|
||||
border-color: #1F1F1F !important;
|
||||
}
|
||||
|
||||
.this_ua.platform.Android {
|
||||
background-color: #00C47D !important;
|
||||
border-color: #01B171 !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Mobile, .this_ua.browser.Chrome {
|
||||
background-color: #5cb85c !important;
|
||||
border-color: #4cae4c !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Firefox {
|
||||
background-color: #f0ad4e !important;
|
||||
border-color: #eea236 !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Maxthon, .this_ua.browser.IE {
|
||||
background-color: #428bca !important;
|
||||
border-color: #357ebd !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.baidu, .this_ua.browser.UCBrowser, .this_ua.browser.Opera {
|
||||
background-color: #d9534f !important;
|
||||
border-color: #d43f3a !important;
|
||||
}
|
||||
|
||||
.this_ua.browser.Android, .this_ua.browser.QQBrowser {
|
||||
background-color: #78ACE9 !important;
|
||||
border-color: #4cae4c !important;
|
||||
}
|
||||
|
||||
/*duoshuo UA style end*/
|
||||
|
||||
}
|
||||
13
themes/next/source/css/_common/components/third-party/gitment.styl
vendored
Normal file
13
themes/next/source/css/_common/components/third-party/gitment.styl
vendored
Normal file
@ -0,0 +1,13 @@
|
||||
#gitment-display-button{
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
color: #0a9caf;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
border: 1px solid #0a9caf;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#gitment-display-button:hover{
|
||||
color: #fff;
|
||||
background: #0a9caf;
|
||||
}
|
||||
3
themes/next/source/css/_common/components/third-party/han.styl
vendored
Normal file
3
themes/next/source/css/_common/components/third-party/han.styl
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
.fa {
|
||||
font-family: FontAwesome!important;
|
||||
}
|
||||
10
themes/next/source/css/_common/components/third-party/jiathis.styl
vendored
Normal file
10
themes/next/source/css/_common/components/third-party/jiathis.styl
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
.post-spread {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jiathis_style {
|
||||
display: inline-block;
|
||||
|
||||
a { border: none; }
|
||||
}
|
||||
102
themes/next/source/css/_common/components/third-party/localsearch.styl
vendored
Normal file
102
themes/next/source/css/_common/components/third-party/localsearch.styl
vendored
Normal file
@ -0,0 +1,102 @@
|
||||
.local-search-pop-overlay
|
||||
position: fixed
|
||||
width: 100%
|
||||
height: 100%
|
||||
top: 0
|
||||
left: 0
|
||||
z-index: 2080
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.local-search-popup
|
||||
display: none
|
||||
position: fixed
|
||||
top: 10%
|
||||
left: 50%
|
||||
margin-left: -350px
|
||||
width: 700px
|
||||
height: 80%
|
||||
padding: 0
|
||||
background: #fff
|
||||
color: #333
|
||||
z-index: 9999
|
||||
border-radius: 5px
|
||||
+mobile()
|
||||
padding: 0
|
||||
top: 0
|
||||
left: 0
|
||||
margin: 0
|
||||
width: 100%
|
||||
height: 100%
|
||||
border-radius: 0
|
||||
|
||||
ul.search-result-list
|
||||
padding: 0
|
||||
margin: 0 5px
|
||||
|
||||
p.search-result
|
||||
border-bottom: 1px dashed #ccc
|
||||
padding: 5px 0
|
||||
|
||||
a.search-result-title
|
||||
font-weight: bold
|
||||
font-size: 16px
|
||||
|
||||
.search-keyword
|
||||
border-bottom: 1px dashed #f00
|
||||
font-weight: bold
|
||||
color: #f00
|
||||
|
||||
.local-search-header
|
||||
padding: 5px
|
||||
height: 36px
|
||||
background: #f5f5f5
|
||||
border-top-left-radius: 5px
|
||||
border-top-right-radius: 5px
|
||||
|
||||
#local-search-result
|
||||
overflow: auto
|
||||
position: relative
|
||||
padding: 5px 25px
|
||||
height: calc(100% - 55px)
|
||||
|
||||
.local-search-input-wrapper
|
||||
display: inline-block
|
||||
width: calc(100% - 90px)
|
||||
height: 36px
|
||||
line-height: 36px
|
||||
padding: 0 5px
|
||||
|
||||
.local-search-input-wrapper input
|
||||
padding: 8px 0
|
||||
height: 20px
|
||||
display: block
|
||||
width: 100%
|
||||
outline: none
|
||||
border: none
|
||||
background: transparent
|
||||
vertical-align: middle
|
||||
|
||||
.search-icon, .popup-btn-close
|
||||
display: inline-block
|
||||
font-size: 18px
|
||||
color: #999
|
||||
height: 36px
|
||||
width: 18px
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
|
||||
.search-icon
|
||||
float: left
|
||||
|
||||
.popup-btn-close
|
||||
border-left: 1px solid #eee
|
||||
float: right
|
||||
cursor: pointer
|
||||
|
||||
#no-result
|
||||
position: absolute
|
||||
left: 50%
|
||||
top: 50%
|
||||
-webkit-transform: translate(-50%, -50%)
|
||||
transform: translate(-50%, -50%)
|
||||
color: #ccc
|
||||
27
themes/next/source/css/_common/components/third-party/needsharebutton.styl
vendored
Normal file
27
themes/next/source/css/_common/components/third-party/needsharebutton.styl
vendored
Normal file
@ -0,0 +1,27 @@
|
||||
#needsharebutton-postbottom {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
height: 26px;
|
||||
|
||||
.btn {
|
||||
display: initial;
|
||||
padding: 1px 4px;
|
||||
border: 1px solid $btn-default-border-color;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
#needsharebutton-float {
|
||||
position: fixed;
|
||||
bottom: 38px;
|
||||
left: -8px;
|
||||
z-index: 9999;
|
||||
cursor: pointer;
|
||||
|
||||
.btn {
|
||||
//display: initial;
|
||||
padding: 0 10px 0 14px
|
||||
border: 1px solid $btn-default-border-color;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
9
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
9
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
@ -0,0 +1,9 @@
|
||||
@import "duoshuo";
|
||||
@import "gitment" if hexo-config('gitment.enable');
|
||||
@import "jiathis";
|
||||
@import "han";
|
||||
@import "baidushare";
|
||||
@import "localsearch";
|
||||
@import "busuanzi-counter";
|
||||
@import "algolia-search" if hexo-config('algolia_search.enable');
|
||||
@import "needsharebutton" if hexo-config('needmoreshare2.enable');
|
||||
58
themes/next/source/css/_common/outline/outline.styl
Normal file
58
themes/next/source/css/_common/outline/outline.styl
Normal file
@ -0,0 +1,58 @@
|
||||
//
|
||||
// Layout
|
||||
// Note: Must name this file "outline" instead of "layout"
|
||||
// Or Hexo will use it as template layout.
|
||||
// =================================================
|
||||
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
|
||||
// Header Section
|
||||
// --------------------------------------------------
|
||||
.header-inner {
|
||||
margin: 0 auto;
|
||||
padding: 100px 0 70px;
|
||||
width: $content-desktop;
|
||||
|
||||
+desktop-large() {
|
||||
.container & { width: $content-desktop-large; }
|
||||
}
|
||||
}
|
||||
|
||||
// Main Section
|
||||
// --------------------------------------------------
|
||||
.main { padding-bottom: $footer-height + $gap-between-main-and-footer; }
|
||||
.main-inner {
|
||||
margin: 0 auto;
|
||||
width: $content-desktop;
|
||||
|
||||
+desktop-large() {
|
||||
.container & { width: $content-desktop-large; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Footer Section
|
||||
// --------------------------------------------------
|
||||
.footer {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: $footer-height;
|
||||
}
|
||||
.footer-inner {
|
||||
box-sizing: border-box;
|
||||
margin: 20px auto;
|
||||
width: $content-desktop;
|
||||
|
||||
+desktop-large() {
|
||||
.container & { width: $content-desktop-large; }
|
||||
}
|
||||
}
|
||||
111
themes/next/source/css/_common/scaffolding/base.styl
Normal file
111
themes/next/source/css/_common/scaffolding/base.styl
Normal file
@ -0,0 +1,111 @@
|
||||
|
||||
::selection {
|
||||
background: $selection-bg;
|
||||
color: $selection-color;
|
||||
}
|
||||
|
||||
body {
|
||||
position: relative; // Required by scrollspy
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
line-height: $line-height-base;
|
||||
color: $text-color;
|
||||
background: $body-bg-color;
|
||||
|
||||
+mobile() { padding-right: 0 !important; }
|
||||
+tablet() { padding-right: 0 !important; }
|
||||
+desktop-large() { font-size: $font-size-large; }
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
font-family: $font-family-headings;
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 { margin: 20px 0 15px; }
|
||||
|
||||
for headline in (1..6) {
|
||||
h{headline} {
|
||||
font-size: $font-size-headings-base - $font-size-headings-step * headline;
|
||||
}
|
||||
|
||||
+mobile() {
|
||||
h{headline} {
|
||||
font-size: $font-size-headings-base - $font-size-headings-step * headline - 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p { margin: 0 0 20px 0; }
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
border-bottom: 1px solid $grey-dark;
|
||||
word-wrap: break-word;
|
||||
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
border-bottom-color: $link-decoration-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
hr {
|
||||
margin: 40px 0;
|
||||
height: 3px;
|
||||
border: none;
|
||||
background-color: $gray-lighter;
|
||||
background-image: repeating-linear-gradient(
|
||||
-45deg,
|
||||
white,
|
||||
white 4px,
|
||||
transparent 4px,
|
||||
transparent 8px
|
||||
);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0 15px;
|
||||
color: $grey-dim;
|
||||
border-left: 4px solid $gray-lighter;
|
||||
|
||||
cite::before {
|
||||
content: "-";
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
dt { font-weight: $font-weight-bolder; }
|
||||
|
||||
dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
kbd {
|
||||
border: 1px solid $grey-light;
|
||||
border-radius: 0.2em;
|
||||
box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1);
|
||||
background-color: #f9f9f9;
|
||||
font-family: inherit;
|
||||
background-image: -webkit-linear-gradient(top, #eee, white, #eee);
|
||||
padding: 0.1em 0.3em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
67
themes/next/source/css/_common/scaffolding/helpers.styl
Normal file
67
themes/next/source/css/_common/scaffolding/helpers.styl
Normal file
@ -0,0 +1,67 @@
|
||||
//
|
||||
// Helpers
|
||||
// =================================================
|
||||
|
||||
|
||||
|
||||
// Alignment
|
||||
.text-left { text-align: left; }
|
||||
.text-center { text-align: center; }
|
||||
.text-right { text-align: right; }
|
||||
.text-justify { text-align: justify; }
|
||||
.text-nowrap { white-space: nowrap; }
|
||||
|
||||
|
||||
// Transformation
|
||||
.text-lowercase { text-transform: lowercase; }
|
||||
.text-uppercase { text-transform: uppercase; }
|
||||
.text-capitalize { text-transform: capitalize; }
|
||||
|
||||
|
||||
// Center-align a block level element.
|
||||
.center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
// Clearfix. http://nicolasgallagher.com/micro-clearfix-hack/
|
||||
.clearfix {
|
||||
clearfix();
|
||||
}
|
||||
|
||||
.pullquote {
|
||||
width: 45%;
|
||||
|
||||
&.left {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
&.right {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.affix.affix.affix { position: fixed; }
|
||||
|
||||
.translation {
|
||||
margin-top: -20px;
|
||||
font-size: 14px;
|
||||
color: $grey-dark;
|
||||
}
|
||||
|
||||
// https://davidwalsh.name/detect-scrollbar-width
|
||||
.scrollbar-measure {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
overflow: scroll;
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
}
|
||||
|
||||
.use-motion .motion-element { opacity: 0; }
|
||||
121
themes/next/source/css/_common/scaffolding/mobile.styl
Normal file
121
themes/next/source/css/_common/scaffolding/mobile.styl
Normal file
@ -0,0 +1,121 @@
|
||||
/*
|
||||
// > 1600px
|
||||
+desktop-large() {
|
||||
|
||||
}
|
||||
|
||||
// > 992px
|
||||
+desktop() {
|
||||
|
||||
}
|
||||
|
||||
// > 768px & < 991px
|
||||
+tablet() {
|
||||
|
||||
}
|
||||
|
||||
|
||||
// < 767px
|
||||
+mobile() {
|
||||
|
||||
}
|
||||
*/
|
||||
|
||||
// < 567px
|
||||
+mobile-small() {
|
||||
|
||||
// For Muse & Mist schemes only vertical economy.
|
||||
.header-inner {
|
||||
margin-bottom: initial !important;
|
||||
}
|
||||
.main-inner {
|
||||
margin-top: initial !important;
|
||||
}
|
||||
|
||||
// For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
|
||||
.content-wrap {
|
||||
padding: initial !important;
|
||||
}
|
||||
|
||||
// For all schemes wider width.
|
||||
.posts-expand {
|
||||
padding-top: $content-mobile-padding !important;
|
||||
// For Muse & Mist & Pisces schemes only wider width.
|
||||
margin: initial !important;
|
||||
|
||||
.post-header {
|
||||
padding: 0 18px;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
margin: 3px 0 10px 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.post-block {
|
||||
// Inside posts blocks content padding (default 40px).
|
||||
padding: $content-mobile-padding 0 !important;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
// For headers narrow width.
|
||||
h2, h3, h4, h5, h6 {
|
||||
margin: 10px 18px 8px;
|
||||
}
|
||||
// Rewrite paddings & margins inside tags.
|
||||
.note, .tabs .tab-content .tab-pane {
|
||||
h2, h3, h4, h5, h6 {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// For paragraphs narrow width.
|
||||
p {
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0 18px;
|
||||
}
|
||||
|
||||
// Rewrite paddings & margins inside tags.
|
||||
.note > p, .tabs .tab-content .tab-pane > p {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.video-container .fluid-vids {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.note {
|
||||
padding: 10px !important;
|
||||
margin-bottom: 10px !important;
|
||||
|
||||
if hexo-config('note.icons') {
|
||||
&:not(.no-icon) {
|
||||
padding-left: 35px !important;
|
||||
&:before {
|
||||
top: 8px !important;
|
||||
left: 12px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs .tab-content .tab-pane {
|
||||
padding: 10px 10px 0 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Need to refactor into flex.
|
||||
.post-nav {
|
||||
padding-bottom: 2px;
|
||||
//padding: 2px 8px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
// < 413px
|
||||
+mobile-smallest() {
|
||||
|
||||
}
|
||||
*/
|
||||
427
themes/next/source/css/_common/scaffolding/normalize.styl
vendored
Normal file
427
themes/next/source/css/_common/scaffolding/normalize.styl
vendored
Normal file
@ -0,0 +1,427 @@
|
||||
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
||||
* Correct `block` display not defined for `details` or `summary` in IE 10/11
|
||||
* and Firefox.
|
||||
* Correct `block` display not defined for `main` in IE 11.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
menu,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `inline-block` display not defined in IE 8/9.
|
||||
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9/10.
|
||||
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9/10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow not hidden in IE 9/10/11.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contain overflow in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address odd `em`-unit font size rendering in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
||||
* styling of `select`, unless a `border` property is set.
|
||||
*/
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited.
|
||||
* Known issue: affects color of disabled elements.
|
||||
* 2. Correct font properties not being inherited.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
||||
* Correct `select` style inheritance in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* It's recommended that you don't attempt to style these elements.
|
||||
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
||||
*
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
||||
* 2. Remove excess padding in IE 8/9/10.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
* `font-size` values of the `input`, it causes the cursor style of the
|
||||
* decrement button to change from `default` to `text`.
|
||||
*/
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||||
* padding (and `textfield` appearance).
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default vertical scrollbar in IE 8/9/10/11.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* Don't inherit the `font-weight` (applied by a rule above).
|
||||
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
//
|
||||
// Scaffolding
|
||||
// =================================================
|
||||
|
||||
@import "normalize";
|
||||
@import "base";
|
||||
@import "helpers";
|
||||
@import "tables";
|
||||
@import "mobile" if hexo-config('mobile_layout_economy');
|
||||
33
themes/next/source/css/_common/scaffolding/tables.styl
Normal file
33
themes/next/source/css/_common/scaffolding/tables.styl
Normal file
@ -0,0 +1,33 @@
|
||||
table {
|
||||
margin: 20px 0;
|
||||
width: $table-width;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border: 1px solid $table-border-color;
|
||||
font-size: $table-font-size;
|
||||
table-layout: fixed;
|
||||
word-wrap: break-all;
|
||||
}
|
||||
table>tbody>tr {
|
||||
&:nth-of-type(odd) { background-color: $table-row-odd-bg-color; }
|
||||
&:hover { background-color: $table-row-hover-bg-color; }
|
||||
}
|
||||
|
||||
caption, th, td {
|
||||
padding: $table-cell-padding;
|
||||
text-align: $table-content-alignment;
|
||||
vertical-align: $table-content-vertical;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border-bottom: 3px solid $table-cell-border-bottom-color;
|
||||
border-right: 1px solid $table-cell-border-right-color;
|
||||
}
|
||||
|
||||
th {
|
||||
padding-bottom: 10px;
|
||||
font-weight: $table-th-font-weight;
|
||||
}
|
||||
|
||||
td { border-bottom-width: 1px; }
|
||||
27
themes/next/source/css/_custom/custom.styl
Normal file
27
themes/next/source/css/_custom/custom.styl
Normal file
@ -0,0 +1,27 @@
|
||||
// Custom styles.
|
||||
#rewardButton span {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-stretch: normal;
|
||||
font-size: 18px;
|
||||
font-family: "Microsoft Yahei";
|
||||
background: #f44336;
|
||||
}
|
||||
#rewardButton {
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
}
|
||||
1
themes/next/source/css/_mixins/Gemini.styl
Normal file
1
themes/next/source/css/_mixins/Gemini.styl
Normal file
@ -0,0 +1 @@
|
||||
@import "Pisces.styl";
|
||||
0
themes/next/source/css/_mixins/Mist.styl
Normal file
0
themes/next/source/css/_mixins/Mist.styl
Normal file
0
themes/next/source/css/_mixins/Muse.styl
Normal file
0
themes/next/source/css/_mixins/Muse.styl
Normal file
17
themes/next/source/css/_mixins/Pisces.styl
Normal file
17
themes/next/source/css/_mixins/Pisces.styl
Normal file
@ -0,0 +1,17 @@
|
||||
sidebar-inline-links-item() {
|
||||
margin: 5px 0 0;
|
||||
if !hexo-config('social_icons.icons_only') { width: 50%; }
|
||||
|
||||
& a {
|
||||
max-width: 216px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
if hexo-config('social_icons.transition') { the-transition(); }
|
||||
}
|
||||
}
|
||||
92
themes/next/source/css/_mixins/base.styl
Normal file
92
themes/next/source/css/_mixins/base.styl
Normal file
@ -0,0 +1,92 @@
|
||||
the-transition() {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-in-out;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
the-transition-ease-in() {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-in;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
the-transition-ease-out() {
|
||||
transition-duration: 0.2s;
|
||||
transition-timing-function: ease-out;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
mobile-smallest() {
|
||||
@media (max-width: 413px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
mobile-small() {
|
||||
@media (max-width: 567px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
mobile() {
|
||||
@media (max-width: 767px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
tablet() {
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
desktop() {
|
||||
@media (min-width: 992px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
desktop-large() {
|
||||
@media (min-width: 1600px) {
|
||||
{block}
|
||||
}
|
||||
}
|
||||
|
||||
circle() {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
transform() {
|
||||
-webkit-transform: arguments
|
||||
-moz-transform: arguments
|
||||
-ms-transform: arguments
|
||||
-o-transform: arguments
|
||||
transform: arguments
|
||||
}
|
||||
|
||||
hide() {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
show() {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
fixbutton() {
|
||||
right: 20px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
random-color($min, $max) {
|
||||
return floor(math(0, 'random') * ($max - $min + 1) + $min);
|
||||
}
|
||||
|
||||
// Clearfix. http://nicolasgallagher.com/micro-clearfix-hack/
|
||||
clearfix() {
|
||||
&:before,
|
||||
&:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
&:after { clear: both; }
|
||||
}
|
||||
0
themes/next/source/css/_mixins/custom.styl
Normal file
0
themes/next/source/css/_mixins/custom.styl
Normal file
243
themes/next/source/css/_schemes/Gemini/index.styl
Normal file
243
themes/next/source/css/_schemes/Gemini/index.styl
Normal file
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
12
themes/next/source/css/_schemes/Mist/_base.styl
Normal file
12
themes/next/source/css/_schemes/Mist/_base.styl
Normal file
@ -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;
|
||||
}
|
||||
63
themes/next/source/css/_schemes/Mist/_header.styl
Normal file
63
themes/next/source/css/_schemes/Mist/_header.styl
Normal file
@ -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%; }
|
||||
}
|
||||
1
themes/next/source/css/_schemes/Mist/_logo.styl
Normal file
1
themes/next/source/css/_schemes/Mist/_logo.styl
Normal file
@ -0,0 +1 @@
|
||||
.site-subtitle { display: none; }
|
||||
46
themes/next/source/css/_schemes/Mist/_menu.styl
Normal file
46
themes/next/source/css/_schemes/Mist/_menu.styl
Normal file
@ -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; }
|
||||
}
|
||||
67
themes/next/source/css/_schemes/Mist/_posts-expanded.styl
Normal file
67
themes/next/source/css/_schemes/Mist/_posts-expanded.styl
Normal file
@ -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; }
|
||||
}
|
||||
}
|
||||
5
themes/next/source/css/_schemes/Mist/_search.styl
Normal file
5
themes/next/source/css/_schemes/Mist/_search.styl
Normal file
@ -0,0 +1,5 @@
|
||||
// Search
|
||||
// --------------------------------------------------
|
||||
.site-search form {
|
||||
display: none;
|
||||
}
|
||||
91
themes/next/source/css/_schemes/Mist/index.styl
Normal file
91
themes/next/source/css/_schemes/Mist/index.styl
Normal file
@ -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
|
||||
// --------------------------------------------------
|
||||
@ -0,0 +1 @@
|
||||
.main-inner { margin-top: 80px; }
|
||||
@ -0,0 +1 @@
|
||||
.links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; }
|
||||
9
themes/next/source/css/_schemes/Muse/_layout.styl
Normal file
9
themes/next/source/css/_schemes/Muse/_layout.styl
Normal file
@ -0,0 +1,9 @@
|
||||
.header-inner, .container .main-inner, .footer-inner {
|
||||
+mobile() { width: auto; }
|
||||
}
|
||||
|
||||
// embed tag
|
||||
embed {
|
||||
display: block;
|
||||
margin: 0px auto 25px auto;
|
||||
}
|
||||
21
themes/next/source/css/_schemes/Muse/_logo.styl
Normal file
21
themes/next/source/css/_schemes/Muse/_logo.styl
Normal file
@ -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;
|
||||
}
|
||||
33
themes/next/source/css/_schemes/Muse/_menu.styl
Normal file
33
themes/next/source/css/_schemes/Muse/_menu.styl
Normal file
@ -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; }
|
||||
}
|
||||
5
themes/next/source/css/_schemes/Muse/_search.styl
Normal file
5
themes/next/source/css/_schemes/Muse/_search.styl
Normal file
@ -0,0 +1,5 @@
|
||||
// Search
|
||||
// --------------------------------------------------
|
||||
.site-search form {
|
||||
display: none;
|
||||
}
|
||||
5
themes/next/source/css/_schemes/Muse/index.styl
Normal file
5
themes/next/source/css/_schemes/Muse/index.styl
Normal file
@ -0,0 +1,5 @@
|
||||
@import "_layout.styl";
|
||||
@import "_logo.styl";
|
||||
@import "_menu.styl";
|
||||
@import "_search.styl";
|
||||
@import "sidebar/sidebar-blogroll";
|
||||
@ -0,0 +1 @@
|
||||
.links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; }
|
||||
30
themes/next/source/css/_schemes/Pisces/_brand.styl
Normal file
30
themes/next/source/css/_schemes/Pisces/_brand.styl
Normal file
@ -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; }
|
||||
130
themes/next/source/css/_schemes/Pisces/_layout.styl
Normal file
130
themes/next/source/css/_schemes/Pisces/_layout.styl
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
67
themes/next/source/css/_schemes/Pisces/_menu.styl
Normal file
67
themes/next/source/css/_schemes/Pisces/_menu.styl
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
5
themes/next/source/css/_schemes/Pisces/_posts.styl
Normal file
5
themes/next/source/css/_schemes/Pisces/_posts.styl
Normal file
@ -0,0 +1,5 @@
|
||||
.post-body {
|
||||
+mobile() {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
124
themes/next/source/css/_schemes/Pisces/_sidebar.styl
Normal file
124
themes/next/source/css/_schemes/Pisces/_sidebar.styl
Normal file
@ -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; }
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user