hexo-theme-butterfly/source/css/_layout/readmode.styl
Jerry 83dc0559c0 1. Feature: 可設置内联代码块样式 #26
2. Feature: 可設置夜間模式作爲默認樣式
3. Feature: 可設置是否顯示code language名稱
4. Feature: 可設置是否展開或關閉代碼框
5. Feature: 可設置背景圖片/顔色
6. Feature: 可設置是否顯示footer背景
7. Feature: 增加 canvas-nest.js
8. Feature: 頭像可設置效果(轉圈圈)
9. Feature: menu可設置分組
9. Fix: 優化打賞和搜索打開特效
10. Fix: 優化sidebar的打開特效,避免與文章頁特效不同步
11. Fix: 適配**hexo-blog-encrypt**,現在可以顯示toc
12. Fix: 修復設置不顯示評論時,直達評論按鈕沒有消失的bug
13. Fix: 修復post頁底欄,當沒有顯示評論,不顯示TOC,評論和toc都不顯示 這三種狀態下按鈕的bug
14. Fix: 修復代碼框左右滑動時,代碼名字跟著滑動的bug
15. Fix: 其他page頁標題的字體顯示
16. Fix: 修復當設置開啓canvas_ribbons,進入網站會先顯示canvas_ribbons的bug
17. Fix: 完善夜間模式下,字體顯示問題
18. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
19. Fix: 完善阅读模式
2019-09-08 16:17:07 +08:00

140 lines
2.6 KiB
Stylus

if hexo-config("readmode") && hexo-config("readmode.enable")
.read-mode
background: $pale-yellow
padding: 0 !important
#sidebar,
#toggle-sidebar
display: none
#top-container
background-image: none !important
height: 14rem
background-color: $pale-yellow
a
color: #4c4948
&:before
opacity: 0
#site-name,
.site-page
text-shadow: none
color: #4c4948
#post-info
text-align: center
padding: 0
color: #4c4948
#post-title,
#post-meta
text-shadow: none
#page-header
&.fixed
background: alpha(darken($pale-yellow,5),0.5)
box-shadow: none
&.open-sidebar
.site-page
display: inline-block
opacity: 1
.toggle-menu
.menu-icon-first,
.menu-icon-second,
.menu-icon-third
background-color: #4c4948
.layout_post
box-shadow: none
background: $pale-yellow
&:hover
box-shadow: none
.article-container
pre,
.highlight
background: darken($pale-yellow,5);
.highlight
&:after
background: darken($pale-yellow,10);
table
&:after
background: darken($pale-yellow,10);
blockquote
border-left: 0.2rem solid #d6dbdf
background-color: rgba(102,128,153,.05)
#rightside
#nightshift
display: none
canvas
display: none !important
footer,
#post-comment,
hr,
.relatedPosts,
#pagination,
.post-reward,
.tag_share,
.post-copyright
display: none
&::-webkit-scrollbar-thumb
background: darken($pale-yellow,15)
*::-webkit-scrollbar-thumb
background: darken($pale-yellow,15)
.copy-notice
background: darken($pale-yellow,10)
.toc_mobile_show
background: alpha(darken($pale-yellow,5),0.5) !important
box-shadow: none !important
#post_bottom_items
#mobile_to_comment
display: none
#mobile_toc
width: 100%
padding: 16px 0
#toc_mobile
right: 25%
background: darken($pale-yellow,5)
@media screen and (min-width: 768px)
.read-mode
.menus_item_child
background-color: darken($pale-yellow,5) !important
&:before
border-color: transparent transparent darken($pale-yellow,5) !important