initial
This commit is contained in:
结发受长生
@@ -0,0 +1,75 @@
|
||||
/*!
|
||||
* Article
|
||||
*/
|
||||
.article-nav
|
||||
padding-bottom 10px
|
||||
color #888
|
||||
.article-share
|
||||
padding 0 0 15px
|
||||
.share-area
|
||||
height 24px
|
||||
line-height 24px
|
||||
margin 0 auto
|
||||
padding-left 10px
|
||||
text-align left
|
||||
border-left 3px solid rgba(255, 153, 153, .8)
|
||||
.share-txt
|
||||
float left
|
||||
height 24px
|
||||
line-height 24px
|
||||
margin-right 5px
|
||||
font-size 12px
|
||||
color c-999
|
||||
.share-icon
|
||||
float left
|
||||
display inline-block
|
||||
width 24px
|
||||
height 24px
|
||||
margin-right 10px
|
||||
background url(../img/share.png) no-repeat 0 0
|
||||
opacity .9
|
||||
&:hover
|
||||
opacity .7
|
||||
&.weibo
|
||||
background-position 0 0
|
||||
&.wechat
|
||||
background-position 0 -32px
|
||||
&.qqzone
|
||||
background-position 0 -65px
|
||||
&.qq
|
||||
background-position 0 -98px
|
||||
&.douban
|
||||
background-position 0 -324px
|
||||
.body
|
||||
box-shadow 0 1px 5px rgba(0, 0, 0, .08)
|
||||
.article
|
||||
padding-top 0 !important
|
||||
padding-bottom 10px
|
||||
border-bottom 0
|
||||
.comments
|
||||
margin-top 20px
|
||||
.page-navigator
|
||||
margin 1em 0
|
||||
padding 0 20px
|
||||
list-style none
|
||||
.extend
|
||||
.page-number
|
||||
display inline-block
|
||||
margin-right 10px
|
||||
padding 3px 10px
|
||||
background-color c-eee
|
||||
opacity .8
|
||||
&.current
|
||||
color c-fff
|
||||
background-color #ff5e52
|
||||
cursor not-allowed
|
||||
.extend
|
||||
a.page-number
|
||||
transition .5s linear
|
||||
&:hover
|
||||
color c-444
|
||||
background-color c-ccc
|
||||
.space
|
||||
display inline-block
|
||||
margin-right 10px
|
||||
padding 3px 0
|
||||
@@ -0,0 +1,203 @@
|
||||
.comment
|
||||
margin-top 10px
|
||||
box-sizing border-box
|
||||
.box
|
||||
position relative
|
||||
width 100%
|
||||
.com-avatar
|
||||
position absolute
|
||||
top 2px
|
||||
left 0
|
||||
width 40px
|
||||
height 40px
|
||||
img
|
||||
width 100%
|
||||
height 100%
|
||||
border none
|
||||
border-radius 50%
|
||||
.com-text
|
||||
position relative
|
||||
margin-left 45px
|
||||
height 120px
|
||||
border 2px solid c-eee
|
||||
box-sizing border-box
|
||||
border-radius 2px
|
||||
.switch
|
||||
position absolute
|
||||
right -2px
|
||||
top -2px
|
||||
width 81px
|
||||
height 10px
|
||||
line-height 10px
|
||||
padding 5px 0
|
||||
.switch-item
|
||||
float left
|
||||
width 40px
|
||||
height @height
|
||||
color c-999
|
||||
text-center()
|
||||
font-size 10px
|
||||
cursor pointer
|
||||
opacity .8
|
||||
:first-child
|
||||
border-right 1px solid c-ccc
|
||||
.on
|
||||
color #ff5e52
|
||||
.main
|
||||
margin 0
|
||||
padding 0
|
||||
.text-area-edited
|
||||
display none
|
||||
width 100%
|
||||
height 116px
|
||||
padding 10px
|
||||
border none
|
||||
box-sizing border-box
|
||||
outline none
|
||||
resize none
|
||||
.text-area-preview
|
||||
display none
|
||||
width 100%
|
||||
height 116px
|
||||
padding 10px
|
||||
border none
|
||||
box-sizing border-box
|
||||
overflow auto
|
||||
@extend $base-style
|
||||
p
|
||||
margin 0
|
||||
.show
|
||||
display block
|
||||
.button
|
||||
position absolute
|
||||
bottom -2px
|
||||
right -2px
|
||||
width 100px
|
||||
height 30px
|
||||
line-height @height
|
||||
border-radius 0 0 2px 0
|
||||
color c-fff
|
||||
background-color #ff5e52
|
||||
text-align center
|
||||
opacity .8
|
||||
cursor pointer
|
||||
.button:hover
|
||||
opacity .7
|
||||
.sign-bar
|
||||
height 30px
|
||||
line-height @height
|
||||
text-align right
|
||||
font-size 12px
|
||||
.sign-link
|
||||
margin-left 5px
|
||||
color #ff5e52
|
||||
cursor pointer
|
||||
border none
|
||||
.sign-txt
|
||||
color c-999
|
||||
.tips
|
||||
height 30px
|
||||
line-height @height
|
||||
margin-left 45px
|
||||
font-size 12px
|
||||
color c-999
|
||||
.init
|
||||
color c-999
|
||||
float right
|
||||
.list-wrap
|
||||
margin-top 10px
|
||||
.list-header
|
||||
margin 0
|
||||
padding 0 0 0 15px
|
||||
font-size 12px
|
||||
border-left 2px solid c-eee
|
||||
.comments-num
|
||||
color #ff5e52
|
||||
font-size 14px
|
||||
.list
|
||||
list-style-type none
|
||||
margin 0
|
||||
padding 0
|
||||
.item
|
||||
position relative
|
||||
margin 10px 0
|
||||
border-bottom 1px solid c-eee
|
||||
.user-avatar
|
||||
position absolute
|
||||
top 0
|
||||
left 0
|
||||
width 40px
|
||||
height 40px
|
||||
img
|
||||
width 100%
|
||||
height 100%
|
||||
border none
|
||||
border-radius 50%
|
||||
a
|
||||
border none
|
||||
.user-comment
|
||||
min-height 50px
|
||||
margin-left 50px
|
||||
.user-comment-body
|
||||
margin 5px 0
|
||||
color c-666
|
||||
word-wrap break-word
|
||||
word-break normal
|
||||
@extend $base-style
|
||||
p
|
||||
margin 0
|
||||
a
|
||||
border none
|
||||
color #ff5e52
|
||||
.user-comment-header
|
||||
color c-aaa
|
||||
position relative
|
||||
span
|
||||
margin-right 5px
|
||||
.post-name
|
||||
font-size 12px
|
||||
.post-time
|
||||
font-size 10px
|
||||
.like
|
||||
font-size 10px
|
||||
color #ff5e52
|
||||
cursor pointer
|
||||
.like.liked
|
||||
color c-aaa
|
||||
.like-num
|
||||
font-size 10px
|
||||
.reply
|
||||
position absolute
|
||||
display none
|
||||
right 0
|
||||
top 3px
|
||||
font-size 10px
|
||||
cursor pointer
|
||||
&:hover
|
||||
.user-comment-header
|
||||
.reply
|
||||
display block
|
||||
.page-nav
|
||||
margin-top 10px
|
||||
text-align right
|
||||
.item
|
||||
display inline-block
|
||||
height 10px
|
||||
line-height @height
|
||||
margin 0 2px
|
||||
padding 8px 10px
|
||||
font-size 10px
|
||||
background-color c-eee
|
||||
opacity .8
|
||||
text-align center
|
||||
border none
|
||||
.item.current
|
||||
color c-fff
|
||||
background-color #ff5e52
|
||||
cursor not-allowed
|
||||
.more
|
||||
height 10px
|
||||
line-height @height
|
||||
padding 8px 5px
|
||||
font-size 10px
|
||||
text-align center
|
||||
@@ -0,0 +1,31 @@
|
||||
/*!
|
||||
* 底部
|
||||
*/
|
||||
.footer
|
||||
padding 30px
|
||||
color c-aaa
|
||||
background-color c-444
|
||||
font-size 12px
|
||||
text-center()
|
||||
opacity .9
|
||||
a
|
||||
color c-aaa
|
||||
.back-to-top {
|
||||
display: none;
|
||||
width: 40px;
|
||||
height: 39px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
background: #000 url(../img/scrolltoparrow.png) no-repeat center center;
|
||||
position: fixed;
|
||||
_position: absolute;
|
||||
right: 20px;
|
||||
bottom: 50px;
|
||||
cursor: pointer;
|
||||
opacity: .20;
|
||||
filter: Alpha(opacity=20) !important;
|
||||
text-indent: -9999px;
|
||||
overflow: hidden;
|
||||
z-index: 5
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
/*!
|
||||
* 头部样式
|
||||
*/
|
||||
.header
|
||||
width 100%
|
||||
background-color c-fff
|
||||
box-shadow 1px 1px 5px rgba(0, 0, 0, .1)
|
||||
margin-bottom 10px
|
||||
.header-main
|
||||
position relative
|
||||
height 68px
|
||||
margin-bottom 0
|
||||
.header .logo
|
||||
float left
|
||||
width 260px
|
||||
.logo
|
||||
a
|
||||
position relative
|
||||
display block
|
||||
height 68px
|
||||
line-height @height
|
||||
color c-fff
|
||||
background-color #ff5e52
|
||||
opacity .85
|
||||
text-center()
|
||||
overflow hidden
|
||||
.cover
|
||||
position absolute
|
||||
display block
|
||||
top 0
|
||||
left 0
|
||||
width 100%
|
||||
transition top .5s
|
||||
.name
|
||||
display block
|
||||
height 100%
|
||||
font-size 28px
|
||||
font-family "HomizioNova", "Microsoft Yahei"
|
||||
font-style italic
|
||||
.description
|
||||
display block
|
||||
height 100%
|
||||
color c-fff
|
||||
background-color #51cc87
|
||||
opacity .85
|
||||
&:hover .cover
|
||||
top -100%
|
||||
.header .menu
|
||||
margin 0
|
||||
padding 10px
|
||||
float left
|
||||
list-style-type none
|
||||
.menu
|
||||
.item
|
||||
float left
|
||||
padding 0 20px
|
||||
height 48px
|
||||
line-height @height
|
||||
font-size 16px
|
||||
a
|
||||
color c-666
|
||||
&:hover
|
||||
color #ff5e52
|
||||
.current a
|
||||
color #ff5e52
|
||||
.header .profile
|
||||
position absolute
|
||||
right 0
|
||||
top 0
|
||||
height 68px
|
||||
.profile
|
||||
.avatar
|
||||
width 50px
|
||||
height 50px
|
||||
margin 8px 0
|
||||
border 1px solid c-ddd
|
||||
border-radius 3px
|
||||
> img
|
||||
width 46px
|
||||
height 46px
|
||||
margin 2px
|
||||
.feeds
|
||||
height 68px
|
||||
padding 0 10px
|
||||
color c-666
|
||||
font-size 12px
|
||||
text-right()
|
||||
.links
|
||||
margin 5px 0 0
|
||||
padding 10px 0 3px
|
||||
.sns
|
||||
margin 0 0 5px 0
|
||||
padding 2px 0 10px
|
||||
line-height 14px
|
||||
a
|
||||
margin-left 5px
|
||||
.sinaweibo
|
||||
b
|
||||
color #ff5e52
|
||||
font-size 14px
|
||||
&:hover
|
||||
color #ff5e52
|
||||
.qqweibo
|
||||
b
|
||||
color #1faeff
|
||||
font-size 14px
|
||||
&:hover
|
||||
color #1faeff
|
||||
.wechat
|
||||
position relative
|
||||
b
|
||||
color #4bc916
|
||||
font-size 14px
|
||||
.popover
|
||||
position absolute
|
||||
display none
|
||||
top 28px
|
||||
left 50%
|
||||
width 120px
|
||||
height @width
|
||||
margin-left -60px
|
||||
border 1px solid c-ddd
|
||||
background-color c-fff
|
||||
border-radius 5px
|
||||
z-index 9
|
||||
img
|
||||
width 120px
|
||||
height @width
|
||||
border 0
|
||||
border-radius 5px
|
||||
.arrow
|
||||
position absolute
|
||||
display block
|
||||
top -10px
|
||||
left 50%
|
||||
width 0
|
||||
height 0
|
||||
margin-left -10px
|
||||
border-width 10px
|
||||
border-color transparent
|
||||
border-style solid
|
||||
border-top-width 0
|
||||
border-bottom-color c-ddd
|
||||
&:after
|
||||
position absolute
|
||||
content " "
|
||||
top 1px
|
||||
left 50%
|
||||
margin-left -9px
|
||||
border-width 9px
|
||||
border-color transparent
|
||||
border-style solid
|
||||
border-top-width 0
|
||||
border-bottom-color c-fff
|
||||
&:hover
|
||||
color #4bc916
|
||||
.popover
|
||||
display block
|
||||
.dropnav
|
||||
display none
|
||||
@@ -0,0 +1,140 @@
|
||||
// https://github.com/chriskempson/tomorrow-theme
|
||||
$code-block
|
||||
background: highlight-background
|
||||
margin: 20px 0
|
||||
padding: 15px
|
||||
overflow: auto
|
||||
font-size: $code-font-size
|
||||
color: highlight-foreground
|
||||
line-height: $line-height-code-block
|
||||
|
||||
$line-numbers
|
||||
color: #666
|
||||
|
||||
pre, code
|
||||
font-family: $code-font-family
|
||||
code
|
||||
word-break: break-all
|
||||
background: $gainsboro
|
||||
text-shadow: 0 1px #fff
|
||||
padding: 0 0.3em
|
||||
pre
|
||||
@extend $code-block
|
||||
code
|
||||
background: none
|
||||
text-shadow: none
|
||||
padding: 0
|
||||
.highlight
|
||||
@extend $code-block
|
||||
pre
|
||||
border: none !important
|
||||
margin: 0
|
||||
padding: 1px
|
||||
table
|
||||
margin: 0 !important
|
||||
width: auto !important
|
||||
border: none !important
|
||||
td
|
||||
border: none !important
|
||||
padding: 0 !important
|
||||
figcaption
|
||||
clearfix()
|
||||
font-size: 0.85em
|
||||
color: highlight-comment
|
||||
line-height: 1em
|
||||
margin-bottom: 1em
|
||||
a
|
||||
float: right
|
||||
.gutter pre
|
||||
@extend $line-numbers
|
||||
text-align: right
|
||||
padding-right: 20px
|
||||
.line
|
||||
height: 20px
|
||||
.gist
|
||||
margin: 20px 0
|
||||
border-style: solid
|
||||
border-color: $border-color
|
||||
border-width: 1px 0
|
||||
background: highlight-background
|
||||
padding: 15px $content-desktop-padding 15px 15px
|
||||
.gist-file
|
||||
border: none
|
||||
font-family: $font-family-monospace
|
||||
margin: 0
|
||||
.gist-data
|
||||
background: none
|
||||
border: none
|
||||
.line-numbers
|
||||
@extend $line-numbers
|
||||
background: none
|
||||
border: none
|
||||
padding: 0 20px 0 0
|
||||
.line-data
|
||||
padding: 0 !important
|
||||
.highlight
|
||||
margin: 0
|
||||
padding: 0
|
||||
border: none
|
||||
.gist-meta
|
||||
background: highlight-background
|
||||
color: highlight-comment
|
||||
font: 13px $font-family-base
|
||||
text-shadow: 0 0
|
||||
padding: 0
|
||||
margin-top: 1em
|
||||
margin-left: $content-desktop-padding
|
||||
a
|
||||
color: color-link
|
||||
font-weight: normal
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
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
|
||||
color: highlight-orange
|
||||
.ruby .class .title
|
||||
.css .rules .attribute
|
||||
color: highlight-green
|
||||
.string
|
||||
.value
|
||||
.inheritance
|
||||
.header
|
||||
.ruby .symbol
|
||||
.xml .cdata
|
||||
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
|
||||
@@ -0,0 +1,117 @@
|
||||
/*!
|
||||
* 正文内容
|
||||
*/
|
||||
.content
|
||||
float left
|
||||
width 100%
|
||||
min-height 689px
|
||||
.content-main
|
||||
margin-right 350px
|
||||
padding 20px
|
||||
/*!
|
||||
* Post
|
||||
*/
|
||||
.post
|
||||
padding 25px 0
|
||||
border-bottom 1px solid c-eee
|
||||
overflow hidden
|
||||
header
|
||||
margin 0 0 10px 0
|
||||
> a
|
||||
position relative
|
||||
display inline-block
|
||||
margin-right 6px
|
||||
padding 4px 7px
|
||||
top -3px
|
||||
color c-fff
|
||||
background-color #ff5e52
|
||||
font-size 12px
|
||||
vertical-align baseline
|
||||
opacity .85
|
||||
&:after
|
||||
position absolute
|
||||
display block
|
||||
top 9px
|
||||
right -4px
|
||||
width 0
|
||||
height 0
|
||||
content " "
|
||||
border-left 4px solid #ff5e52
|
||||
border-top 4px solid transparent
|
||||
border-bottom 4px solid transparent
|
||||
.post-title
|
||||
display inline
|
||||
font-size 20px
|
||||
font-weight normal
|
||||
a:hover
|
||||
border-bottom 1px dotted #ff5e52
|
||||
.post-meta
|
||||
color #888
|
||||
font-size 12px
|
||||
.post-views,
|
||||
.post-cat,
|
||||
.post-comments
|
||||
margin-right 15px
|
||||
.post-content
|
||||
position relative
|
||||
color c-666
|
||||
img
|
||||
max-width 100%
|
||||
.post-excerpt
|
||||
position relative
|
||||
min-height 140px
|
||||
margin-right 210px
|
||||
overflow hidden
|
||||
.post-thumbnail
|
||||
position absolute
|
||||
top 0
|
||||
right 0
|
||||
width 200px
|
||||
height 140px
|
||||
overflow hidden
|
||||
.thumbnail
|
||||
width 200px
|
||||
height 140px
|
||||
border 0
|
||||
transition .5s
|
||||
a:after
|
||||
content ""
|
||||
position absolute
|
||||
left -70px
|
||||
top 0
|
||||
width 140px
|
||||
height 140px
|
||||
background-image -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
|
||||
background-image -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
|
||||
transform skewx(-25deg)
|
||||
-o-transform skewx(-25deg)
|
||||
-moz-transform skewx(-25deg)
|
||||
-webkit-transform skewx(-25deg)
|
||||
&:hover a:after
|
||||
left 130px
|
||||
-webkit-transition all .3s ease-in-out
|
||||
-moz-transition all .3s ease-in-out
|
||||
-o-transition all .3s ease-in-out
|
||||
transition all .3s ease-in-out
|
||||
@extend $base-style
|
||||
a
|
||||
border-bottom 1px dotted #ff5e52
|
||||
.more a
|
||||
position absolute
|
||||
display inline-block
|
||||
right 0
|
||||
bottom 0
|
||||
padding 3px 7px
|
||||
border none
|
||||
color c-fff
|
||||
background-color #51cc87
|
||||
opacity .8
|
||||
&:hover
|
||||
opacity .75
|
||||
blockquote
|
||||
margin 1em 0
|
||||
padding 5px 10px
|
||||
color c-666
|
||||
border-left 4px solid c-eee
|
||||
p
|
||||
margin 0
|
||||
@@ -0,0 +1,104 @@
|
||||
/*!
|
||||
* 响应式媒体查询
|
||||
*/
|
||||
@media screen and (min-width: 1440px)
|
||||
.container
|
||||
max-width 1340px
|
||||
.content
|
||||
min-height 500px
|
||||
@media screen and (max-width: 1000px) and (min-width: 960px)
|
||||
.container
|
||||
max-width 952px
|
||||
.content
|
||||
min-height 500px
|
||||
@media screen and (max-width: 959px)
|
||||
.container
|
||||
margin-bottom 10px
|
||||
padding 0 10px
|
||||
.content
|
||||
min-height 500px
|
||||
.sidebar
|
||||
display none
|
||||
.content-main
|
||||
margin-right 0
|
||||
padding 20px 10px
|
||||
.header
|
||||
.header-main
|
||||
height auto
|
||||
padding-bottom 10px
|
||||
.logo
|
||||
float none
|
||||
width auto
|
||||
.profile
|
||||
display none
|
||||
.menu
|
||||
float none
|
||||
padding 8px 10px
|
||||
border 1px solid rgba(0, 0, 0, .1)
|
||||
background-color #fff
|
||||
border-top 0
|
||||
overflow hidden
|
||||
.item
|
||||
width 50%
|
||||
height auto
|
||||
line-height 1
|
||||
padding 8px 0
|
||||
font-size 14px
|
||||
.hidden
|
||||
display none
|
||||
.dropnav
|
||||
position absolute
|
||||
display block
|
||||
top 12px
|
||||
right 20px
|
||||
width 40px
|
||||
height @width
|
||||
padding 0 2px
|
||||
line-height @height
|
||||
font-size @height
|
||||
color #efe0ce
|
||||
border 2px solid @color
|
||||
border-radius 2px
|
||||
z-index 3
|
||||
cursor pointer
|
||||
&:hover
|
||||
opacity .8
|
||||
.post
|
||||
header .post-title
|
||||
font-size 15px
|
||||
.post-meta
|
||||
text-center()
|
||||
.post-content
|
||||
.post-excerpt
|
||||
margin-right 0
|
||||
.post-thumbnail
|
||||
display none
|
||||
.more a
|
||||
position relative
|
||||
display block
|
||||
padding 6px
|
||||
text-center()
|
||||
.page-navigator
|
||||
padding-left 0
|
||||
.page-number
|
||||
.space
|
||||
.extend
|
||||
margin-right 6px
|
||||
.page-navigator li
|
||||
display inline-block
|
||||
margin-right 7px
|
||||
opacity .8
|
||||
|
||||
.page-navigator li a
|
||||
display block
|
||||
padding 2px 8px
|
||||
background-color #eee
|
||||
.comment
|
||||
.list-wrap
|
||||
.list
|
||||
.user-comment
|
||||
.user-comment-header
|
||||
.reply
|
||||
display block
|
||||
.page-nav .more
|
||||
display none
|
||||
@@ -0,0 +1,22 @@
|
||||
/*!
|
||||
* 搜索框
|
||||
*/
|
||||
.search-form
|
||||
position relative
|
||||
padding 10px 70px 0 0
|
||||
.form-control
|
||||
display block
|
||||
width 100%
|
||||
padding 5px 5px 5px 10px
|
||||
border 2px solid c-ddd
|
||||
border-right 0
|
||||
outline 0
|
||||
box-shadow 2px 2px 4px rgba(0, 0, 0, .07) inset
|
||||
.btn
|
||||
position absolute
|
||||
top 10px
|
||||
right 0
|
||||
width 70px
|
||||
padding 7px 0
|
||||
&:hover
|
||||
opacity .75
|
||||
@@ -0,0 +1,90 @@
|
||||
/*!
|
||||
* Sidebar
|
||||
*/
|
||||
.sidebar
|
||||
float left
|
||||
width 330px
|
||||
margin-left -350px
|
||||
padding-top 20px
|
||||
padding-bottom 20px
|
||||
.widget
|
||||
position relative
|
||||
margin-bottom 20px
|
||||
clear both
|
||||
.widget
|
||||
ul
|
||||
margin 0
|
||||
padding 0
|
||||
.widget-hd
|
||||
margin 0
|
||||
padding 0
|
||||
border-bottom 2px solid c-eee
|
||||
strong
|
||||
position relative
|
||||
display inline-block
|
||||
bottom -2px
|
||||
color #444
|
||||
border-bottom 2px solid #ff5e52
|
||||
font-weight normal
|
||||
.logout
|
||||
position relative
|
||||
bottom -2px
|
||||
font-size 14px
|
||||
font-weight normal
|
||||
text-decoration underline
|
||||
&:hover
|
||||
text-decoration none
|
||||
.widget-bd
|
||||
margin 0
|
||||
padding 0
|
||||
list-style none
|
||||
li
|
||||
display block
|
||||
padding 10px 0
|
||||
line-height 1.5
|
||||
border-bottom 1px solid c-eee
|
||||
font-size 12px
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
white-space nowrap
|
||||
a .avatar
|
||||
float left
|
||||
width 36px
|
||||
height 36px
|
||||
margin-right 10px
|
||||
border-radius 50%
|
||||
transform rotate(0)
|
||||
transition .5s
|
||||
a:hover .avatar
|
||||
transform rotate(360deg)
|
||||
opacity .85
|
||||
p
|
||||
margin 0
|
||||
padding 0
|
||||
.tag-item
|
||||
float left
|
||||
width 32.6666%
|
||||
margin 0 1% 1% 0
|
||||
padding 0 8px
|
||||
line-height 29px
|
||||
font-size 12px
|
||||
color c-999
|
||||
background-color #f6f6f6
|
||||
-webkit-box-sizing border-box
|
||||
box-sizing border-box
|
||||
text-overflow ellipsis
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
-webkit-transition .5s
|
||||
-ms-transition .5s
|
||||
-moz-transition .5s
|
||||
transition .5s
|
||||
&:hover
|
||||
color #fff
|
||||
background-color #ff5e52
|
||||
opacity .85;
|
||||
.tag-item:nth-child(3n+0)
|
||||
margin-right 0
|
||||
.tag-wrap
|
||||
padding 10px 0 0
|
||||
overflow hidden
|
||||
@@ -0,0 +1,74 @@
|
||||
$theme_config = hexo-config("highlight_theme")
|
||||
/*!
|
||||
* 高亮样式
|
||||
*/
|
||||
|
||||
if $theme_config == "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 $theme_config == "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 $theme_config == "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 $theme_config == "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 $theme_config == "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
|
||||
Reference in New Issue
Block a user