mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
93 lines
1.8 KiB
Stylus
93 lines
1.8 KiB
Stylus
bgColor = #E6E6E6
|
|
inputBgColor = white
|
|
|
|
refreshBtColor = #B3B3B3
|
|
refreshBtnActiveColor = #3A3A3A
|
|
|
|
infoBtnColor = bgColor
|
|
infoBtnBgColor = #B3B3B3
|
|
infoBtnActiveBgColor = #3A3A3A
|
|
|
|
.ArticleTopBar
|
|
absolute top right
|
|
left 260px
|
|
height 60px
|
|
background-color bgColor
|
|
&>.left
|
|
float left
|
|
&>.search
|
|
position relative
|
|
float left
|
|
height 33px
|
|
margin-top 13.5px
|
|
margin-left 15px
|
|
width 350px
|
|
border-radius 22px
|
|
background-color inputBgColor
|
|
padding 5px 15px
|
|
transition 0.1s
|
|
font-size 16px
|
|
border 1px solid transparent
|
|
border-color transparent
|
|
&.focus
|
|
border-color brandBorderColor
|
|
input
|
|
absolute top right
|
|
left 35px
|
|
width 300px
|
|
outline none
|
|
font-size 14px
|
|
border none
|
|
height 33px
|
|
line-height 33px
|
|
background-color transparent
|
|
i.fa
|
|
position absolute
|
|
display block
|
|
top 0
|
|
left 10px
|
|
line-height 33px
|
|
&>.refreshBtn
|
|
float left
|
|
width 33px
|
|
height 33px
|
|
margin-top 13.5px
|
|
margin-left 15px
|
|
border none
|
|
color refreshBtColor
|
|
background transparent
|
|
font-size 18px
|
|
line-height 18px
|
|
transition 0.1s
|
|
&:hover
|
|
color refreshBtnActiveColor
|
|
&>.right
|
|
float right
|
|
&>button
|
|
display block
|
|
position absolute
|
|
right 74px
|
|
top 20px
|
|
width 20px
|
|
height 20px
|
|
font-size 14px
|
|
line-height 14px
|
|
background-color infoBtnBgColor
|
|
color bgColor
|
|
border-radius 11px
|
|
border none
|
|
transition 0.1s
|
|
&:nth-child(1)
|
|
right 109px
|
|
&:hover
|
|
background-color infoBtnActiveBgColor
|
|
|
|
&>.logo
|
|
display block
|
|
position absolute
|
|
top 8px
|
|
right 15px
|
|
opacity 0.7
|
|
&:hover
|
|
opacity 1.0
|