mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
187 lines
4.3 KiB
Stylus
187 lines
4.3 KiB
Stylus
menuColor = #808080
|
|
menuBgColor = #E6E6E6
|
|
closeBtnBgColor = #1790C6
|
|
iptFocusBorderColor = #369DCD
|
|
|
|
.Preferences.modal
|
|
padding 0
|
|
border-radius 5px
|
|
overflow hidden
|
|
width 720px
|
|
height 600px
|
|
&>.header
|
|
absolute top left right
|
|
height 50px
|
|
border-bottom 1px solid borderColor
|
|
background-color menuBgColor
|
|
&>.title
|
|
font-size 22px
|
|
font-weight bold
|
|
float left
|
|
padding-left 30px
|
|
line-height 50px
|
|
&>.closeBtn
|
|
float right
|
|
font-size 14px
|
|
background-color closeBtnBgColor
|
|
color white
|
|
padding 0 15px
|
|
height 33px
|
|
margin-top 9px
|
|
margin-right 15px
|
|
border none
|
|
border-radius 5px
|
|
&>.nav
|
|
absolute left bottom
|
|
top 50px
|
|
width 180px
|
|
background-color menuBgColor
|
|
border-right 1px solid borderColor
|
|
&>button
|
|
width 100%
|
|
height 44px
|
|
font-size 18px
|
|
color menuColor
|
|
border none
|
|
background-color transparent
|
|
transition 0.1s
|
|
text-align left
|
|
padding-left 15px
|
|
&:hover
|
|
background-color darken(menuBgColor, 10%)
|
|
&.active, &:active
|
|
background-color brandColor
|
|
color white
|
|
&>.content
|
|
absolute right bottom
|
|
top 50px
|
|
left 180px
|
|
overflow-y auto
|
|
&>.section
|
|
padding 10px 20px
|
|
border-bottom 1px solid borderColor
|
|
overflow-y auto
|
|
&:nth-last-child(1)
|
|
border-bottom none
|
|
&>.sectionTitle
|
|
font-size 18px
|
|
margin 10px 0 5px
|
|
color brandColor
|
|
&>.sectionCheck
|
|
margin-bottom 5px
|
|
height 33px
|
|
label
|
|
width 150px
|
|
padding-left 15px
|
|
line-height 33px
|
|
.sectionCheck-warn
|
|
font-size 12px
|
|
margin-left 10px
|
|
border-left 2px solid brandColor
|
|
padding-left 5px
|
|
&>.sectionInput
|
|
margin-bottom 5px
|
|
clearfix()
|
|
height 33px
|
|
label
|
|
width 150px
|
|
padding-left 15px
|
|
float left
|
|
line-height 33px
|
|
input
|
|
width 250px
|
|
float left
|
|
height 33px
|
|
border-radius 5px
|
|
border 1px solid borderColor
|
|
padding 0 10px
|
|
font-size 14px
|
|
outline none
|
|
&:focus
|
|
border-color iptFocusBorderColor
|
|
&>.sectionSelect
|
|
margin-bottom 5px
|
|
clearfix()
|
|
height 33px
|
|
label
|
|
width 150px
|
|
padding-left 15px
|
|
float left
|
|
line-height 33px
|
|
select
|
|
float left
|
|
width 200px
|
|
height 25px
|
|
margin-top 4px
|
|
border-radius 5px
|
|
border 1px solid borderColor
|
|
padding 0 10px
|
|
font-size 14px
|
|
outline none
|
|
&:focus
|
|
border-color iptFocusBorderColor
|
|
&>.sectionMultiSelect
|
|
margin-bottom 5px
|
|
clearfix()
|
|
height 33px
|
|
label
|
|
width 150px
|
|
padding-left 15px
|
|
float left
|
|
line-height 33px
|
|
.sectionMultiSelect-input
|
|
float left
|
|
select
|
|
width 80px
|
|
height 25px
|
|
margin-top 4px
|
|
border-radius 5px
|
|
border 1px solid borderColor
|
|
padding 0 10px
|
|
font-size 14px
|
|
outline none
|
|
margin-left 5px
|
|
margin-right 15px
|
|
&:focus
|
|
border-color iptFocusBorderColor
|
|
&>.sectionConfirm
|
|
clearfix()
|
|
padding 5px 15px
|
|
button
|
|
float right
|
|
background-color brandColor
|
|
color white
|
|
border none
|
|
border-radius 5px
|
|
height 33px
|
|
padding 0 15px
|
|
font-size 14px
|
|
.alert
|
|
float right
|
|
width 250px
|
|
padding 10px 15px
|
|
margin 0 10px 0
|
|
.alert
|
|
color infoTextColor
|
|
background-color infoBackgroundColor
|
|
font-size 14px
|
|
padding 15px 15px
|
|
width 330px
|
|
border-radius 5px
|
|
margin 10px auto
|
|
&.error
|
|
color errorTextColor
|
|
background-color errorBackgroundColor
|
|
&.ContactTab
|
|
padding 10px
|
|
.title
|
|
font-size 18px
|
|
color brandColor
|
|
margin-top 10px
|
|
margin-bottom 10px
|
|
p
|
|
line-height 2
|
|
&.AppSettingTab
|
|
.description
|
|
marked()
|