2025-2-26-fixed
This commit is contained in:
27
themes/fluid/source/css/_pages/_post/comment.styl
Normal file
27
themes/fluid/source/css/_pages/_post/comment.styl
Normal file
@ -0,0 +1,27 @@
|
||||
// Rewrite valine
|
||||
#valine.v[data-class=v]
|
||||
.status-bar, .veditor, .vinput, .vbtn, p, pre code
|
||||
color var(--text-color)
|
||||
|
||||
.vinput::placeholder
|
||||
color var(--sec-text-color)
|
||||
|
||||
.vicon
|
||||
fill var(--text-color)
|
||||
|
||||
// Rewrite gitalk
|
||||
.gt-container
|
||||
|
||||
.gt-comment-content:hover
|
||||
-webkit-box-shadow none
|
||||
box-shadow none
|
||||
|
||||
.gt-comment-body
|
||||
color var(--text-color) !important
|
||||
transition color .2s ease-in-out
|
||||
|
||||
// Rewrite remark42
|
||||
#remark-km423lmfdslkm34-back
|
||||
z-index 1030
|
||||
#remark-km423lmfdslkm34-node
|
||||
z-index 1031
|
||||
67
themes/fluid/source/css/_pages/_post/highlight.styl
Normal file
67
themes/fluid/source/css/_pages/_post/highlight.styl
Normal file
@ -0,0 +1,67 @@
|
||||
.markdown-body
|
||||
.highlight pre, pre
|
||||
padding 1.45rem 1rem
|
||||
|
||||
pre code.hljs
|
||||
padding 0
|
||||
|
||||
pre[class*="language-"]
|
||||
padding-top 1.45rem
|
||||
padding-bottom 1.45rem
|
||||
padding-right 1rem
|
||||
line-height 1.5
|
||||
margin-bottom 1rem
|
||||
|
||||
.code-wrapper
|
||||
position relative
|
||||
border-radius 4px
|
||||
margin-bottom 1rem
|
||||
|
||||
.hljs, .highlight pre, .code-wrapper pre, figure.highlight td.gutter
|
||||
transition color .2s ease-in-out, background-color .2s ease-in-out
|
||||
background-color var(--highlight-bg-color)
|
||||
|
||||
pre[class*=language-].line-numbers
|
||||
position initial
|
||||
|
||||
figure
|
||||
margin 1rem 0
|
||||
|
||||
figure.highlight
|
||||
position relative
|
||||
|
||||
table
|
||||
border 0
|
||||
margin 0
|
||||
width auto
|
||||
border-radius 4px
|
||||
|
||||
td
|
||||
border 0
|
||||
padding 0
|
||||
|
||||
tr
|
||||
border 0
|
||||
|
||||
td.code
|
||||
width 100%
|
||||
|
||||
td.gutter
|
||||
display table-cell
|
||||
position -webkit-sticky
|
||||
position sticky
|
||||
left 0
|
||||
z-index 1
|
||||
|
||||
pre
|
||||
text-align right
|
||||
padding 0 .75rem
|
||||
border-radius initial
|
||||
border-right 1px solid #999
|
||||
|
||||
span.line
|
||||
color #999
|
||||
|
||||
td.code > pre
|
||||
border-top-left-radius 0
|
||||
border-bottom-left-radius 0
|
||||
92
themes/fluid/source/css/_pages/_post/markdown.styl
Normal file
92
themes/fluid/source/css/_pages/_post/markdown.styl
Normal file
@ -0,0 +1,92 @@
|
||||
// Rewrite github-markdown.css
|
||||
.markdown-body
|
||||
font-size 1rem
|
||||
line-height 1.6
|
||||
font-family $font-family
|
||||
margin-bottom 2rem
|
||||
color var(--post-text-color)
|
||||
|
||||
& > h1, h2
|
||||
border-bottom-color var(--line-color)
|
||||
|
||||
& > h1, h2, h3, h4, h5, h6
|
||||
anchor-offset()
|
||||
color var(--post-heading-color)
|
||||
transition color .2s ease-in-out, border-bottom-color 0.2s ease-in-out
|
||||
font-weight bold
|
||||
margin-bottom .75em
|
||||
margin-top 2em
|
||||
|
||||
&:focus
|
||||
outline none
|
||||
|
||||
a
|
||||
color var(--post-link-color)
|
||||
|
||||
strong
|
||||
font-weight bold
|
||||
|
||||
code
|
||||
tab-size 4
|
||||
background-color var(--inlinecode-bg-color)
|
||||
transition background-color .2s ease-in-out
|
||||
|
||||
table
|
||||
tr
|
||||
background-color var(--board-bg-color)
|
||||
transition background-color .2s ease-in-out
|
||||
tr:nth-child(2n)
|
||||
background-color var(--board-bg-color)
|
||||
transition background-color .2s ease-in-out
|
||||
th, td
|
||||
border-color var(--line-color)
|
||||
transition border-color .2s ease-in-out
|
||||
|
||||
pre
|
||||
font-size $code-font-size !important
|
||||
|
||||
.mermaid
|
||||
text-align center
|
||||
|
||||
& > svg
|
||||
min-width 100%
|
||||
|
||||
p > img, p > a > img, figure > img, figure > a > img
|
||||
max-width 90%
|
||||
margin 1.5rem auto
|
||||
display block
|
||||
box-shadow $img-shadow
|
||||
border-radius 4px
|
||||
background-color transparent
|
||||
|
||||
blockquote
|
||||
color var(--sec-text-color)
|
||||
|
||||
details
|
||||
cursor pointer
|
||||
|
||||
summary
|
||||
outline none
|
||||
|
||||
// Rewrite hr
|
||||
hr, .markdown-body hr
|
||||
background-color initial
|
||||
border-top 1px solid var(--line-color)
|
||||
transition border-top-color .2s ease-in-out
|
||||
|
||||
.markdown-body hr
|
||||
height 0
|
||||
margin 2rem 0
|
||||
|
||||
// Rewrite figcaption
|
||||
.markdown-body
|
||||
figcaption.image-caption
|
||||
font-size .8rem
|
||||
color var(--post-text-color)
|
||||
opacity 0.65
|
||||
line-height 1
|
||||
margin -0.75rem auto 2rem
|
||||
text-align center
|
||||
|
||||
figcaption:not(.image-caption)
|
||||
display none
|
||||
181
themes/fluid/source/css/_pages/_post/post-page.styl
Normal file
181
themes/fluid/source/css/_pages/_post/post-page.styl
Normal file
@ -0,0 +1,181 @@
|
||||
.post-content, post-custom
|
||||
box-sizing border-box
|
||||
padding-left 10%
|
||||
padding-right 10%
|
||||
|
||||
@media (max-width: 767px)
|
||||
.post-content, post-custom
|
||||
padding-left 2rem
|
||||
padding-right 2rem
|
||||
|
||||
.page-content, .post-content
|
||||
overflow hidden
|
||||
|
||||
@media (max-width: 424px)
|
||||
.post-content, post-custom
|
||||
padding-left 1rem
|
||||
padding-right 1rem
|
||||
|
||||
.page-content, .post-content
|
||||
overflow hidden
|
||||
|
||||
.anchorjs-link-left
|
||||
opacity 0 !important
|
||||
|
||||
.page-content, .post-content
|
||||
strong
|
||||
font-weight bold
|
||||
|
||||
& > *:nth-child(2)
|
||||
margin-top 0
|
||||
|
||||
img
|
||||
object-fit cover
|
||||
max-width 100%
|
||||
|
||||
.post-metas
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
font-size .9rem
|
||||
|
||||
.post-meta
|
||||
|
||||
& > *:not(.hover-with-bg)
|
||||
margin-right .2rem
|
||||
|
||||
.post-prevnext
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
justify-content space-between
|
||||
font-size .9rem
|
||||
margin-left -.35rem
|
||||
margin-right -.35rem
|
||||
|
||||
.post-prev, .post-next
|
||||
display flex
|
||||
padding-left 0
|
||||
padding-right 0
|
||||
|
||||
i
|
||||
font-size 1.5rem
|
||||
|
||||
a
|
||||
display flex
|
||||
align-items center
|
||||
|
||||
.hidden-mobile
|
||||
display -webkit-box
|
||||
-webkit-box-orient vertical
|
||||
-webkit-line-clamp 2
|
||||
text-overflow ellipsis
|
||||
overflow hidden
|
||||
|
||||
@media (max-width: 575px)
|
||||
.hidden-mobile
|
||||
display none
|
||||
|
||||
.post-prev:hover i, .post-prev:active i, .post-next:hover i, .post-next:active i
|
||||
-webkit-animation-duration 1s
|
||||
animation-duration 1s
|
||||
-webkit-animation-delay .1s
|
||||
animation-delay .1s
|
||||
-webkit-animation-timing-function ease-in-out
|
||||
animation-timing-function ease-in-out
|
||||
-webkit-animation-iteration-count infinite
|
||||
animation-iteration-count infinite
|
||||
-webkit-animation-fill-mode forwards
|
||||
animation-fill-mode forwards
|
||||
-webkit-animation-direction alternate
|
||||
animation-direction alternate
|
||||
|
||||
.post-prev:hover i, .post-prev:active i
|
||||
-webkit-animation-name post-prev-anim
|
||||
animation-name post-prev-anim
|
||||
|
||||
.post-next:hover i, .post-next:active i
|
||||
-webkit-animation-name post-next-anim
|
||||
animation-name post-next-anim
|
||||
|
||||
.post-next
|
||||
justify-content flex-end
|
||||
|
||||
.fa-chevron-left
|
||||
margin-right .5rem
|
||||
|
||||
.fa-chevron-right
|
||||
margin-left .5rem
|
||||
|
||||
@keyframes post-prev-anim
|
||||
0%
|
||||
-webkit-transform translateX(0)
|
||||
transform translateX(0)
|
||||
50%
|
||||
-webkit-transform translateX(-0.35rem)
|
||||
transform translateX(-0.35rem)
|
||||
100%
|
||||
-webkit-transform translateX(0)
|
||||
transform translateX(0)
|
||||
|
||||
@keyframes post-next-anim
|
||||
0%
|
||||
-webkit-transform translateX(0)
|
||||
transform translateX(0)
|
||||
50%
|
||||
-webkit-transform translateX(0.35rem)
|
||||
transform translateX(0.35rem)
|
||||
100%
|
||||
-webkit-transform translateX(0)
|
||||
transform translateX(0)
|
||||
|
||||
#seo-header
|
||||
color var(--post-heading-color)
|
||||
font-weight bold
|
||||
margin-top 0.5em
|
||||
margin-bottom 0.75em
|
||||
border-bottom-color var(--line-color)
|
||||
border-bottom-style solid
|
||||
border-bottom-width 2px
|
||||
line-height 1.5
|
||||
|
||||
.custom, #comments
|
||||
margin-top 2rem
|
||||
|
||||
#comments
|
||||
noscript
|
||||
display block
|
||||
text-align center
|
||||
padding 2rem 0
|
||||
|
||||
.visitors
|
||||
font-size .8em
|
||||
padding .45rem
|
||||
float right
|
||||
|
||||
a.fancybox:hover
|
||||
text-decoration none
|
||||
|
||||
// Rewrite mathjax
|
||||
mjx-container, .mjx-container
|
||||
overflow-x auto
|
||||
overflow-y hidden !important
|
||||
padding .5em 0
|
||||
|
||||
&:focus, svg:focus
|
||||
outline none
|
||||
|
||||
.mjx-char
|
||||
line-height 1
|
||||
|
||||
// Rewrite katex
|
||||
.katex-block
|
||||
overflow-x auto
|
||||
|
||||
.katex, .mjx-mrow
|
||||
white-space pre-wrap !important
|
||||
|
||||
// Rewrite hint
|
||||
.footnote-ref [class*=hint--][aria-label]:after
|
||||
max-width 12rem
|
||||
white-space nowrap
|
||||
overflow hidden
|
||||
text-overflow ellipsis
|
||||
168
themes/fluid/source/css/_pages/_post/post-tag.styl
Normal file
168
themes/fluid/source/css/_pages/_post/post-tag.styl
Normal file
@ -0,0 +1,168 @@
|
||||
// fold
|
||||
.fold
|
||||
margin 1rem 0
|
||||
border 0.5px solid var(--fold-border-color)
|
||||
position relative
|
||||
clear both
|
||||
border-radius 0.125rem
|
||||
|
||||
.fold-title
|
||||
color var(--fold-title-color)
|
||||
padding 0.5rem 0.75rem
|
||||
font-size 0.9rem
|
||||
font-weight bold
|
||||
border-radius 0.125rem
|
||||
|
||||
&:not(.collapsed) > .fold-arrow
|
||||
transform rotate(90deg)
|
||||
transform-origin center center
|
||||
|
||||
.fold-arrow
|
||||
display inline-block
|
||||
margin-right 0.35rem
|
||||
transition transform .3s ease-out
|
||||
|
||||
.fold-content
|
||||
padding 1rem 1rem
|
||||
|
||||
& > *:last-child
|
||||
margin-bottom 0
|
||||
|
||||
.fold-default, .fold-secondary
|
||||
background-color rgba(#bbbbbb, 0.25)
|
||||
|
||||
.fold-primary
|
||||
background-color rgba(#b7a0e0, 0.25)
|
||||
|
||||
.fold-info
|
||||
background-color rgba(#a0c5e4, 0.25)
|
||||
|
||||
.fold-success
|
||||
background-color rgba(#aedcae, 0.25)
|
||||
|
||||
.fold-warning
|
||||
background-color rgba(#f8d6a6, 0.25)
|
||||
|
||||
.fold-danger
|
||||
background-color rgba(#eca9a7, 0.25)
|
||||
|
||||
.fold-light
|
||||
background-color rgba(#fefefe, 0.25)
|
||||
|
||||
// note
|
||||
.note
|
||||
padding 0.75rem
|
||||
border-left 0.35rem solid
|
||||
border-radius 0.25rem
|
||||
margin 1.5rem 0
|
||||
color var(--text-color)
|
||||
transition color .2s ease-in-out
|
||||
font-size 0.9rem
|
||||
|
||||
a
|
||||
color var(--text-color)
|
||||
transition color .2s ease-in-out
|
||||
|
||||
*:last-child
|
||||
margin-bottom 0
|
||||
|
||||
.note-default, .note-secondary
|
||||
background-color rgba(#bbbbbb, 0.25)
|
||||
border-color #777
|
||||
|
||||
.note-primary
|
||||
background-color rgba(#b7a0e0, 0.25)
|
||||
border-color #6f42c1
|
||||
|
||||
.note-success
|
||||
background-color rgba(#aedcae, 0.25)
|
||||
border-color #5cb85c
|
||||
|
||||
.note-danger
|
||||
background-color rgba(#eca9a7, 0.25)
|
||||
border-color #d9534f
|
||||
|
||||
.note-warning
|
||||
background-color rgba(#f8d6a6, 0.25)
|
||||
border-color #f0ad4e
|
||||
|
||||
.note-info
|
||||
background-color rgba(#a0c5e4, 0.25)
|
||||
border-color #428bca
|
||||
|
||||
.note-light
|
||||
background-color rgba(#fefefe, 0.25)
|
||||
border-color #0f0f0f
|
||||
|
||||
// label
|
||||
.label
|
||||
display inline
|
||||
border-radius 3px
|
||||
font-size 85%
|
||||
margin 0
|
||||
padding .2em .4em
|
||||
color var(--text-color)
|
||||
transition color .2s ease-in-out
|
||||
|
||||
.label-default, .label-secondary
|
||||
background-color rgba(#bbbbbb, 0.25)
|
||||
|
||||
.label-primary
|
||||
background-color rgba(#b7a0e0, 0.25)
|
||||
|
||||
.label-info
|
||||
background-color rgba(#a0c5e4, 0.25)
|
||||
|
||||
.label-success
|
||||
background-color rgba(#aedcae, 0.25)
|
||||
|
||||
.label-warning
|
||||
background-color rgba(#f8d6a6, 0.25)
|
||||
|
||||
.label-danger
|
||||
background-color rgba(#eca9a7, 0.25)
|
||||
|
||||
// button
|
||||
.markdown-body .btn
|
||||
border 1px solid var(--line-color)
|
||||
background-color var(--button-bg-color)
|
||||
color var(--text-color)
|
||||
transition color .2s ease-in-out, background .2s ease-in-out, border-color .2s ease-in-out
|
||||
border-radius .25rem
|
||||
display inline-block
|
||||
font-size .875em
|
||||
line-height 2
|
||||
padding 0 .75rem
|
||||
margin-bottom 1rem
|
||||
|
||||
&:hover
|
||||
background-color var(--button-hover-bg-color)
|
||||
text-decoration none
|
||||
|
||||
// group-image
|
||||
.group-image-container
|
||||
margin 1.5rem auto
|
||||
|
||||
& img
|
||||
margin 0 auto
|
||||
border-radius 3px
|
||||
background-color transparent
|
||||
box-shadow 0 3px 9px 0 rgba(0, 0, 0, 0.15), 0 3px 9px 0 rgba(0, 0, 0, 0.15)
|
||||
|
||||
.group-image-row
|
||||
margin-bottom .5rem
|
||||
display flex
|
||||
justify-content center
|
||||
|
||||
.group-image-wrap
|
||||
flex 1
|
||||
display flex
|
||||
justify-content center
|
||||
|
||||
&:not(:last-child)
|
||||
margin-right .25rem
|
||||
|
||||
// checkbox
|
||||
input[type=checkbox]
|
||||
margin 0 0.2em 0.2em 0
|
||||
vertical-align middle
|
||||
Reference in New Issue
Block a user