mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
2eb15123f9
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. 修復英文語言下，書簽英文顯示不完整的問題
257 lines
6.3 KiB
Stylus
257 lines
6.3 KiB
Stylus
.note
|
|
$note-icons = hexo-config('note.icons')
|
|
$note-style = hexo-config('note.style')
|
|
margin: 10px 0
|
|
padding: 15px
|
|
position: relative
|
|
|
|
if ($note-style == 'simple')
|
|
border: 1px solid $light-grey
|
|
border-left-width: 5px
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $whitesmoke
|
|
border: 1px solid transparent
|
|
|
|
|
|
if ($note-style == 'flat')
|
|
background-color: lighten($light-grey, 65%)
|
|
border: initial
|
|
border-left: 5px solid $light-grey
|
|
|
|
|
|
if (hexo-config('note.border_radius') is a 'unit')
|
|
border-radius: unit(hexo-config('note.border_radius'), px)
|
|
|
|
|
|
h2, h3, h4, h5, h6
|
|
if ($note-icons)
|
|
margin-top: 3px
|
|
else
|
|
margin-top: 0
|
|
|
|
|
|
border-bottom: initial
|
|
margin-bottom: 0
|
|
padding-top: 0 !important
|
|
|
|
|
|
p, ul, ol, table, pre, blockquote, img
|
|
&:first-child
|
|
margin-top: 0 !important
|
|
|
|
&:last-child
|
|
margin-bottom: 0 !important
|
|
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
padding-left: 45px
|
|
|
|
&::before
|
|
font-family: 'FontAwesome'
|
|
font-size: larger
|
|
left: 15px
|
|
position: absolute
|
|
top: 13px
|
|
|
|
&.default
|
|
if ($note-style == 'flat')
|
|
background-color: $note-default-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-default-bg
|
|
border-color: $note-modern-default-border
|
|
color: $note-modern-default-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-default-text
|
|
color: $note-modern-default-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-default-hover
|
|
color: $note-modern-default-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-default-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-default-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-default-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-default-text
|
|
|
|
&.primary
|
|
if ($note-style == 'flat')
|
|
background-color: $note-primary-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-primary-bg
|
|
border-color: $note-modern-primary-border
|
|
color: $note-modern-primary-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-primary-text
|
|
color: $note-modern-primary-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-primary-hover
|
|
color: $note-modern-primary-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-primary-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-primary-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-primary-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-primary-text
|
|
|
|
&.info
|
|
if ($note-style == 'flat')
|
|
background-color: $note-info-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-info-bg
|
|
border-color: $note-modern-info-border
|
|
color: $note-modern-info-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-info-text
|
|
color: $note-modern-info-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-info-hover
|
|
color: $note-modern-info-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-info-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-info-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-info-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-info-text
|
|
|
|
&.success
|
|
if ($note-style == 'flat')
|
|
background-color: $note-success-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-success-bg
|
|
border-color: $note-modern-success-border
|
|
color: $note-modern-success-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-success-text
|
|
color: $note-modern-success-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-success-hover
|
|
color: $note-modern-success-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-success-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-success-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-success-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-success-text
|
|
|
|
&.warning
|
|
if ($note-style == 'flat')
|
|
background-color: $note-warning-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-warning-bg
|
|
border-color: $note-modern-warning-border
|
|
color: $note-modern-warning-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-warning-text
|
|
color: $note-modern-warning-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-warning-hover
|
|
color: $note-modern-warning-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-warning-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-warning-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-warning-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-warning-text
|
|
|
|
&.danger
|
|
if ($note-style == 'flat')
|
|
background-color: $note-danger-bg
|
|
|
|
|
|
if ($note-style == 'modern')
|
|
background-color: $note-modern-danger-bg
|
|
border-color: $note-modern-danger-border
|
|
color: $note-modern-danger-text
|
|
|
|
a, span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-danger-text
|
|
color: $note-modern-danger-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-danger-hover
|
|
color: $note-modern-danger-hover
|
|
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-danger-border
|
|
|
|
h2, h3, h4, h5, h6
|
|
color: $note-danger-text
|
|
|
|
if ($note-icons)
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-danger-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-danger-text
|