2025-2-26-fixed
This commit is contained in:
@ -0,0 +1,20 @@
|
||||
.back-to-top {
|
||||
background: transparent;
|
||||
margin: 20px - $sidebar-offset -10px -20px;
|
||||
opacity: 0;
|
||||
|
||||
if (!hexo-config('back2top.scrollpercent')) {
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.back-to-top-on {
|
||||
cursor: pointer;
|
||||
opacity: $b2t-opacity;
|
||||
|
||||
&:hover {
|
||||
opacity: $b2t-opacity-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
36
themes/next/source/css/_common/components/back-to-top.styl
Normal file
36
themes/next/source/css/_common/components/back-to-top.styl
Normal file
@ -0,0 +1,36 @@
|
||||
.back-to-top {
|
||||
background: $b2t-bg-color;
|
||||
bottom: $b2t-position-bottom;
|
||||
box-sizing: border-box;
|
||||
color: $b2t-color;
|
||||
cursor: pointer;
|
||||
left: $b2t-position-right;
|
||||
opacity: $b2t-opacity;
|
||||
padding: 0 6px;
|
||||
position: fixed;
|
||||
transition-property: bottom;
|
||||
z-index: $zindex-3;
|
||||
|
||||
if (hexo-config('back2top.scrollpercent')) {
|
||||
width: initial;
|
||||
} else {
|
||||
width: 24px;
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-highlight;
|
||||
}
|
||||
|
||||
&.back-to-top-on {
|
||||
bottom: $b2t-position-bottom-on;
|
||||
}
|
||||
|
||||
+tablet-mobile() {
|
||||
left: $b2t-position-right-mobile;
|
||||
opacity: $b2t-opacity-hover;
|
||||
}
|
||||
}
|
||||
15
themes/next/source/css/_common/components/components.styl
Normal file
15
themes/next/source/css/_common/components/components.styl
Normal file
@ -0,0 +1,15 @@
|
||||
if (hexo-config('back2top.enable')) {
|
||||
.back-to-top {
|
||||
font-size: $b2t-font-size;
|
||||
text-align: center;
|
||||
the-transition();
|
||||
}
|
||||
|
||||
@import (hexo-config('back2top.sidebar') ? 'back-to-top-sidebar' : 'back-to-top');
|
||||
}
|
||||
|
||||
@import 'reading-progress' if (hexo-config('reading_progress.enable'));
|
||||
|
||||
@import 'post';
|
||||
@import 'pages';
|
||||
@import 'third-party';
|
||||
@ -0,0 +1,21 @@
|
||||
ul.breadcrumb {
|
||||
font-size: $font-size-smallest;
|
||||
list-style: none;
|
||||
margin: 1em 0;
|
||||
padding: 0 2em;
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
li + li::before {
|
||||
content: '/\00a0';
|
||||
font-weight: normal;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
li + li:last-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,37 @@
|
||||
.category-all-page {
|
||||
.category-all-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.category-all {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.category-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.category-list-item {
|
||||
margin: 5px 10px;
|
||||
}
|
||||
|
||||
.category-list-count {
|
||||
color: $grey;
|
||||
|
||||
&::before {
|
||||
content: ' (';
|
||||
display: inline;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: ') ';
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.category-list-child {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
// Page specific styles
|
||||
@import 'categories';
|
||||
@import 'schedule';
|
||||
@import 'breadcrumb';
|
||||
@import 'tag-cloud';
|
||||
104
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
104
themes/next/source/css/_common/components/pages/schedule.styl
Normal file
@ -0,0 +1,104 @@
|
||||
@keyframes dot-flash {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(.8);
|
||||
}
|
||||
}
|
||||
|
||||
.event-list {
|
||||
padding: 0;
|
||||
|
||||
hr {
|
||||
background: $black-deep;
|
||||
margin: 20px 0 45px 0;
|
||||
|
||||
&::after {
|
||||
background: $black-deep;
|
||||
color: white;
|
||||
content: 'NOW';
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
padding: 0 5px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.event {
|
||||
background: $black-deep;
|
||||
margin: 20px 0;
|
||||
min-height: 40px;
|
||||
padding: 15px 0 15px 10px;
|
||||
|
||||
.event-summary {
|
||||
color: white;
|
||||
margin: 0;
|
||||
padding-bottom: 3px;
|
||||
|
||||
&::before {
|
||||
animation: dot-flash 1s alternate infinite ease-in-out;
|
||||
color: white;
|
||||
content: '\f111';
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
margin-right: 25px;
|
||||
vertical-align: middle;
|
||||
font-family-icons();
|
||||
}
|
||||
}
|
||||
|
||||
.event-relative-time {
|
||||
color: $grey;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.event-details {
|
||||
color: white;
|
||||
display: block;
|
||||
line-height: 18px;
|
||||
margin-left: 56px;
|
||||
padding-bottom: 6px;
|
||||
padding-top: 3px;
|
||||
text-indent: -24px;
|
||||
|
||||
&::before {
|
||||
color: white;
|
||||
display: inline-block;
|
||||
margin-right: 9px;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
width: 14px;
|
||||
font-family-icons();
|
||||
}
|
||||
|
||||
&.event-location::before {
|
||||
content: '\f041';
|
||||
}
|
||||
|
||||
&.event-duration::before {
|
||||
content: '\f017';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.event-past {
|
||||
background: $whitesmoke;
|
||||
|
||||
.event-summary, .event-details {
|
||||
color: $grey;
|
||||
opacity: .9;
|
||||
|
||||
&::before {
|
||||
animation: none;
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
.tag-cloud {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
|
||||
&:hover {
|
||||
color: var(--link-hover-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,121 @@
|
||||
.posts-collapse {
|
||||
margin-left: $posts-collapse-margin;
|
||||
position: relative;
|
||||
|
||||
+mobile() {
|
||||
margin-left: $posts-collapse-margin-mobile;
|
||||
margin-right: $posts-collapse-margin-mobile;
|
||||
}
|
||||
|
||||
.collection-title {
|
||||
font-size: $font-size-large;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
background: $grey-dark;
|
||||
border: 1px solid white;
|
||||
border-radius: 50%;
|
||||
content: ' ';
|
||||
height: 10px;
|
||||
left: 0;
|
||||
margin-left: -6px;
|
||||
margin-top: -4px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.collection-year {
|
||||
font-size: $font-size-largest;
|
||||
font-weight: bold;
|
||||
margin: 60px 0;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
background: $grey;
|
||||
border-radius: 50%;
|
||||
content: ' ';
|
||||
height: 8px;
|
||||
left: 0;
|
||||
margin-left: -4px;
|
||||
margin-top: -4px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.collection-header {
|
||||
display: block;
|
||||
margin: 0 0 0 20px;
|
||||
|
||||
small {
|
||||
color: $grey;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-header {
|
||||
border-bottom: 1px dashed $grey-light;
|
||||
margin: 30px 0;
|
||||
padding-left: 15px;
|
||||
position: relative;
|
||||
transition-property: border;
|
||||
the-transition();
|
||||
|
||||
&::before {
|
||||
background: $grey;
|
||||
border: 1px solid white;
|
||||
border-radius: 50%;
|
||||
content: ' ';
|
||||
height: 6px;
|
||||
left: 0;
|
||||
margin-left: -4px;
|
||||
position: absolute;
|
||||
top: $font-size-smallest;
|
||||
transition-property: background;
|
||||
width: 6px;
|
||||
the-transition();
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-bottom-color: $grey-dim;
|
||||
|
||||
&::before {
|
||||
background: $black-deep;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
display: inline;
|
||||
font-size: $font-size-smallest;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
display: inline;
|
||||
|
||||
a, span.exturl {
|
||||
border-bottom: none;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.fa-external-link-alt {
|
||||
font-size: $font-size-small;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: $whitesmoke;
|
||||
content: ' ';
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin-left: -2px;
|
||||
position: absolute;
|
||||
top: 1.25em;
|
||||
width: 4px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
.post-copyright {
|
||||
background: var(--card-bg-color);
|
||||
border-left: 3px solid $red;
|
||||
list-style: none;
|
||||
margin: 2em 0 0;
|
||||
padding: .5em 1em;
|
||||
}
|
||||
11
themes/next/source/css/_common/components/post/post-eof.styl
Normal file
11
themes/next/source/css/_common/components/post/post-eof.styl
Normal file
@ -0,0 +1,11 @@
|
||||
.post-eof {
|
||||
background: $grey-light;
|
||||
height: 1px;
|
||||
margin: $post-eof-margin-top auto $post-eof-margin-bottom;
|
||||
text-align: center;
|
||||
width: 8%;
|
||||
|
||||
.post-block:last-of-type & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
.content {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.post-body {
|
||||
+desktop() {
|
||||
text-align: unquote(hexo-config('text_align.desktop'));
|
||||
}
|
||||
|
||||
+tablet-mobile() {
|
||||
text-align: unquote(hexo-config('text_align.mobile'));
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
padding-top: 10px;
|
||||
|
||||
.header-anchor {
|
||||
border-bottom-style: none;
|
||||
color: $grey-light;
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
visibility: hidden;
|
||||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .header-anchor {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
iframe, img, video {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.video-container {
|
||||
height: 0;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
padding-top: 75%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
iframe, object, embed {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
.followme {
|
||||
align-items: center;
|
||||
background: var(--card-bg-color);
|
||||
border-left: 3px solid $red;
|
||||
color: $grey;
|
||||
margin: 2em 0 1em 0;
|
||||
padding: 1em 1.5em;
|
||||
flex-column();
|
||||
|
||||
.social-list {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.social-item {
|
||||
margin: .5em 2em;
|
||||
}
|
||||
+tablet-mobile() {
|
||||
.social-item {
|
||||
margin: .5em .75em;
|
||||
}
|
||||
}
|
||||
|
||||
.social-link {
|
||||
border: 0;
|
||||
display:inline-block;
|
||||
text-align: center;
|
||||
|
||||
.icon {
|
||||
font-size: 1.75em;
|
||||
height: 1.75em;
|
||||
width: 1.75em;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
.post-gallery {
|
||||
align-items: center;
|
||||
display: grid;
|
||||
grid-gap: 10px;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
margin-bottom: 20px;
|
||||
|
||||
+mobile() {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
a {
|
||||
// For fancybox
|
||||
border: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
107
themes/next/source/css/_common/components/post/post-header.styl
Normal file
107
themes/next/source/css/_common/components/post/post-header.styl
Normal file
@ -0,0 +1,107 @@
|
||||
.posts-expand .post-header {
|
||||
font-size: $font-size-large;
|
||||
}
|
||||
|
||||
.posts-expand .post-title {
|
||||
font-size: $font-size-largest;
|
||||
font-weight: normal;
|
||||
margin: initial;
|
||||
text-align: center;
|
||||
word-wrap();
|
||||
|
||||
if (hexo-config('post_edit.enable')) {
|
||||
.post-edit-link {
|
||||
border-bottom: none;
|
||||
color: $grey;
|
||||
display: inline-block;
|
||||
float: right;
|
||||
font-size: $font-size-larger;
|
||||
margin-left: -1.2em;
|
||||
the-transition-ease-in();
|
||||
|
||||
+mobile-small() {
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $sidebar-highlight;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.posts-expand .post-title-link {
|
||||
border-bottom: none;
|
||||
color: var(--link-color);
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
|
||||
&::before {
|
||||
background: var(--link-color);
|
||||
bottom: 0;
|
||||
content: '';
|
||||
height: 2px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
transform: scaleX(0);
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
the-transition();
|
||||
}
|
||||
|
||||
&:hover::before {
|
||||
transform: scaleX(1);
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fa-external-link-alt {
|
||||
font-size: $font-size-small;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.posts-expand .post-meta {
|
||||
color: $grey-dark;
|
||||
font-family: $font-family-posts;
|
||||
font-size: $font-size-smallest;
|
||||
margin: 3px 0 60px 0;
|
||||
text-align: center;
|
||||
|
||||
.post-description {
|
||||
font-size: $font-size-small;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
time {
|
||||
border-bottom: 1px dashed $grey-dark;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta .post-meta-item + .post-meta-item::before {
|
||||
content: '|';
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
.post-meta-divider {
|
||||
margin: 0 .5em;
|
||||
}
|
||||
|
||||
.post-meta-item-icon {
|
||||
margin-right: 3px;
|
||||
|
||||
+tablet-mobile() {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta-item-text {
|
||||
if (!hexo-config('post_meta.item_text')) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
+tablet-mobile() {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
44
themes/next/source/css/_common/components/post/post-nav.styl
Normal file
44
themes/next/source/css/_common/components/post/post-nav.styl
Normal file
@ -0,0 +1,44 @@
|
||||
.post-nav {
|
||||
border-top: 1px solid $gainsboro;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 15px;
|
||||
padding: 10px 5px 0;
|
||||
}
|
||||
|
||||
.post-nav-item {
|
||||
flex: 1;
|
||||
|
||||
a {
|
||||
border-bottom: none;
|
||||
display: block;
|
||||
font-size: $font-size-small;
|
||||
line-height: 1.6;
|
||||
position: relative;
|
||||
|
||||
&:active {
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.fa {
|
||||
font-size: $font-size-smallest;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-right: 15px;
|
||||
|
||||
.fa {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: 15px;
|
||||
text-align: right;
|
||||
|
||||
.fa {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,59 @@
|
||||
.reward-container {
|
||||
margin: 20px auto;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
|
||||
button {
|
||||
background: transparent;
|
||||
border: 1px solid #fc6423;
|
||||
border-radius: 0;
|
||||
color: #fc6423;
|
||||
cursor: pointer;
|
||||
line-height: 2;
|
||||
outline: 0;
|
||||
padding: 0 15px;
|
||||
vertical-align: text-top;
|
||||
|
||||
&:hover {
|
||||
background: #fc6423;
|
||||
border: 1px solid transparent;
|
||||
color: #fa9366
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#qr {
|
||||
padding-top: 20px;
|
||||
|
||||
a {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
margin: .8em 2em 0 2em;
|
||||
max-width: 100%;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
if (hexo-config('reward_settings.animation')) {
|
||||
> div:hover p {
|
||||
animation: roll .1s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes roll {
|
||||
from {
|
||||
transform: rotateZ(30deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotateZ(-30deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
12
themes/next/source/css/_common/components/post/post-rtl.styl
Normal file
12
themes/next/source/css/_common/components/post/post-rtl.styl
Normal file
@ -0,0 +1,12 @@
|
||||
.rtl {
|
||||
&.post-body {
|
||||
p, a, h1, h2, h3, h4, h5, h6, li, ul, ol {
|
||||
direction: rtl;
|
||||
font-family: UKIJ Ekran;
|
||||
}
|
||||
}
|
||||
|
||||
&.post-title {
|
||||
font-family: UKIJ Ekran;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
.post-tags {
|
||||
margin-top: 40px;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
font-size: $font-size-smaller;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
.post-widgets {
|
||||
border-top: 1px solid $gainsboro;
|
||||
margin-top: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp_rating {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-top: 10px;
|
||||
padding-top: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.social-like {
|
||||
display: flex;
|
||||
font-size: $font-size-small;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
73
themes/next/source/css/_common/components/post/post.styl
Normal file
73
themes/next/source/css/_common/components/post/post.styl
Normal file
@ -0,0 +1,73 @@
|
||||
.post-body {
|
||||
font-family: $font-family-posts;
|
||||
word-wrap();
|
||||
|
||||
+desktop-large() {
|
||||
font-size: $font-size-large;
|
||||
}
|
||||
|
||||
.exturl .fa {
|
||||
font-size: $font-size-small;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.image-caption, .figure .caption {
|
||||
color: $grey-dark;
|
||||
font-size: $font-size-small;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
margin: -20px auto 15px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.post-sticky-flag {
|
||||
display: inline-block;
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
|
||||
.post-button {
|
||||
margin-top: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.use-motion {
|
||||
if (hexo-config('motion.transition.post_block')) {
|
||||
.post-block, .pagination, .comments {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
if (hexo-config('motion.transition.post_header')) {
|
||||
.post-header {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
if (hexo-config('motion.transition.post_body')) {
|
||||
.post-body {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
if (hexo-config('motion.transition.coll_header')) {
|
||||
.collection-header {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import 'post-collapse';
|
||||
@import 'post-eof';
|
||||
@import 'post-expand';
|
||||
@import 'post-gallery';
|
||||
@import 'post-header';
|
||||
@import 'post-nav';
|
||||
@import 'post-rtl';
|
||||
@import 'post-tags';
|
||||
@import 'post-widgets';
|
||||
@import 'post-reward';
|
||||
|
||||
@import 'post-copyright' if (hexo-config('creative_commons.post'));
|
||||
|
||||
@import 'post-followme' if (hexo-config('follow_me'));
|
||||
@ -0,0 +1,15 @@
|
||||
.reading-progress-bar {
|
||||
background: unquote(hexo-config('reading_progress.color'));
|
||||
display: block;
|
||||
height: unquote(hexo-config('reading_progress.height'));
|
||||
left: 0;
|
||||
position: fixed;
|
||||
width: 0;
|
||||
z-index: $zindex-5;
|
||||
|
||||
if (hexo-config('reading_progress.position') == 'bottom') {
|
||||
bottom: 0;
|
||||
} else {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
7
themes/next/source/css/_common/components/third-party/gitalk.styl
vendored
Normal file
7
themes/next/source/css/_common/components/third-party/gitalk.styl
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
.gt-header a, .gt-comments a, .gt-popup a {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.gt-container .gt-popup .gt-action.is--active::before {
|
||||
top: .7em;
|
||||
}
|
||||
6
themes/next/source/css/_common/components/third-party/math.styl
vendored
Normal file
6
themes/next/source/css/_common/components/third-party/math.styl
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
mjx-container[jax="CHTML"][display="true"], .has-jax {
|
||||
overflow: auto hidden;
|
||||
}
|
||||
mjx-container + br {
|
||||
display: none;
|
||||
}
|
||||
23
themes/next/source/css/_common/components/third-party/related-posts.styl
vendored
Normal file
23
themes/next/source/css/_common/components/third-party/related-posts.styl
vendored
Normal file
@ -0,0 +1,23 @@
|
||||
.popular-posts-header {
|
||||
border-bottom: 1px solid $gainsboro;
|
||||
display: block;
|
||||
font-size: $font-size-large;
|
||||
margin-bottom: 10px;
|
||||
margin-top: $post-eof-margin-bottom;
|
||||
}
|
||||
|
||||
.popular-posts {
|
||||
padding: 0;
|
||||
|
||||
.popular-posts-item {
|
||||
// list-style: none;
|
||||
margin-left: 2em;
|
||||
|
||||
.popular-posts-title {
|
||||
font-size: $font-size-small;
|
||||
font-weight: normal;
|
||||
line-height: $line-height-base * 1.2;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
193
themes/next/source/css/_common/components/third-party/search.styl
vendored
Normal file
193
themes/next/source/css/_common/components/third-party/search.styl
vendored
Normal file
@ -0,0 +1,193 @@
|
||||
.search-pop-overlay {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
transition: visibility 0s linear .2s, background .2s;
|
||||
visibility: hidden;
|
||||
width: 100%;
|
||||
z-index: $zindex-4;
|
||||
|
||||
&.search-active {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
transition: background .2s;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.search-popup {
|
||||
background: var(--card-bg-color);
|
||||
border-radius: 5px;
|
||||
height: 80%;
|
||||
left: calc(50% - 350px);
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
transform: scale(0);
|
||||
transition: transform .2s;
|
||||
width: 700px;
|
||||
z-index: $zindex-5;
|
||||
|
||||
.search-active & {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
+mobile() {
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.search-icon, .popup-btn-close {
|
||||
color: $grey-dark;
|
||||
font-size: 18px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.popup-btn-close {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover .fa {
|
||||
color: $black-deep;
|
||||
}
|
||||
}
|
||||
|
||||
.search-header {
|
||||
background: $gainsboro;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
display: flex;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
input.search-input {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
width: 100%;
|
||||
|
||||
&::-webkit-search-cancel-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (hexo-config('algolia_search.enable')) {
|
||||
.search-input-container {
|
||||
flex-grow: 1;
|
||||
|
||||
form {
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.algolia-powered {
|
||||
float: right;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.algolia-results {
|
||||
height: calc(100% - 55px);
|
||||
overflow: auto;
|
||||
padding: 5px 30px;
|
||||
|
||||
hr {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.algolia-hit-item {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.algolia-hit-item-link {
|
||||
border-bottom: 1px dashed $grey-light;
|
||||
display: block;
|
||||
the-transition();
|
||||
}
|
||||
|
||||
.algolia-pagination {
|
||||
.pagination {
|
||||
border-top: none;
|
||||
margin: 40px 0;
|
||||
opacity: 1;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.pagination-item {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.page-number {
|
||||
border-top: 1px solid transparent;
|
||||
the-transition();
|
||||
|
||||
&:hover {
|
||||
border-top: 1px solid $black-deep;
|
||||
}
|
||||
}
|
||||
|
||||
.current .page-number {
|
||||
@extend .pagination .page-number.current;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
border-top-color: $pagination-active-border;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled-item {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (hexo-config('local_search.enable')) {
|
||||
.search-popup {
|
||||
.search-input-container {
|
||||
flex-grow: 1;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
ul.search-result-list {
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
p.search-result {
|
||||
border-bottom: 1px dashed $grey-light;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
a.search-result-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.search-keyword {
|
||||
border-bottom: 1px dashed $red;
|
||||
color: $red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#search-result {
|
||||
display: flex;
|
||||
height: calc(100% - 55px);
|
||||
overflow: auto;
|
||||
padding: 5px 25px;
|
||||
}
|
||||
|
||||
#no-result {
|
||||
color: $grey-light;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
7
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
7
themes/next/source/css/_common/components/third-party/third-party.styl
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
@import 'gitalk' if (hexo-config('gitalk.enable'));
|
||||
|
||||
@import 'search' if (hexo-config('local_search.enable') || hexo-config('algolia_search.enable'));
|
||||
|
||||
@import 'related-posts' if (hexo-config('related_posts.enable'));
|
||||
|
||||
@import 'math' if (hexo-config('math.mathjax.enable'));
|
||||
Reference in New Issue
Block a user