biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-16 19:30:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix bugs

Browse Source
This commit is contained in:
hwy0127@gmail.com
2019-06-17 21:25:18 +08:00
Unverified
parent 79971d49db
commit 5a3363e0e4
37 changed files with 2955 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/css/_layout/aside.styl
View File

@@ -87,7 +87,7 @@
margin-top: .2rem
padding: 0 1rem
height: 1.6rem
background: #49b1f5
background: $light-blue
color: #fff
text-decoration: none
line-height: 1.6rem
@@ -96,7 +96,7 @@
z-index: 1
.toggle_change--primary,.bookmark--primary
color: $cyan
color: $ruby
.toggle_change--animated,.bookmark--animated
transition-property: color
@@ -109,7 +109,7 @@
left: 0
right: 0
bottom: 0
background: $cyan
background: $ruby
transform: scaleX(0)
transform-origin: 0 50%
transition-property: transform

133
source/css/_layout/flink.styl Normal file
View File

@@ -0,0 +1,133 @@
.flink
.md-links
min-height: calc(100% - 120px - 5pc - 6em)
text-align: center
overflow: auto
padding: 0
margin: 0 auto
a
color: #333
text-decoration: none
li
width: calc(100%/3 - 14px)
float: left
list-style: none
.md-links-item
height: 90px
line-height: 17px
margin: 20px 7px
padding: 0px 0px
transition: box-shadow 0.25s
text-overflow: ellipsis
overflow: hidden
border-radius: 8px
-webkit-transform: perspective(1px) translateZ(0)
transform: perspective(1px) translateZ(0)
box-shadow: 0 0 1px rgba(0, 0, 0, 0)
position: relative
-webkit-transition-property: color
transition-property: color
-webkit-transition-duration: 0.3s
transition-duration: 0.3s
img
float: left
border-radius: 35px
margin: 11px 10px
width: 70px
height: 70px
border: 0px solid #eaeefb
&:hover
img
filter: unqoute("progid:DXImageTransform.Microsoft.BasicImage(rotation=3)")
-moz-transform: rotate(540deg)
-o-transform: rotate(540deg)
-webkit-transform: rotate(540deg)
transform: rotate(540deg)
&:before
content: ""
position: absolute
z-index: -1
top: 0
left: 0
right: 0
bottom: 0
background: $light-blue !important
-webkit-transform: scale(0)
transform: scale(0)
-webkit-transition-property: transform
transition-property: transform
-webkit-transition-duration: 0.3s
transition-duration: 0.3s
-webkit-transition-timing-function: ease-out
transition-timing-function: ease-out
.md-links-item:hover,
.md-links-item:focus,
.md-links-item:active
color: white
.md-links-item:hover:before,
.md-links-item:focus:before,
.md-links-item:active:before
-webkit-transform: scale(1)
transform: scale(1)
.md-links-item a:hover
cursor: pointer
.md-links-title
padding-top: 16px
padding-right: 10px
font-size: 20px
font-weight: bold
height:40px
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
.post-cards
margin-top: 5px
min-height: 100px
padding: 15px
border-radius: 15px
.comment-word
font-weight:bold
font-size:1.7em
.md-links-des
padding: 16px 10px
font-size:13px
overflow: hidden
height:50px
white-space: nowrap
text-overflow: ellipsis
@media screen and (max-width:1100px)
.flink
.post-cards
position: relative
margin: -20px -16px 0
border-radius: 18px
padding: 16px
.md-links
li
width: calc(100%/2 - 14px)
@media screen and (max-width:600px)
.flink
.md-links
li
width: calc(100%/1 - 14px)

2
source/css/_layout/footer.styl
View File

@@ -1,8 +1,6 @@
footer
$bg-svg += ""
margin-top: 1rem
background: $light-blue
// background-image: url($bg-svg)
background-attachment: local
&.footer-bg

5
source/css/_layout/head.styl
View File

@@ -14,11 +14,6 @@
background-attachment: local
&.no-bg
$bg-svg += ""
background-image: url($bg-svg) !important
background-size: initial
#site-social-icons
margin: 0 auto
width: 15rem

1
source/css/_layout/nightshift.styl
View File

@@ -65,6 +65,7 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
blockquote
border-left: 0.2rem solid #7A5353
color: #99a9bf
background-color: #2f3d49
hr
background: 0

22
source/css/_layout/post.styl
View File

@@ -1,16 +1,6 @@
#post-title
font-size: 1.4rem
&.plain
margin-bottom: 0.3rem
border-bottom: 1px solid $light-grey
cursor: pointer
transition: all 0.2s ease-in-out
&:hover
border-bottom: 1px solid $light-blue
color: $light-blue
#post
overflow: hidden
@@ -47,16 +37,6 @@
background-color: #394245;
background-image: linear-gradient(234deg, #394245 0%, #000 100%);
&.no-bg
$bg-svg += ""
background-color: $light-blue
background-image: url($bg-svg) !important
background-size: auto
&.plain
margin-bottom: 1rem
height: 56px
a
color: $light-grey
text-decoration: none
@@ -229,8 +209,6 @@ img
a
word-break: break-word
.post-adv
margin: 1rem 0
@media screen and (max-width: $sm)
.layout

2
source/css/_layout/relatedposts.styl
View File

@@ -51,7 +51,7 @@
margin: 0 auto
text-align: center
.relatedPosts_headling
.relatedPosts_headline
font-size: 20px
font-weight: 700
margin-bottom: 5px

4
source/css/_layout/reward.styl
View File

@@ -11,11 +11,11 @@
cursor: pointer
color: #fff
line-height: 36px
background: #49b1f5
background: $light-blue
width: 80px
&:hover
background: #00c4b6
background: darken($light-blue,30)
.reward-main
display: block

9
source/css/_layout/z-other.styl
View File

@@ -82,6 +82,7 @@ a.article-meta__categories
text-transform: uppercase
overflow: hidden
z-index: 1
background-color: $light-blue
&:focus {
outline: none
@@ -89,17 +90,13 @@ a.article-meta__categories
}
.more--primary {
color: lightslategray
color: $white
}
.more--animated {
transition-property: color
transition-duration: 0.5s
&.more--border.more--primary {
border: 1px solid lightslategray
}
&:before {
content: ""
position: absolute
@@ -107,7 +104,7 @@ a.article-meta__categories
left: 0
right: 0
bottom: 0
background: lightslategray
background: $ruby
transform: scaleX(0)
transform-origin: 0 50%
transition-property: transform