Files
hexo-theme-butterfly/source/css/_page/404.styl
Jerry 3708fdf569 breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小
feat: 為文章單獨設置 TOC simple_style 顯示 closed #631
feat: page 頁頂部圖增加黑色遮罩 closed #671
feat: 首頁 pagination 更新 UI
fix: 修復使用本地搜索時,搜索插件配置為不搜索文章內容會無法使用搜索 的 bug
fix: 修復開啟 photofigcaption 後,導致inlineImg標籤外掛顯示錯亂的 bug
fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug
improvement: 主題 css 使用的 rem 改為 em 或 px
improvement: 修改没有顶部图下,文章页的标题大小 closed #669
improvement: 代碼優化
2021-09-20 17:55:20 +08:00

80 lines
1.8 KiB
Stylus

if hexo-config('error_404.enable')
.error404
#error-wrap
position: absolute
top: 50%
right: 0
left: 0
margin: 0 auto
padding: 0 20px
max-width: 1000px
transform: translate(0, -50%)
.error-content
@extend .cardHover
display: flex
flex-direction: row
justify-content: center
align-items: center
margin: 0 20px
height: 360px
+maxWidth768()
flex-direction: column
margin: 0
height: 500px
.error-img
flex: 1
height: 100%
border-top-left-radius: 8px
border-bottom-left-radius: 8px
background-color: $theme-color
background-position: center
background-size: cover
+maxWidth768()
flex: 1
width: 100%
border-top-right-radius: 8px
border-bottom-left-radius: 0
.error-info
flex: 1
padding: 10px
text-align: center
font-size: 14px
if $site-name-font
font-family: $site-name-font
+maxWidth768()
flex: 1.1
width: 100%
.error_title
margin-top: -80px
font-size: 9em
+maxWidth768()
margin-top: -60px
.error_subtitle
@extend .limit-more-line
margin-top: -70px
word-break: break-word
font-size: 1.6em
-webkit-line-clamp: 2
a
display: inline-block
margin-top: 10px
padding: 6px 30px
background: var(--btn-bg)
color: var(--btn-color)
i
padding-right: 6px
& + #rightside
display: none