新主题改造
This commit is contained in:
结发受长生
@@ -0,0 +1,38 @@
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(/css/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url(/css/fonts/MaterialIcons-Regular.woff2) format('woff2'),
|
||||
url(/css/fonts/MaterialIcons-Regular.woff) format('woff'),
|
||||
url(/css/fonts/MaterialIcons-Regular.ttf) format('truetype');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
html, body
|
||||
font-family "Roboto", "sans-serif", "微软雅黑", "Helvetica Neue"
|
||||
|
||||
body
|
||||
background-color #f5f5f5
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
|
||||
main
|
||||
flex: 1 0 auto;
|
||||
@@ -0,0 +1,130 @@
|
||||
html
|
||||
color rgba(0, 0, 0, 0.8)
|
||||
|
||||
.container
|
||||
width 700px
|
||||
@media (max-width: 767px)
|
||||
width 90%
|
||||
.row
|
||||
margin-left auto
|
||||
margin-right auto
|
||||
.container.main-container
|
||||
@media (max-width: 767px)
|
||||
width 100%
|
||||
|
||||
// HTML标签样式
|
||||
// 重置materialize中的各种列表样式
|
||||
ul, ol
|
||||
padding-left 20px
|
||||
&.tabs
|
||||
padding-left 0
|
||||
|
||||
ul, ul li
|
||||
list-style-type disc
|
||||
word-break break-word
|
||||
|
||||
nav, .fixed-action-btn
|
||||
ul
|
||||
padding-left 0
|
||||
li
|
||||
list-style-type none
|
||||
|
||||
ul.pagination, ul.collapsible, ul.indicators
|
||||
padding-left 0
|
||||
li
|
||||
list-style-type none
|
||||
|
||||
img
|
||||
max-width 100%
|
||||
padding 4px
|
||||
background-color #F5F5F5
|
||||
border 1px solid #ddd
|
||||
border-radius 4px
|
||||
|
||||
strong
|
||||
font-weight bold
|
||||
|
||||
blockquote
|
||||
background-color rgba(0, 0, 0, 0.03)
|
||||
padding 0.6rem 0.6rem 0.6rem 1.2rem
|
||||
|
||||
// p
|
||||
// margin 0 !important
|
||||
|
||||
table
|
||||
margin-bottom 1.5em
|
||||
|
||||
nav ul
|
||||
a:hover
|
||||
background-color rgba(0, 0, 0, 0)
|
||||
|
||||
nav .brand-logo
|
||||
font-size 1.6rem
|
||||
|
||||
// 侧滑栏样式
|
||||
.side-nav
|
||||
li, a
|
||||
padding 0 15px
|
||||
|
||||
.card
|
||||
margin-top 0
|
||||
|
||||
&.medium
|
||||
height 440px
|
||||
|
||||
.card-content
|
||||
padding 25px 25px 30px
|
||||
|
||||
@media (max-width: 767px)
|
||||
padding-left 15px
|
||||
padding-right 15px
|
||||
|
||||
.card-action
|
||||
padding-left 25px
|
||||
padding-right 25px
|
||||
|
||||
// .card-content p
|
||||
// margin 0.5em 0
|
||||
|
||||
.chip
|
||||
height initial
|
||||
line-height 18px
|
||||
padding 4px 14px
|
||||
color white
|
||||
|
||||
.breadcrumb
|
||||
font-size 1em
|
||||
|
||||
// 图片lightbox点击缩放效果
|
||||
.materialboxed
|
||||
display initial
|
||||
margin-top 10px
|
||||
max-width 100%
|
||||
&.active
|
||||
max-width initial
|
||||
|
||||
.main-container
|
||||
margin-top 30px
|
||||
|
||||
.mt-0
|
||||
margin-top 0
|
||||
|
||||
.collection a.collection-item:not(.active):hover
|
||||
background-color #f5f5f5
|
||||
|
||||
// 撤销card-action中链接会强制变大写的效果
|
||||
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating)
|
||||
text-transform initial
|
||||
|
||||
// 将默认的图标字体换为FontAwesome
|
||||
.breadcrumb:before
|
||||
content "\f105"
|
||||
font-family: FontAwesome
|
||||
|
||||
// FontAwesome
|
||||
.fa
|
||||
margin-right 5px
|
||||
|
||||
// Footer
|
||||
footer.page-footer
|
||||
padding-top inherit
|
||||
@@ -0,0 +1,55 @@
|
||||
/* 字体大小 */
|
||||
normal-font-size = 1em
|
||||
simple-title-font-size = 1.4em
|
||||
page-sub-title-font-size = 1.6em
|
||||
|
||||
/* 颜色 */
|
||||
|
||||
//头部背景颜色
|
||||
color-header-background = #00529c
|
||||
//头部按钮hover背景
|
||||
color-header-button-hover = #3498db
|
||||
//尾部背景颜色
|
||||
color-footer-background = #2c3e50
|
||||
|
||||
//背景
|
||||
color-body = #ecf8ff
|
||||
//正文字体
|
||||
color-font = #333333
|
||||
//文章标题颜色
|
||||
color-title = #1976d2
|
||||
color-title-hover = #42a5f5
|
||||
//文章子标题颜色（h3）
|
||||
color-entry-subtitle = #333
|
||||
//标签背景颜色
|
||||
color-tag = #16a085
|
||||
|
||||
//链接颜色
|
||||
color-a = #1976d2
|
||||
color-a-hover = #42a5f5
|
||||
|
||||
//页面的子标题（如留言，当前所在位置等等）
|
||||
color-page-sub-title = #9b59b6
|
||||
|
||||
//尾部文字颜色
|
||||
color-footer-text = #fff
|
||||
color-footer-a = #9fc9e9
|
||||
color-footer-a-hover = #16a085
|
||||
|
||||
color-link = #069
|
||||
color-strong = #333
|
||||
|
||||
// Font
|
||||
font-default = "Helvetica Neue", "Helvetica", Arial, sans-serif
|
||||
font-serif = "Georgia", serif
|
||||
font-mono = Consolas, "微软雅黑", Monaco, Menlo, Courier New, monospace
|
||||
font-title = "微软雅黑", "Droid Serif", Helvetica Neue, Helvetica, Arial, sans-serif
|
||||
|
||||
// 全局边距
|
||||
header-footer-height-padding = 10px
|
||||
page-padding = 200px
|
||||
body-padding-top = 50px
|
||||
|
||||
// 读书
|
||||
book-width = 150px
|
||||
book-height = 200px
|
||||
@@ -0,0 +1,81 @@
|
||||
.about-page
|
||||
.header
|
||||
padding 40px 15px 30px
|
||||
|
||||
.avatar-wrapper
|
||||
.avatar-image
|
||||
width 160px
|
||||
|
||||
.info
|
||||
padding 0 20px
|
||||
p
|
||||
line-height 24px
|
||||
margin-top 25px
|
||||
margin-bottom 0
|
||||
color white
|
||||
text-shadow 1px 1px 1px #444
|
||||
.name
|
||||
font-size 1.8em
|
||||
.desc
|
||||
margin-top 15px
|
||||
font-size 1em
|
||||
|
||||
.social-group
|
||||
margin-top 15px
|
||||
|
||||
section
|
||||
margin-bottom 20px
|
||||
|
||||
h1
|
||||
font-size 1.6rem
|
||||
margin-top 10px
|
||||
margin-bottom 15px
|
||||
|
||||
// 技能
|
||||
ul.skill-list, ul.skill-list li
|
||||
list-style-type none
|
||||
|
||||
ul.skill-list
|
||||
padding-left 0
|
||||
|
||||
.skill-list li
|
||||
margin-bottom 0
|
||||
|
||||
.split
|
||||
margin-top 5px
|
||||
|
||||
.skills .fa
|
||||
margin-right 0
|
||||
|
||||
// 项目
|
||||
.project-item
|
||||
display inline-block
|
||||
// margin-right 20px
|
||||
width 100%
|
||||
|
||||
img
|
||||
padding 0
|
||||
|
||||
.card-title
|
||||
font-weight 400
|
||||
font-size 20px
|
||||
text-shadow 1px 1px 1px black
|
||||
line-height 30px
|
||||
|
||||
.card-tag
|
||||
position absolute
|
||||
top 15px
|
||||
right 10px
|
||||
|
||||
// 重置
|
||||
.about-page.row
|
||||
margin-left 0
|
||||
margin-right 0
|
||||
|
||||
.row
|
||||
margin-left 0
|
||||
margin-right 0
|
||||
|
||||
// .col
|
||||
// padding-left 0
|
||||
// padding-right 0
|
||||
@@ -0,0 +1,38 @@
|
||||
.archive-title
|
||||
font-weight normal
|
||||
font-size 20px
|
||||
margin-bottom 10px
|
||||
text-shadow 0 0 1px #fff
|
||||
&:before
|
||||
font-family font-icon
|
||||
content '\f073'
|
||||
padding-right 15px
|
||||
|
||||
&.tag
|
||||
&:before
|
||||
content '\f02b'
|
||||
|
||||
&.category
|
||||
&:before
|
||||
content '\f07b'
|
||||
|
||||
.archive-year
|
||||
font-size 2.4em
|
||||
font-family Candara,arial
|
||||
font-style italic
|
||||
color #069
|
||||
text-shadow rgba(255,255,255,0.9) 0 1px 0
|
||||
padding 0 30px
|
||||
margin 0 0 10px 0
|
||||
@media screen and (max-width:580px)
|
||||
padding 0 20px
|
||||
|
||||
a:after
|
||||
content '\f08e'
|
||||
font 12px FontAwesome
|
||||
padding-left 10px
|
||||
vertical-align super
|
||||
|
||||
.sep
|
||||
border-bottom 1px solid #aaa
|
||||
box-shadow rgba(255,255,255,0.3) 0 1px 0
|
||||
@@ -0,0 +1,151 @@
|
||||
.simple-article
|
||||
margin-bottom 30px
|
||||
|
||||
article
|
||||
.entry
|
||||
margin-top 20px
|
||||
|
||||
.article-title h1
|
||||
font-family "微软雅黑", "sans-serif", "Helvetica Neue"
|
||||
font-size 2em
|
||||
font-weight bold
|
||||
line-height 1.4
|
||||
margin-top 0
|
||||
margin-bottom 10px
|
||||
color color-entry-subtitle
|
||||
|
||||
a:not(.chip)
|
||||
color color-a
|
||||
&:hover
|
||||
color color-a-hover
|
||||
|
||||
.simple-article-title h1
|
||||
font-size simple-title-font-size
|
||||
padding 5px 0
|
||||
|
||||
.tags-row
|
||||
margin-top 10px
|
||||
|
||||
.article-tag
|
||||
display inline-block
|
||||
height 32px
|
||||
line-height 32px
|
||||
padding 0 12px
|
||||
border-radius 16px
|
||||
color white
|
||||
|
||||
header
|
||||
border-radius 0
|
||||
background none
|
||||
position relative
|
||||
padding 0
|
||||
border-bottom 0
|
||||
margin-bottom 10px
|
||||
|
||||
time
|
||||
font 0.9em font-title
|
||||
margin-bottom 5px
|
||||
display block
|
||||
line-height 1
|
||||
|
||||
&:hover
|
||||
color color-link
|
||||
|
||||
.card-content .entry
|
||||
font-size 16px
|
||||
line-height 1.7
|
||||
@media (max-width: 480px)
|
||||
line-height 1.5em
|
||||
|
||||
p
|
||||
margin-top 0
|
||||
margin-bottom 1em
|
||||
text-align justify
|
||||
text-justify inter-ideograph
|
||||
word-break initial
|
||||
word-break break-word
|
||||
|
||||
&:last-child
|
||||
margin-bottom 0
|
||||
|
||||
ul, ol
|
||||
margin-bottom 1em
|
||||
ul, ol
|
||||
margin-bottom 0
|
||||
|
||||
h1, h2, h3, h4, h5, h6
|
||||
margin-top 0
|
||||
margin-bottom 0.5em
|
||||
|
||||
h1
|
||||
font-size 1.6em
|
||||
color color-entry-subtitle
|
||||
|
||||
h2
|
||||
font-size 1.4em
|
||||
color color-entry-subtitle
|
||||
|
||||
h3, h4, h5, h6
|
||||
font-size 1.2em
|
||||
color color-entry-subtitle
|
||||
|
||||
&.nstyle
|
||||
border-radius 0
|
||||
padding 0
|
||||
background none
|
||||
box-shadow none
|
||||
|
||||
iframe
|
||||
max-width 98%
|
||||
|
||||
.caption
|
||||
display block
|
||||
margin-top 5px
|
||||
color #aaa
|
||||
position relative
|
||||
font-size 0.9em
|
||||
padding-left 25px
|
||||
&:before
|
||||
content '\f040'
|
||||
position absolute
|
||||
font 1.3em font-icon
|
||||
position absolute
|
||||
left 0
|
||||
top 3px
|
||||
|
||||
.toc-wrap
|
||||
float right
|
||||
-webkit-border-radius 4px
|
||||
border-radius 4px
|
||||
background #eee
|
||||
border 1px solid #ddd
|
||||
margin-left 1.5em
|
||||
margin-bottom 2em
|
||||
padding 15px 20px
|
||||
line-height 1.6em
|
||||
|
||||
>ol
|
||||
margin-left 0
|
||||
|
||||
ol, ul
|
||||
list-style none
|
||||
|
||||
.toc-title
|
||||
font-weight bold
|
||||
font-size 1.2em
|
||||
margin-bottom 0.6em
|
||||
color #2c3e50
|
||||
|
||||
.toc-number
|
||||
display none
|
||||
|
||||
.toc-link
|
||||
color #0e83cd
|
||||
text-decoration none
|
||||
font-size 0.9em
|
||||
|
||||
.toc-link:hover
|
||||
text-decoration underline
|
||||
|
||||
.toc-child
|
||||
margin-left 1em
|
||||
@@ -0,0 +1,6 @@
|
||||
#comment
|
||||
margin-top 40px
|
||||
.title
|
||||
font-size 40px
|
||||
font-weight bold
|
||||
color color-section-title
|
||||
@@ -0,0 +1,10 @@
|
||||
a.social-link
|
||||
display inline-block
|
||||
color #f5f5f5
|
||||
margin-right 10px
|
||||
|
||||
&:hover
|
||||
color #e0e0e0
|
||||
|
||||
.footer-container
|
||||
padding-top 20px
|
||||
@@ -0,0 +1,5 @@
|
||||
.nav-wrapper
|
||||
padding 0 25px
|
||||
|
||||
@media (max-width: 767px)
|
||||
padding 0 10px
|
||||
@@ -0,0 +1,41 @@
|
||||
.jPanelMenu-panel
|
||||
overflow-y hidden
|
||||
|
||||
.btn-loadmore
|
||||
margin-top 20px
|
||||
opacity 0.9
|
||||
|
||||
.feature-guide-container
|
||||
display none
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
z-index 100
|
||||
|
||||
.shadow
|
||||
overflow-y hidden
|
||||
position absolute
|
||||
background-color rgba(0, 0, 0, 0.6)
|
||||
|
||||
.shadow-light
|
||||
position absolute
|
||||
background-color rgba(0, 0, 0, 0)
|
||||
|
||||
.feature-box
|
||||
position relative
|
||||
max-width 300px
|
||||
background-color #ffebb5
|
||||
padding 16px
|
||||
color #ae2341
|
||||
|
||||
.btn-i-know
|
||||
background-color #f4867b
|
||||
transition background-color .5s
|
||||
margin-bottom 0
|
||||
|
||||
.btn-i-know:hover
|
||||
background-color #f5a69e
|
||||
transition background-color .5s
|
||||
|
||||
.feature-description
|
||||
font-size 1em
|
||||
@@ -0,0 +1,94 @@
|
||||
.red-link-context a
|
||||
color #f44336 !important
|
||||
&:hover
|
||||
color #e57373 !important
|
||||
|
||||
.pink-link-context a
|
||||
color #E91E63 !important
|
||||
&:hover
|
||||
color #F06292 !important
|
||||
|
||||
.purple-link-context a
|
||||
color #9C27B0 !important
|
||||
&:hover
|
||||
color #BA68C8 !important
|
||||
|
||||
.deep-purple-link-context a
|
||||
color #673AB7 !important
|
||||
&:hover
|
||||
color #9575CD !important
|
||||
|
||||
.indigo-link-context a
|
||||
color #3F51B5 !important
|
||||
&:hover
|
||||
color #7986CB !important
|
||||
|
||||
.blue-link-context a
|
||||
color #2196F3 !important
|
||||
&:hover
|
||||
color #64B5F6 !important
|
||||
|
||||
.light-blue-link-context a
|
||||
color #03A9F4 !important
|
||||
&:hover
|
||||
color #4FC3F7 !important
|
||||
|
||||
.cyan-link-context a
|
||||
color #00BCD4 !important
|
||||
&:hover
|
||||
color #4DD0E1 !important
|
||||
|
||||
.teal-link-context a
|
||||
color #009688 !important
|
||||
&:hover
|
||||
color #4DB6AC !important
|
||||
|
||||
.green-link-context a
|
||||
color #4CAF50 !important
|
||||
&:hover
|
||||
color #81C784 !important
|
||||
|
||||
.light-green-link-context a
|
||||
color #8BC34A !important
|
||||
&:hover
|
||||
color #AED581 !important
|
||||
|
||||
.lime-link-context a
|
||||
color #CDDC39 !important
|
||||
&:hover
|
||||
color #DCE775 !important
|
||||
|
||||
.yellow-link-context a
|
||||
color #FFEB3B !important
|
||||
&:hover
|
||||
color #FFF176 !important
|
||||
|
||||
.amber-link-context a
|
||||
color #FFC107 !important
|
||||
&:hover
|
||||
color #FFD54F !important
|
||||
|
||||
.orange-link-context a
|
||||
color #FF9800 !important
|
||||
&:hover
|
||||
color #FFB74D !important
|
||||
|
||||
.deep-orange-link-context a
|
||||
color #FF5722 !important
|
||||
&:hover
|
||||
color #FF8A65 !important
|
||||
|
||||
.brown-link-context a
|
||||
color #795548 !important
|
||||
&:hover
|
||||
color #A1887F !important
|
||||
|
||||
.grey-link-context a
|
||||
color #9E9E9E !important
|
||||
&:hover
|
||||
color #E0E0E0 !important
|
||||
|
||||
.blue-grey-link-context a
|
||||
color #607D8B !important
|
||||
&:hover
|
||||
color #90A4AE !important
|
||||
@@ -0,0 +1,108 @@
|
||||
.page-nav
|
||||
height 50px
|
||||
line-height 50px
|
||||
|
||||
.float-sitemap
|
||||
position fixed
|
||||
right 45px
|
||||
bottom 50px
|
||||
|
||||
@media only screen and (max-width: 600px)
|
||||
right 10px
|
||||
bottom 15px
|
||||
|
||||
.construction-container
|
||||
display inline-block
|
||||
margin-top 40px
|
||||
|
||||
.btn
|
||||
margin-top 20px
|
||||
|
||||
// 重置多说评论框中的checkbox被materialize库修改的样式
|
||||
.ds-sync input[type="checkbox"]
|
||||
position initial
|
||||
visibility initial
|
||||
+label:before
|
||||
display none
|
||||
|
||||
// gallery
|
||||
article .gallery .control {
|
||||
opacity: 0;
|
||||
transition: 0.3s;
|
||||
}
|
||||
article .gallery:hover .control {
|
||||
opacity: 1;
|
||||
-ms-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
article .gallery .prev,
|
||||
article .gallery .next {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
article .gallery .prev:before,
|
||||
article .gallery .next:before {
|
||||
position: absolute;
|
||||
font: 24px/1 FontAwesome;
|
||||
text-align: center;
|
||||
width: 24px;
|
||||
text-shadow: 0 0 15px rgba(0,0,0,0.5);
|
||||
color: #fff;
|
||||
margin-top: -12px;
|
||||
top: 50%;
|
||||
}
|
||||
article .gallery .prev {
|
||||
left: 0;
|
||||
}
|
||||
article .gallery .prev:before {
|
||||
content: '\f053';
|
||||
left: 10px;
|
||||
}
|
||||
article .gallery .next {
|
||||
right: 0;
|
||||
}
|
||||
article .gallery .next:before {
|
||||
content: '\f054';
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
// 无JS（一般是微信页）的样式
|
||||
.noscript
|
||||
background rgba(0, 0, 0, 0.5)
|
||||
position fixed
|
||||
left 0
|
||||
top 0
|
||||
width 100%
|
||||
z-index 9999
|
||||
|
||||
animation-duration: 6s;
|
||||
animation-name: noscript-slide;
|
||||
|
||||
p
|
||||
margin 0
|
||||
padding 0 30px
|
||||
color white
|
||||
|
||||
@keyframes noscript-slide {
|
||||
0% {
|
||||
top: -100px;
|
||||
}
|
||||
50% {
|
||||
top: -100px;
|
||||
}
|
||||
100% {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// 阅读计数与站点访客
|
||||
.read-times-container
|
||||
margin-left 15px
|
||||
.fa
|
||||
margin-right 0
|
||||
|
||||
.site-visitors-container
|
||||
margin-top 10px
|
||||
@@ -0,0 +1,14 @@
|
||||
.search-modal
|
||||
padding 30px 20px
|
||||
max-height 80%
|
||||
|
||||
input[type=text]
|
||||
&:focus
|
||||
border-bottom-color #757575
|
||||
box-shadow 0 1px 0 0 #757575
|
||||
&+label
|
||||
color #212121
|
||||
|
||||
.search-result
|
||||
margin-top 5px
|
||||
margin-bottom 15px
|
||||
@@ -0,0 +1,74 @@
|
||||
user-height = 100px
|
||||
item-height = 48px
|
||||
|
||||
.side-nav
|
||||
.row
|
||||
margin-bottom 0
|
||||
.col
|
||||
line-height user-height
|
||||
|
||||
a
|
||||
height item-height
|
||||
line-height item-height
|
||||
color white
|
||||
i
|
||||
height item-height
|
||||
line-height item-height
|
||||
width 1.5rem
|
||||
li
|
||||
line-height item-height
|
||||
|
||||
&.item:hover, &.item:active
|
||||
background-color rgba(0, 0, 0, 0.2)
|
||||
&.side-user
|
||||
background-color transparent
|
||||
|
||||
.avatar-image
|
||||
width 50px
|
||||
padding 0
|
||||
vertical-align middle
|
||||
|
||||
.info
|
||||
height user-height
|
||||
|
||||
p
|
||||
line-height 24px
|
||||
margin-top 5px
|
||||
margin-bottom 0
|
||||
text-shadow: 1px 1px 1px #444;
|
||||
|
||||
.name
|
||||
font-size 1.2em
|
||||
.desc
|
||||
font-size 0.9em
|
||||
|
||||
li.side-user
|
||||
height user-height
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
|
||||
// 分类目录
|
||||
collapse-base-padding = 15px
|
||||
collapse-step-padding = 15px
|
||||
.collapse-level-0
|
||||
padding-left collapse-base-padding
|
||||
.collapse-level-1
|
||||
padding-left collapse-base-padding + collapse-step-padding * 1
|
||||
.collapse-level-2
|
||||
padding-left collapse-base-padding + collapse-step-padding * 2
|
||||
|
||||
.collapse-space
|
||||
margin-bottom 10px
|
||||
|
||||
#category-menu.side-nav
|
||||
a
|
||||
height item-height * 0.75
|
||||
line-height item-height * 0.75
|
||||
i
|
||||
height item-height * 0.75
|
||||
line-height item-height * 0.75
|
||||
li
|
||||
line-height item-height * 0.75
|
||||
padding-right 15px
|
||||
@@ -0,0 +1,123 @@
|
||||
color-code-background = #042029
|
||||
color-simple-code-background = #93AAAC
|
||||
|
||||
article
|
||||
pre
|
||||
padding 10px 16px
|
||||
|
||||
.line:after
|
||||
content: ''
|
||||
display: inline-block;
|
||||
|
||||
code, pre
|
||||
font-family font-mono
|
||||
color #333
|
||||
font-size 1em
|
||||
// white-space pre-wrap
|
||||
// word-wrap break-word
|
||||
|
||||
p code, li code
|
||||
margin 0 3px
|
||||
padding: 0 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #e0e0e0
|
||||
color: #212121;
|
||||
background-color #eeeeee
|
||||
|
||||
pre .keyword
|
||||
color #859900
|
||||
|
||||
pre .tag
|
||||
color #f8f8f2
|
||||
|
||||
pre
|
||||
// Theme: Monokai plus Solarized(Dark) from Sublime Text theme
|
||||
.comment
|
||||
.template_comment
|
||||
.diff .header
|
||||
.doctype
|
||||
.pi
|
||||
.lisp .string
|
||||
.javadoc
|
||||
color #75715c
|
||||
font-style italic
|
||||
|
||||
.doctype
|
||||
color #268bd2
|
||||
|
||||
.keyword
|
||||
.winutils
|
||||
.method
|
||||
.addition
|
||||
.css .tag
|
||||
.request
|
||||
.status
|
||||
.nginx .title
|
||||
color #66d9ef
|
||||
|
||||
.number
|
||||
.command
|
||||
.phpdoc
|
||||
.tex .formula
|
||||
.regexp
|
||||
.hexcolor
|
||||
color #ae81fc
|
||||
|
||||
.string
|
||||
.tag .value
|
||||
color #e6db6e
|
||||
|
||||
.title
|
||||
.localvars
|
||||
.chunk
|
||||
.decorator
|
||||
.built_in
|
||||
.identifier
|
||||
.vhdl
|
||||
.literal
|
||||
.id
|
||||
color #f22672
|
||||
|
||||
.attribute
|
||||
.variable
|
||||
.lisp .body
|
||||
.smalltalk .number
|
||||
.constant
|
||||
.class .title
|
||||
.parent
|
||||
.haskell .type
|
||||
color #a6e22e
|
||||
|
||||
.preprocessor
|
||||
.preprocessor .keyword
|
||||
.shebang
|
||||
.symbol
|
||||
.symbol .string
|
||||
.diff .change
|
||||
.special
|
||||
.attr_selector
|
||||
.important
|
||||
.subst
|
||||
.cdata
|
||||
.clojure .title
|
||||
color #cb4b16
|
||||
|
||||
.deletion
|
||||
color #dc322f
|
||||
|
||||
// 调整hexo默认的代码段（table）样式
|
||||
figure.highlight
|
||||
margin-left 0
|
||||
margin-right 0
|
||||
overflow auto
|
||||
|
||||
td
|
||||
padding 0
|
||||
pre
|
||||
margin 0
|
||||
overflow auto
|
||||
figcaption a
|
||||
position absolute
|
||||
right 25px
|
||||
.gutter
|
||||
width 5%
|
||||
@@ -0,0 +1,21 @@
|
||||
.toc
|
||||
position fixed
|
||||
top 0px
|
||||
margin-top 15%
|
||||
left calc(50% + 350px)
|
||||
|
||||
ol
|
||||
list-style-type none
|
||||
padding-left 1em
|
||||
|
||||
.section
|
||||
margin 2px 0
|
||||
padding-top 0
|
||||
padding-bottom 0
|
||||
|
||||
.table-of-contents
|
||||
a.active
|
||||
border-left-color #2196f3
|
||||
font-weight bold
|
||||
a:hover
|
||||
border-left-color #2196f3
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,141 @@
|
||||
/* Tomorrow Night Eighties Theme */
|
||||
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
|
||||
.prettyprint {
|
||||
background: #1D1F21;
|
||||
font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pln {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
.str {
|
||||
color: #99cc99;
|
||||
}
|
||||
|
||||
.kwd {
|
||||
color: #cc99cc;
|
||||
}
|
||||
|
||||
.com {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.typ {
|
||||
color: #6699cc;
|
||||
}
|
||||
|
||||
.lit {
|
||||
color: #f99157;
|
||||
}
|
||||
|
||||
.pun {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.opn {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.clo {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #f2777a;
|
||||
}
|
||||
|
||||
.atn {
|
||||
color: #f99157;
|
||||
}
|
||||
|
||||
.atv {
|
||||
color: #66cccc;
|
||||
}
|
||||
|
||||
.dec {
|
||||
color: #f99157;
|
||||
}
|
||||
|
||||
.var {
|
||||
color: #f2777a;
|
||||
}
|
||||
|
||||
.fun {
|
||||
color: #6699cc;
|
||||
}
|
||||
}
|
||||
@media print, projection {
|
||||
.str {
|
||||
color: #006600;
|
||||
}
|
||||
|
||||
.kwd {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.com {
|
||||
color: #600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.typ {
|
||||
color: #404;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lit {
|
||||
color: #004444;
|
||||
}
|
||||
|
||||
.pun, .opn, .clo {
|
||||
color: #444400;
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.atn {
|
||||
color: #440044;
|
||||
}
|
||||
|
||||
.atv {
|
||||
color: #006600;
|
||||
}
|
||||
}
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* IE indents via margin-left */
|
||||
li.L0,
|
||||
li.L1,
|
||||
li.L2,
|
||||
li.L3,
|
||||
li.L4,
|
||||
li.L5,
|
||||
li.L6,
|
||||
li.L7,
|
||||
li.L8,
|
||||
li.L9 {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Alternate shading for lines */
|
||||
li.L1,
|
||||
li.L3,
|
||||
li.L5,
|
||||
li.L7,
|
||||
li.L9 {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
@import 'nib'
|
||||
|
||||
// 全局变量
|
||||
@import '_base/variable'
|
||||
@import '_base/icons.css'
|
||||
|
||||
// 重置基础库
|
||||
@import '_base/lib_customize'
|
||||
// 基本布局
|
||||
@import '_base/layout'
|
||||
|
||||
// 各组件布局
|
||||
@import '_partial/link_context'
|
||||
@import '_partial/header'
|
||||
@import '_partial/search'
|
||||
@import '_partial/article'
|
||||
@import '_partial/footer'
|
||||
@import '_partial/side_nav'
|
||||
@import '_partial/tablecontents'
|
||||
@import '_partial/other'
|
||||
|
||||
// 语法高亮
|
||||
@import '_partial/syntax'
|
||||
|
||||
// 关于页面
|
||||
@import '_partial/about'
|
||||
Reference in New Issue
Block a user