hexo-theme-butterfly/source/css/_layout/reward.styl
Jerry 2eb15123f9 1. 更改手機頁面的menu和toc的顯示方式和顯示特效(ipad也能看TOC)
1. 更改手機頁面的menu和toc的顯示方式和顯示特效(ipad也能看TOC)
3. 可設置複製時,内容自動加上版權信息
4. 可修改tag的top_img
5. 可修改category的top_img
6. 可修改valine的背景
7. archives頁UI優化
8. ICP增加icon #37
9. 可設置主頁top_img的高度
10. 可設置主頁site-info的位置
11. category頁和tag頁的UI可以設置與主頁UI一樣 #31
12. 主頁subtitle可設置多個句子(不再限制2個) #37
13. 設置menu時,頭尾添加空格不受影響
14. 調整post頁的佈局
15. 书签添加icon
16. 公告icon效果
17. 首頁歸檔模塊,可設置數量限制,會顯示'查看更多'按鈕
18. 右下角按鈕調整。
19. 修复文章cover隨機图片生成,同一篇文章,不同地方的cover顯示不一样的bug
20. 修復gitalk語言設置無效的bug #35
21. 修復post頁面,當沒有設置word count時,閲讀量前有'|"
22. 修复sub-menu在safari的显示问题
23. 修复tags页评论居中问题
24. 修复header a hover 白色问题
25. 修復夜間模式下footer的顔色bug
26. 修復英文語言下,書簽英文顯示不完整的問題
2019-09-24 02:09:51 +08:00

73 lines
1.4 KiB
Stylus

.post-reward
position: relative
width: 100%
margin: 75px auto 0
text-align: center
display: block
.reward-button
text-align: center
display: inline-block
cursor: pointer
color: #fff
line-height: 36px
background: $light-blue
width: 80px
&:hover
background: darken($light-blue,30)
.reward-main
display: block
.reward-main
position: absolute
bottom: 40px
margin: 0
padding: 0 0 15px
width: 100%
left: 0
transition: all 0.6s
display: none
opacity: 1
.reward-all
margin: 0 auto
padding: 20px 10px 8px
background: #f5f5f5
display: inline-block
border-radius: 4px
cursor: auto
&:after
content: ""
width: 0
height: 0
border-left: 13px solid transparent
border-right: 13px solid transparent
border-top: 13px solid #f5f5f5
position: absolute
bottom: 2px
left: 0
right: 0
margin: 0 auto
.reward-item
list-style-type: none
padding: 0 8px
display: inline-block
img
width: 130px
max-width: 130px
border-radius: 3px
position: relative
.post-qr-code__desc
text-align: center
margin: -10px 0
color: #858585