新主题改造
This commit is contained in:
结发受长生
@@ -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
|
||||
Reference in New Issue
Block a user