mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
130 lines
2.7 KiB
Stylus
130 lines
2.7 KiB
Stylus
bgColor = #E6E6E6
|
|
inputBgColor = white
|
|
iptFocusBorderColor = #369DCD
|
|
|
|
topBarBtnColor = #B3B3B3
|
|
topBarBtnBgColor = #B3B3B3
|
|
topBarBtnBgActiveColor = #3A3A3A
|
|
|
|
infoBtnColor = bgColor
|
|
infoBtnBgColor = #B3B3B3
|
|
infoBtnActiveBgColor = #3A3A3A
|
|
|
|
.ArticleTopBar
|
|
absolute top right
|
|
left 200px
|
|
height 60px
|
|
background-color bgColor
|
|
&>.left
|
|
float left
|
|
&>.search
|
|
position relative
|
|
float left
|
|
height 33px
|
|
margin-top 13.5px
|
|
margin-left 15px
|
|
width 350px
|
|
padding 5px 15px
|
|
transition 0.1s
|
|
font-size 16px
|
|
border 1px solid transparent
|
|
.tooltip
|
|
tooltip()
|
|
margin-left -24px
|
|
margin-top 35px
|
|
opacity 1
|
|
&.hide
|
|
opacity 0
|
|
input
|
|
absolute top left
|
|
width 350px
|
|
border-radius 16.5px
|
|
background-color inputBgColor
|
|
border 1px solid transparent
|
|
padding-left 35px
|
|
outline none
|
|
font-size 14px
|
|
height 33px
|
|
line-height 33px
|
|
z-index 0
|
|
&:focus
|
|
border-color iptFocusBorderColor
|
|
i.fa.fa-search
|
|
position absolute
|
|
display block
|
|
top 0
|
|
left 10px
|
|
line-height 33px
|
|
z-index 1
|
|
pointer-events none
|
|
.searchClearBtn
|
|
position absolute
|
|
top 6px
|
|
right 10px
|
|
width 20px
|
|
height 20px
|
|
border-radius 10px
|
|
border none
|
|
background-color transparent
|
|
color topBarBtnColor
|
|
transition 0.1s
|
|
line-height 20px
|
|
text-align center
|
|
padding 0
|
|
&:hover
|
|
color white
|
|
background-color topBarBtnBgColor
|
|
&>.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
|
|
.tooltip
|
|
tooltip()
|
|
margin-left -50px
|
|
margin-top 29px
|
|
&:hover
|
|
background-color infoBtnActiveBgColor
|
|
.tooltip
|
|
opacity 1
|
|
|
|
&>.logo
|
|
display block
|
|
position absolute
|
|
top 8px
|
|
right 15px
|
|
opacity 0.7
|
|
.tooltip
|
|
tooltip()
|
|
margin-top 44px
|
|
margin-left -120px
|
|
&:hover
|
|
opacity 1
|
|
.tooltip
|
|
opacity 1
|