Initial pages site
This commit is contained in:
Deon George
167
themes/spd/source/css/archive.styl
Normal file
167
themes/spd/source/css/archive.styl
Normal file
@@ -0,0 +1,167 @@
|
||||
$block-caption
|
||||
text-decoration: none
|
||||
text-transform: uppercase
|
||||
letter-spacing: 2px
|
||||
color: color-grey
|
||||
margin-bottom: 1em
|
||||
margin-left: 5px
|
||||
line-height: 1em
|
||||
font-weight: bold
|
||||
|
||||
// Colors
|
||||
color-default = #606060
|
||||
color-grey = #999
|
||||
color-black = #33363b
|
||||
color-border = #eef1f8
|
||||
color-link = #0e83cd
|
||||
color-link-bg = #f9fbfd
|
||||
color-link-hover = color-theme
|
||||
color-background = #fff
|
||||
color-code-background = #f8f8f8
|
||||
color-sidebar-text = #777
|
||||
color-widget-background = #ddd
|
||||
color-widget-border = rgba(58,61,98,0.1)
|
||||
color-footer-background = #f0f0f0
|
||||
color-mobile-nav-background = #191919
|
||||
color-theme-blue-twitter = #00aced
|
||||
color-theme-red = #ff7e79
|
||||
color-theme-orange = #fb6d19
|
||||
color-theme-green = #39aa56
|
||||
color-theme-green-light = #42b983
|
||||
color-theme-black = #414141
|
||||
|
||||
// Theme
|
||||
color-theme = color-theme-orange
|
||||
|
||||
//Layout
|
||||
block-margin = 50px
|
||||
|
||||
//Font
|
||||
font-futura-pt = "futura-pt", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", Microsoft JhengHei, WenQuanYi Micro Hei, "Microsoft YaHei", sans-serif
|
||||
line-height = 1.6em
|
||||
|
||||
.archives-wrap
|
||||
margin: block-margin 0
|
||||
|
||||
.archives
|
||||
clearfix()
|
||||
margin-left: 2em
|
||||
|
||||
.archive-year-wrap
|
||||
margin-bottom: 1em
|
||||
h1
|
||||
font-size: 1.3em
|
||||
|
||||
.archive-year
|
||||
@extend $block-caption
|
||||
color: color-theme
|
||||
|
||||
.archive-year:hover
|
||||
color: color-theme
|
||||
|
||||
.archive-year:before
|
||||
font-family: "FontAwesome"
|
||||
content: "\f273"
|
||||
margin-right: .2em
|
||||
|
||||
.archives-tags-wrap
|
||||
margin: block-margin 0
|
||||
blockquote
|
||||
padding: 1em
|
||||
margin: 4em 0 0 0
|
||||
font-size: 1.2em
|
||||
font-weight: bold
|
||||
color: color-black
|
||||
text-align: center;
|
||||
border-left: 0px solid color-theme
|
||||
background: rgba(208,211,248,0.15)
|
||||
a
|
||||
color: color-black
|
||||
margin: .2em
|
||||
&:hover
|
||||
color: color-theme
|
||||
|
||||
.archive-tag
|
||||
@extend $block-caption
|
||||
text-transform: none;
|
||||
color: color-theme
|
||||
|
||||
.archive-tag:hover
|
||||
color: color-theme
|
||||
|
||||
.archive-tag:before
|
||||
font-family: "FontAwesome"
|
||||
content: "\f02c"
|
||||
margin-right: .2em
|
||||
|
||||
.archives-category-wrap
|
||||
margin: block-margin 0
|
||||
blockquote
|
||||
padding: 1em
|
||||
font-size: 1.1em
|
||||
font-weight: bold
|
||||
line-height: 1.7em;
|
||||
color: color-theme
|
||||
text-align: left;
|
||||
border-left: 0px solid color-theme
|
||||
background: rgba(208,211,248,0.15)
|
||||
a
|
||||
color: color-black
|
||||
margin: .2em
|
||||
&:hover
|
||||
color: color-theme
|
||||
&:before
|
||||
font-family: "FontAwesome"
|
||||
content: "\f0da"
|
||||
margin-right: .5em
|
||||
|
||||
.archive-category
|
||||
@extend $block-caption
|
||||
text-transform: none;
|
||||
color: color-theme
|
||||
|
||||
.archive-category:before
|
||||
font-family: "FontAwesome"
|
||||
content: "\f07c"
|
||||
margin-right: .3em
|
||||
|
||||
.archives
|
||||
column-gap: 10px
|
||||
@media mq-tablet
|
||||
column-count: 1
|
||||
@media mq-normal
|
||||
column-count: 1
|
||||
|
||||
.archive-article
|
||||
avoid-column-break()
|
||||
|
||||
.archive-article-inner
|
||||
padding: 0px
|
||||
margin-bottom: 0px
|
||||
|
||||
.archive-article-title
|
||||
text-decoration: none
|
||||
color: color-default
|
||||
transition: color 0.2s
|
||||
line-height: line-height
|
||||
border-left: 1px solid color-theme;
|
||||
padding-left: 15px;
|
||||
&:hover
|
||||
color: color-link-hover
|
||||
|
||||
.archive-article-footer
|
||||
margin-top: 1em
|
||||
|
||||
.archive-article-date
|
||||
min-width: 85px
|
||||
float: left
|
||||
color: #c7c7c7
|
||||
text-decoration: none
|
||||
line-height: 1.6em
|
||||
margin-right: 15px
|
||||
display: block
|
||||
font-size: 1.1em
|
||||
font-family: font-futura-pt
|
||||
|
||||
.archive-article-date:hover
|
||||
color: color-theme
|
||||
44
themes/spd/source/css/backtotop.styl
Normal file
44
themes/spd/source/css/backtotop.styl
Normal file
@@ -0,0 +1,44 @@
|
||||
#backtotop
|
||||
position: fixed;
|
||||
right: 50px;
|
||||
bottom: 50px;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
width: 42px;
|
||||
height: 43px;
|
||||
background: url(images/backtotop.png) no-repeat 50% 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
||||
-moz-transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
||||
transition: visibility 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform 0.6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
||||
@media mq-mobile
|
||||
right: 12px;
|
||||
bottom: 20px;
|
||||
#backtotop i {
|
||||
display: block;
|
||||
margin-top: 48px;
|
||||
height: 14px;
|
||||
background: url(images/backtotop.png) no-repeat 50% -20px;
|
||||
opacity: .5;
|
||||
-webkit-transition: -webkit-transform .2s;
|
||||
-moz-transition: -moz-transform .2s;
|
||||
transition: transform .2s;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-moz-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0; }
|
||||
#backtotop.show {
|
||||
visibility: visible;
|
||||
opacity: 0.50; }
|
||||
#backtotop.launch {
|
||||
background-position: 50% -44px;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-500px);
|
||||
-moz-transform: translateY(-500px);
|
||||
-ms-transform: translateY(-500px);
|
||||
transform: translateY(-500px);
|
||||
pointer-events: none; }
|
||||
#backtotop.launch i {
|
||||
background-position: 50% 100%;
|
||||
-webkit-transform: scale(1.4, 3.2);
|
||||
-moz-transform: scale(1.4, 3.2);
|
||||
transform: scale(1.4, 3.2); }
|
||||
978
themes/spd/source/css/beantech.css
Normal file
978
themes/spd/source/css/beantech.css
Normal file
@@ -0,0 +1,978 @@
|
||||
@media (min-width: 1200px) {
|
||||
.post-container,
|
||||
.sidebar-container {
|
||||
padding-right: 5%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.post-container {
|
||||
padding-right: 5%;
|
||||
}
|
||||
}
|
||||
.sidebar-container {
|
||||
color: #bfbfbf;
|
||||
font-size: 14px;
|
||||
}
|
||||
.sidebar-container h5 {
|
||||
color: #808080;
|
||||
padding-bottom: 1em;
|
||||
text-transform: uppercase
|
||||
}
|
||||
.sidebar-container h5 a {
|
||||
color: #808080 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sidebar-container a {
|
||||
color: #bfbfbf !important;
|
||||
}
|
||||
.sidebar-container a:hover,
|
||||
.sidebar-container a:active {
|
||||
color: #0085a1 !important;
|
||||
}
|
||||
.sidebar-container .tags a {
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
.sidebar-container .tags a:hover,
|
||||
.sidebar-container .tags a:active {
|
||||
border-color: #0085a1;
|
||||
}
|
||||
|
||||
.sidebar-container .short-about img {
|
||||
width: 80%;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.sidebar-container .short-about p {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.sidebar-container .short-about .list-inline > li {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
font-size: 16px;
|
||||
color: #404040;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
p {
|
||||
margin: 30px 0;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
line-height: 1.1;
|
||||
font-weight: bold;
|
||||
}
|
||||
h4 {
|
||||
font-size: 21px;
|
||||
}
|
||||
a {
|
||||
color: #404040;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #0085a1;
|
||||
}
|
||||
a img:hover,
|
||||
a img:focus {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
article {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
blockquote {
|
||||
color: #808080;
|
||||
font-style: italic;
|
||||
font-size: 0.95em;
|
||||
margin: 20px 0 20px;
|
||||
}
|
||||
blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
small.img-hint {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
text-align: center;
|
||||
}
|
||||
br + small.img-hint {
|
||||
margin-top: -40px;
|
||||
}
|
||||
img.shadow {
|
||||
box-shadow: rgba(0, 0, 0, 0.258824) 0px 2px 5px 0px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
margin-top: 15px;
|
||||
color: #337ab7;
|
||||
border-color: #337ab7;
|
||||
padding: 0em 0.4em;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
select {
|
||||
-webkit-appearance: none;
|
||||
margin-top: 15px;
|
||||
color: #337ab7;
|
||||
border-color: #337ab7;
|
||||
padding: 0 .4em;
|
||||
background: #fff;
|
||||
}
|
||||
select.sel-lang {
|
||||
min-height: 28px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.table th,
|
||||
.table td {
|
||||
border: 1px solid #eee !important;
|
||||
}
|
||||
hr.small {
|
||||
max-width: 100px;
|
||||
margin: 15px auto;
|
||||
border-width: 4px;
|
||||
/*border-color: white;*/
|
||||
}
|
||||
pre,
|
||||
.table-responsive {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
pre code {
|
||||
display: block;
|
||||
width: auto;
|
||||
white-space: pre;
|
||||
word-wrap: normal;
|
||||
}
|
||||
.post-container a {
|
||||
color: #337ab7;
|
||||
}
|
||||
.post-container a:hover,
|
||||
.post-container a:focus {
|
||||
color: #0085a1;
|
||||
}
|
||||
.post-container h1,
|
||||
.post-container h2,
|
||||
.post-container h3,
|
||||
.post-container h4,
|
||||
.post-container h5,
|
||||
.post-container h6 {
|
||||
margin: 30px 0 10px;
|
||||
}
|
||||
.post-container h5 {
|
||||
font-size: 19px;
|
||||
font-weight: 600;
|
||||
color: gray;
|
||||
}
|
||||
.post-container h5 + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.post-container h6 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: gray;
|
||||
}
|
||||
.post-container h6 + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.post-container ul,
|
||||
.post-container ol {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.post-container ul,
|
||||
.post-container ol {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 500px) {
|
||||
.post-container ul,
|
||||
.post-container ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
.post-container ol ol,
|
||||
.post-container ol ul,
|
||||
.post-container ul ol,
|
||||
.post-container ul ul {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.post-container li p {
|
||||
margin: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.post-container li h1,
|
||||
.post-container li h2,
|
||||
.post-container li h3,
|
||||
.post-container li h4,
|
||||
.post-container li h5,
|
||||
.post-container li h6 {
|
||||
line-height: 2;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.post-container .tags a {
|
||||
color: gray;
|
||||
border-color: gray;
|
||||
}
|
||||
.post-container .tags a:hover,
|
||||
.post-container .tags a:active {
|
||||
color: #0085a1;
|
||||
border-color: #0085a1;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.navbar-default .navbar-collapse {
|
||||
border: none;
|
||||
background: white;
|
||||
box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 4px;
|
||||
border-radius: 2px;
|
||||
width: 170px;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
}
|
||||
#huxblog_navbar {
|
||||
opacity: 0;
|
||||
transform: scaleX(0);
|
||||
transform-origin: top right;
|
||||
transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform: scaleX(0);
|
||||
-webkit-transform-origin: top right;
|
||||
-webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
#huxblog_navbar a {
|
||||
font-size: 13px;
|
||||
line-height: 28px;
|
||||
}
|
||||
#huxblog_navbar .navbar-collapse {
|
||||
height: 0px;
|
||||
transform: scaleY(0);
|
||||
transform-origin: top right;
|
||||
transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
-webkit-transform: scaleY(0);
|
||||
-webkit-transform-origin: top right;
|
||||
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
#huxblog_navbar li {
|
||||
opacity: 0;
|
||||
transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 205ms;
|
||||
-webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 205ms;
|
||||
}
|
||||
#huxblog_navbar.in {
|
||||
transform: scaleX(1);
|
||||
-webkit-transform: scaleX(1);
|
||||
opacity: 1;
|
||||
}
|
||||
#huxblog_navbar.in .navbar-collapse {
|
||||
transform: scaleY(1);
|
||||
-webkit-transform: scaleY(1);
|
||||
}
|
||||
#huxblog_navbar.in li {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.navbar-custom {
|
||||
background: none;
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.navbar-custom .navbar-brand {
|
||||
font-weight: 800;
|
||||
color: white;
|
||||
height: 56px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.navbar-custom .navbar-brand:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.navbar-custom .nav li a {
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.navbar-custom .nav li a:active {
|
||||
background: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.navbar-custom {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
.navbar-custom body {
|
||||
font-size: 20px;
|
||||
}
|
||||
.navbar-custom .navbar-brand {
|
||||
color: white;
|
||||
padding: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.navbar-custom .navbar-brand:hover,
|
||||
.navbar-custom .navbar-brand:focus {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.navbar-custom .nav li a {
|
||||
color: white;
|
||||
padding: 20px;
|
||||
}
|
||||
.navbar-custom .nav li a:hover,
|
||||
.navbar-custom .nav li a:focus {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.navbar-custom .nav li a:active {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.navbar-custom {
|
||||
-webkit-transition: background-color 0.3s;
|
||||
-moz-transition: background-color 0.3s;
|
||||
transition: background-color 0.3s;
|
||||
/* Force Hardware Acceleration in WebKit */
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.navbar-custom.is-fixed {
|
||||
/* when the user scrolls down, we hide the header right above the viewport */
|
||||
position: fixed;
|
||||
top: -61px;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
-moz-transition: -moz-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.navbar-custom.is-fixed .navbar-brand {
|
||||
color: #404040;
|
||||
}
|
||||
.navbar-custom.is-fixed .navbar-brand:hover,
|
||||
.navbar-custom.is-fixed .navbar-brand:focus {
|
||||
color: #0085a1;
|
||||
}
|
||||
.navbar-custom.is-fixed .nav li a {
|
||||
color: #404040;
|
||||
}
|
||||
.navbar-custom.is-fixed .nav li a:hover,
|
||||
.navbar-custom.is-fixed .nav li a:focus {
|
||||
color: #0085a1;
|
||||
}
|
||||
.navbar-custom.is-visible {
|
||||
/* if the user changes the scrolling direction, we show the header */
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
-moz-transform: translate3d(0, 100%, 0);
|
||||
-ms-transform: translate3d(0, 100%, 0);
|
||||
-o-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
}
|
||||
.intro-header {
|
||||
background: no-repeat center center;
|
||||
background-color: #808080;
|
||||
background-attachment: scroll;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
margin-bottom: 0px;
|
||||
/* modify by Yu-Hsuan Yen */
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.intro-header {
|
||||
margin-bottom: 20px;
|
||||
/* response on desktop */
|
||||
}
|
||||
}
|
||||
.intro-header .site-heading,
|
||||
.intro-header .post-heading,
|
||||
.intro-header .page-heading {
|
||||
padding: 85px 0 55px;
|
||||
color: white;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.intro-header .site-heading,
|
||||
.intro-header .post-heading,
|
||||
.intro-header .page-heading {
|
||||
padding: 150px 0;
|
||||
}
|
||||
}
|
||||
.intro-header .site-heading {
|
||||
padding: 95px 0 70px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.intro-header .site-heading {
|
||||
padding: 150px 0;
|
||||
}
|
||||
}
|
||||
.intro-header .site-heading,
|
||||
.intro-header .page-heading {
|
||||
text-align: center;
|
||||
}
|
||||
.intro-header .site-heading h1,
|
||||
.intro-header .page-heading h1 {
|
||||
margin-top: 0;
|
||||
font-size: 50px;
|
||||
}
|
||||
.intro-header .site-heading .subheading,
|
||||
.intro-header .page-heading .subheading {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
font-size: 18px;
|
||||
line-height: 1.1;
|
||||
display: block;
|
||||
font-weight: 300;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.intro-header .site-heading h1,
|
||||
.intro-header .page-heading h1 {
|
||||
font-size: 80px;
|
||||
}
|
||||
}
|
||||
.intro-header .post-heading h1 {
|
||||
font-size: 30px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.intro-header .post-heading .subheading,
|
||||
.intro-header .post-heading .meta {
|
||||
line-height: 1.1;
|
||||
display: block;
|
||||
}
|
||||
.intro-header .post-heading .subheading {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
font-size: 17px;
|
||||
line-height: 1.4;
|
||||
font-weight: normal;
|
||||
margin: 10px 0 30px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.intro-header .post-heading .meta {
|
||||
font-family: 'Lora', 'Times New Roman', serif;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-size: 18px;
|
||||
}
|
||||
.intro-header .post-heading .meta a {
|
||||
color: white;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.intro-header .post-heading h1 {
|
||||
font-size: 55px;
|
||||
}
|
||||
.intro-header .post-heading .subheading {
|
||||
font-size: 30px;
|
||||
}
|
||||
.intro-header .post-heading .meta {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.post-preview > a {
|
||||
color: #404040;
|
||||
}
|
||||
.post-preview > a:hover,
|
||||
.post-preview > a:focus {
|
||||
text-decoration: none;
|
||||
color: #0085a1;
|
||||
}
|
||||
.post-preview > a > .post-title {
|
||||
font-size: 21px;
|
||||
line-height: 1.3;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.post-preview > a > .post-subtitle {
|
||||
font-size: 15px;
|
||||
line-height: 1.3;
|
||||
margin: 0;
|
||||
font-weight: 300;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.post-preview > .post-meta {
|
||||
font-family: 'Lora', 'Times New Roman', serif;
|
||||
color: #808080;
|
||||
font-size: 16px;
|
||||
font-style: italic;
|
||||
margin-top: 0;
|
||||
}
|
||||
.post-preview > .post-meta > a {
|
||||
text-decoration: none;
|
||||
color: #404040;
|
||||
}
|
||||
.post-preview > .post-meta > a:hover,
|
||||
.post-preview > .post-meta > a:focus {
|
||||
color: #0085a1;
|
||||
text-decoration: underline;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.post-preview > a > .post-title {
|
||||
font-size: 26px;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.post-preview > a > .post-subtitle {
|
||||
font-size: 16px;
|
||||
}
|
||||
.post-preview .post-meta {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.post-content-preview {
|
||||
font-size: 13px;
|
||||
font-style: italic;
|
||||
color: #a3a3a3;
|
||||
}
|
||||
.post-content-preview:hover {
|
||||
color: #0085a1;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.post-content-preview {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.section-heading {
|
||||
font-size: 36px;
|
||||
margin-top: 60px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.caption {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
display: block;
|
||||
border-bottom-right-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
footer {
|
||||
font-size: 20px;
|
||||
padding: 50px 0 65px;
|
||||
}
|
||||
footer .list-inline {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
footer .copyright {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
footer .copyright a {
|
||||
color: #337ab7;
|
||||
}
|
||||
footer .copyright a:hover,
|
||||
footer .copyright a:focus {
|
||||
color: #0085a1;
|
||||
}
|
||||
.floating-label-form-group {
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
.floating-label-form-group input,
|
||||
.floating-label-form-group textarea {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-size: 1.5em;
|
||||
background: none;
|
||||
box-shadow: none !important;
|
||||
resize: none;
|
||||
}
|
||||
.floating-label-form-group label {
|
||||
display: block;
|
||||
z-index: 0;
|
||||
position: relative;
|
||||
top: 2em;
|
||||
margin: 0;
|
||||
font-size: 0.85em;
|
||||
line-height: 1.764705882em;
|
||||
vertical-align: middle;
|
||||
vertical-align: baseline;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
|
||||
-moz-transition: top 0.3s ease,opacity 0.3s ease;
|
||||
-ms-transition: top 0.3s ease,opacity 0.3s ease;
|
||||
transition: top 0.3s ease,opacity 0.3s ease;
|
||||
}
|
||||
.floating-label-form-group::not(:first-child) {
|
||||
padding-left: 14px;
|
||||
border-left: 1px solid #eeeeee;
|
||||
}
|
||||
.floating-label-form-group-with-value label {
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
.floating-label-form-group-with-focus label {
|
||||
color: #0085a1;
|
||||
}
|
||||
form .row:first-child .floating-label-form-group {
|
||||
border-top: 1px solid #eeeeee;
|
||||
}
|
||||
.btn {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1px;
|
||||
border-radius: 0;
|
||||
padding: 15px 25px;
|
||||
}
|
||||
.btn-lg {
|
||||
font-size: 16px;
|
||||
padding: 25px 35px;
|
||||
}
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #0085a1;
|
||||
border: 1px solid #0085a1;
|
||||
color: white;
|
||||
}
|
||||
.pager {
|
||||
margin: 20px 0 0 !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
.pager li > a,
|
||||
.pager li > span {
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
letter-spacing: 1px;
|
||||
padding: 10px;
|
||||
background-color: white;
|
||||
border-radius: 0;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.pager li > a,
|
||||
.pager li > span {
|
||||
font-size: 14px;
|
||||
padding: 15px 25px;
|
||||
}
|
||||
}
|
||||
.pager li > a {
|
||||
color: #404040;
|
||||
}
|
||||
.pager li > a:hover,
|
||||
.pager li > a:focus {
|
||||
color: white;
|
||||
background-color: #0085a1;
|
||||
border: 1px solid #0085a1;
|
||||
}
|
||||
.pager .disabled > a,
|
||||
.pager .disabled > a:hover,
|
||||
.pager .disabled > a:focus,
|
||||
.pager .disabled > span {
|
||||
color: #808080;
|
||||
background-color: #404040;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
::-moz-selection {
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
background: #0085a1;
|
||||
}
|
||||
::selection {
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
background: #0085a1;
|
||||
}
|
||||
img::selection {
|
||||
color: white;
|
||||
background: transparent;
|
||||
}
|
||||
img::-moz-selection {
|
||||
color: white;
|
||||
background: transparent;
|
||||
}
|
||||
body {
|
||||
webkit-tap-highlight-color: #0085a1;
|
||||
}
|
||||
/* Hux add tags support */
|
||||
.tags {
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
.tags a,
|
||||
.tags .tag {
|
||||
display: inline-block;
|
||||
border: 1px solid rgba(255, 255, 255, 0.8);
|
||||
border-radius: 999em;
|
||||
padding: 0 10px;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
margin: 0 1px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.tags a:hover,
|
||||
.tags .tag:hover,
|
||||
.tags a:active,
|
||||
.tags .tag:active {
|
||||
color: white;
|
||||
border-color: white;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
text-decoration: none;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.tags a,
|
||||
.tags .tag {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
#tag-heading {
|
||||
padding: 70px 0 60px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
#tag-heading {
|
||||
padding: 55px 0;
|
||||
}
|
||||
}
|
||||
#tag_cloud {
|
||||
margin: 20px 0 15px 0;
|
||||
}
|
||||
#tag_cloud a,
|
||||
#tag_cloud .tag {
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
line-height: 28px;
|
||||
margin: 0 2px;
|
||||
margin-bottom: 8px;
|
||||
background: #D6D6D6;
|
||||
}
|
||||
#tag_cloud a:hover,
|
||||
#tag_cloud .tag:hover,
|
||||
#tag_cloud a:active,
|
||||
#tag_cloud .tag:active {
|
||||
background-color: #0085a1 !important;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
#tag_cloud {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
.tag-comments {
|
||||
font-size: 12px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.tag-comments {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.t:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.listing-seperator {
|
||||
color: #0085a1;
|
||||
font-size: 21px !important;
|
||||
}
|
||||
.listing-seperator::before {
|
||||
margin-right: 5px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.listing-seperator {
|
||||
font-size: 20px !important;
|
||||
line-height: 2 !important;
|
||||
}
|
||||
}
|
||||
.one-tag-list .tag-text {
|
||||
font-weight: 200;
|
||||
/* Hux learn from
|
||||
* TypeIsBeautiful,
|
||||
* [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
|
||||
*/
|
||||
font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.one-tag-list .post-preview {
|
||||
position: relative;
|
||||
}
|
||||
.one-tag-list .post-preview > a .post-title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.one-tag-list .post-preview > a .post-subtitle {
|
||||
font-size: 12px;
|
||||
}
|
||||
.one-tag-list .post-preview > .post-meta {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 0px;
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.one-tag-list .post-preview {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.one-tag-list .post-preview > a > .post-title {
|
||||
font-size: 18px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.one-tag-list .post-preview > a > .post-subtitle {
|
||||
font-size: 14px;
|
||||
}
|
||||
.one-tag-list .post-preview .post-meta {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
/* Tags support End*/
|
||||
/* Hux make all img responsible in post-container */
|
||||
.post-container img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: 1.5em auto 1.6em auto;
|
||||
}
|
||||
/* Hux Optimize UserExperience */
|
||||
.navbar-default .navbar-toggle:focus,
|
||||
.navbar-default .navbar-toggle:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
.navbar-default .navbar-toggle:active {
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
/* Hux customize Style for navBar button */
|
||||
.navbar-default .navbar-toggle {
|
||||
border-color: transparent;
|
||||
padding: 19px 16px;
|
||||
margin-top: 2px;
|
||||
margin-right: 2px;
|
||||
margin-bottom: 2px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.navbar-default .navbar-toggle .icon-bar {
|
||||
width: 18px;
|
||||
border-radius: 0px;
|
||||
background-color: white;
|
||||
}
|
||||
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
|
||||
margin-top: 3px;
|
||||
}
|
||||
/* Hux customize Style for Duoshuo */
|
||||
.comment {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.comment #ds-thread #ds-reset a.ds-like-thread-button {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0px;
|
||||
background: white;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
.comment #ds-thread #ds-reset li.ds-tab a.ds-current {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0px;
|
||||
background: white;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
.comment #ds-thread #ds-reset .ds-textarea-wrapper {
|
||||
background: none;
|
||||
}
|
||||
.comment #ds-thread #ds-reset .ds-gradient-bg {
|
||||
background: none;
|
||||
}
|
||||
#ds-smilies-tooltip ul.ds-smilies-tabs li a {
|
||||
background: white !important;
|
||||
}
|
||||
.page-fullscreen .intro-header {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.page-fullscreen #tag-heading {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding-bottom: 150px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-box-align: center;
|
||||
display: -webkit-flex;
|
||||
-webkit-align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
-webkit-flex-direction: column;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.page-fullscreen footer {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
padding-bottom: 20px;
|
||||
opacity: 0.6;
|
||||
color: #fff;
|
||||
}
|
||||
.page-fullscreen footer .copyright {
|
||||
color: #fff;
|
||||
}
|
||||
.page-fullscreen footer .copyright a {
|
||||
color: #fff;
|
||||
}
|
||||
.page-fullscreen footer .copyright a:hover {
|
||||
color: #ddd;
|
||||
}
|
||||
1
themes/spd/source/css/beantech.min.css
vendored
Normal file
1
themes/spd/source/css/beantech.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
6566
themes/spd/source/css/bootstrap.css
vendored
Normal file
6566
themes/spd/source/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
5
themes/spd/source/css/bootstrap.min.css
vendored
Normal file
5
themes/spd/source/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
263
themes/spd/source/css/highlight.styl
Normal file
263
themes/spd/source/css/highlight.styl
Normal file
@@ -0,0 +1,263 @@
|
||||
/*https://github.com/chriskempson/tomorrow-theme*/
|
||||
|
||||
$highlight_theme = hexo-config("highlight_theme") || "normal"
|
||||
|
||||
|
||||
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
|
||||
|
||||
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
|
||||
|
||||
if $highlight_theme == "night yilia"
|
||||
$highlight-background = #4d4d4d
|
||||
$highlight-current-line = #393939
|
||||
$highlight-selection = #515151
|
||||
$highlight-foreground = #FFFFFF
|
||||
$highlight-comment = #75715E
|
||||
$highlight-red = #FD971F
|
||||
$highlight-orange = #f99157
|
||||
$highlight-yellow = #ffcc66
|
||||
$highlight-green = #E6DB74
|
||||
$highlight-aqua = #66cccc
|
||||
$highlight-blue = #A6E22E
|
||||
$highlight-purple = #F92672
|
||||
|
||||
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
|
||||
|
||||
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
|
||||
|
||||
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
|
||||
|
||||
|
||||
clearfix()
|
||||
&:before
|
||||
&:after
|
||||
content: ""
|
||||
display: table
|
||||
&:after
|
||||
clear: both
|
||||
zoom: 1 if support-for-ie
|
||||
|
||||
line-height = 1.6em
|
||||
font-size = 14px
|
||||
article-padding = 20px
|
||||
color-border = #ddd
|
||||
|
||||
|
||||
$code-font-size = 13px
|
||||
$code-background = #eee
|
||||
$code-foreground = #555
|
||||
$code-border-radius = 4px
|
||||
|
||||
|
||||
// Placeholder: $code-block
|
||||
$code-block {
|
||||
overflow: auto;
|
||||
margin: 20px 0;
|
||||
padding: 15px;
|
||||
font-size $code-font-size;
|
||||
color: $highlight-foreground;
|
||||
background: $highlight-background;
|
||||
line-height: $line-height-code-block;
|
||||
}
|
||||
|
||||
/*pre, code {
|
||||
font-family: $code-font-family;
|
||||
}*/
|
||||
|
||||
/*
|
||||
.post-container code {
|
||||
padding: 2px 4px;
|
||||
word-break: break-all;
|
||||
color: $code-foreground;
|
||||
background: $code-background;
|
||||
border-radius: $code-border-radius;
|
||||
font-size $code-font-size;
|
||||
}*/
|
||||
|
||||
.post-container pre {
|
||||
@extend $code-block;
|
||||
|
||||
code {
|
||||
padding: 0;
|
||||
color: $highlight-foreground;
|
||||
background: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post-container .highlight {
|
||||
@extend $code-block;
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 0;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
|
||||
td {
|
||||
border: none !important;
|
||||
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 {
|
||||
color: #666;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.line { height: 20px; }
|
||||
}
|
||||
|
||||
|
||||
.post-container .gist table {
|
||||
width: auto;
|
||||
|
||||
td { border: none; }
|
||||
}
|
||||
|
||||
.post-container 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;
|
||||
}
|
||||
|
||||
}
|
||||
1
themes/spd/source/css/hux-blog.min.css
vendored
Normal file
1
themes/spd/source/css/hux-blog.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
themes/spd/source/css/images/backtotop.png
Normal file
BIN
themes/spd/source/css/images/backtotop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
6
themes/spd/source/css/signature.styl
Normal file
6
themes/spd/source/css/signature.styl
Normal file
@@ -0,0 +1,6 @@
|
||||
#signature{
|
||||
background-position: right bottom;
|
||||
background-repeat: no-repeat;
|
||||
padding: 20px;
|
||||
background-size: 80px 60px;
|
||||
}
|
||||
62
themes/spd/source/css/toc.styl
Normal file
62
themes/spd/source/css/toc.styl
Normal file
@@ -0,0 +1,62 @@
|
||||
/*toc*/
|
||||
.toc-article
|
||||
position: absolute
|
||||
border-left: rgba(88,88,88,0.1) 1px solid
|
||||
padding 1em 1em 0 1em
|
||||
margin-left: 1em
|
||||
|
||||
.toc-title
|
||||
font-size 120%
|
||||
&:before
|
||||
font-family: "FontAwesome"
|
||||
content: "\f02e"
|
||||
margin-right: .5em
|
||||
|
||||
@media screen and (max-width: 1100px)
|
||||
#toc
|
||||
display: none
|
||||
|
||||
#toc
|
||||
width: inherit
|
||||
line-height 1em
|
||||
font-size 0.9em
|
||||
float left
|
||||
overflow: auto
|
||||
@media mq-mobile
|
||||
display: none
|
||||
@media mq-tablet
|
||||
display: none
|
||||
|
||||
.toc-fixed
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
margin-top: 0;
|
||||
max-height: 81%;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
|
||||
.toc-nav
|
||||
padding 0
|
||||
margin 1em
|
||||
line-height 1.8em
|
||||
li
|
||||
list-style-type: none
|
||||
a:hover
|
||||
background-color: transparent !important
|
||||
.active > a
|
||||
color: color-theme
|
||||
|
||||
.toc-nav-link
|
||||
font-family: "futura-pt", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", Microsoft JhengHei, WenQuanYi Micro Hei, "Microsoft YaHei", sans-serif;
|
||||
color: color-link
|
||||
padding 1px !important
|
||||
&:hover
|
||||
color: color-theme
|
||||
|
||||
.toc-nav-child
|
||||
margin-left 1.0em
|
||||
|
||||
#sidebar
|
||||
display: inline;
|
||||
float: left;
|
||||
padding-left: 12px;
|
||||
34
themes/spd/source/css/widget.styl
Normal file
34
themes/spd/source/css/widget.styl
Normal file
@@ -0,0 +1,34 @@
|
||||
//These are added by Yu-Hsuan Yen
|
||||
//theme for widget: archive, category, recent-post.
|
||||
.widget
|
||||
color: #bfbfbf
|
||||
background: transparent
|
||||
|
||||
a
|
||||
color: #bfbfbf
|
||||
text-decoration: none
|
||||
&:hover
|
||||
color: #0085a1
|
||||
text-decoration: none
|
||||
ul, ol
|
||||
ul, ol
|
||||
margin-left: 0 10px
|
||||
ul
|
||||
list-style: disc
|
||||
ol
|
||||
list-style: decimal
|
||||
|
||||
.category-list-count
|
||||
.tag-list-count
|
||||
.archive-list-count
|
||||
padding-left: 5px
|
||||
color: color-grey
|
||||
font-size: 0.85em
|
||||
&:before
|
||||
content: "("
|
||||
&:after
|
||||
content: ")"
|
||||
|
||||
#avatar_pic
|
||||
max-height: 200px
|
||||
max-width: 200px
|
||||
Reference in New Issue
Block a user