This commit is contained in:
2019-05-30 18:52:14 +08:00
commit aa360a22bf
341 changed files with 30369 additions and 0 deletions

View File

@ -0,0 +1,38 @@
.site-brand-wrapper {
position: relative;
}
.site-meta {
padding: 20px 0;
color: white;
background: $black-deep;
+tablet-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;
}
.custom-logo-image {
margin-top: 20px;
+tablet-mobile() {
hide();
}
}
.site-search form {
hide();
}

View File

@ -0,0 +1,105 @@
.header {
position: relative;
margin: 0 auto;
width: $content-desktop;
+desktop-large() {
width: $content-desktop-large;
}
+desktop-largest() {
width: $content-desktop-largest;
}
+tablet-mobile() {
width: auto;
}
}
.header-inner {
position: absolute;
top: 0;
overflow: hidden;
padding: 0;
width: $sidebar-desktop;
background: white;
box-shadow: $box-shadow-inner;
border-radius: $border-radius-inner;
+desktop-large() {
.container & { width: $sidebar-desktop; }
}
+tablet-mobile() {
position: relative;
width: auto;
border-radius: initial;
}
}
.main {
clearfix();
}
.container .main-inner {
+tablet-mobile() {
width: auto;
}
}
.content-wrap {
float: right;
box-sizing: border-box;
padding: $content-desktop-padding;
width: $content-wrap;
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-left: -100%;
width: $sidebar-desktop;
background: $body-bg-color;
box-shadow: none;
+tablet-mobile() {
hide();
}
}
.sidebar-toggle { display: none; }
.footer-inner {
padding-left: 260px;
+tablet-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;
}
}

View File

@ -0,0 +1,87 @@
.site-nav {
border-top: none;
+tablet() {
display: none !important;
}
}
.site-nav-on {
+tablet() {
display: block !important;
}
}
.menu-item-active a {
background: #f9f9f9;
border-bottom-color: white;
badges = hexo-config('menu_settings.badges');
if not badges {
&:after {
content: " ";
position: absolute;
top: 50%;
margin-top: -3px;
right: 15px;
width: 6px;
height: 6px;
background-color: $grey;
circle();
}
}
}
.menu .menu-item {
show();
margin: 0;
a, span.exturl {
position: relative;
box-sizing: border-box;
padding: 5px 20px;
text-align: left;
line-height: inherit;
transition-property: background-color;
the-transition();
&:hover {
@extend .menu-item-active a;
}
disable-touch-hover();
}
.badge {
display: inline-block;
padding: 2px 5px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: $grey-light;
border-radius: 10px;
float: right;
margin: 0.35em 0 0 0;
text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
br { display: none; }
}
.btn-bar {
background-color: white;
}
.site-nav-toggle {
left: 20px;
top: 50%;
transform: translateY(-50%);
+tablet() {
show();
}
}

View File

@ -0,0 +1,121 @@
.use-motion .sidebar .motion-element { opacity: 1; }
.sidebar {
right: auto;
bottom: auto;
// Do NOT delete this line
// or Affix (position: fixed) will not work in Google Chrome.
-webkit-transform: none;
a, span.exturl {
color: $black-light;
&:hover {
color: $black-deep;
border-bottom-color: $black-deep;
}
}
}
.sidebar-inner {
//padding: 20px 10px 0;
box-sizing: border-box;
width: $sidebar-desktop;
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();
}
.site-state-item {
padding: 0 10px;
}
.feed-link, .chat {
border-top: 1px dotted $grey-light;
border-bottom: 1px dotted $grey-light;
text-align: center;
a {
show();
color: $orange;
border: none !important;
&:hover {
background: none;
color: darken($orange, 20%);
i { color: darken($orange, 20%); }
}
}
}
.links-of-author {
//clearfix();
display: flex;
flex-wrap: wrap;
justify-content: center;
span.exturl {
font-size: 13px;
}
}
.links-of-author-item {
sidebar-inline-links-item();
a:before, span.exturl:before { display: none; }
a, span.exturl {
border-bottom: none;
text-decoration: underline;
}
a, span.exturl {
show();
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;
padding: 3px 0 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; }
}
}

View File

@ -0,0 +1,38 @@
.sub-menu {
margin: 0;
padding: 6px 0;
background: #fff !important;
border-bottom: 1px solid $table-border-color;
}
.sub-menu .menu-item {
display: inline-block !important;
& a, span.exturl {
padding: initial !important;
margin: 5px 10px;
}
& a:hover, span.exturl:hover {
background: initial !important;
color: $sidebar-highlight;
}
}
.sub-menu .menu-item-active a {
background: #fff !important;
color: $sidebar-highlight;
border-bottom-color: $sidebar-highlight;
&:hover {
background: #fff !important;
border-bottom-color: $sidebar-highlight;
}
badges = hexo-config('menu_settings.badges');
if not badges {
&:after {
content: initial;
}
}
}

View File

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