1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00

clean old codes

This commit is contained in:
Rokt33r
2016-05-03 23:21:27 +09:00
parent 27c22a4b09
commit 66856d1229
9 changed files with 24 additions and 1185 deletions

View File

@@ -1,86 +0,0 @@
userNavigatorBgColor = #1B1C1C
userNavigatorColor = #DDD
userAnchorColor = #979797
userAnchorBgColor = #BEBEBE
userAnchorActiveColor = textColor
userAnchorActiveBgColor = white
.UserNavigator
noSelect()
background-color userNavigatorBgColor
absolute left top bottom
width 60px
text-align center
box-sizing border-box
ul.userList
position absolute
top 25px
left 0
right 0
bottom 70px
// overflow-y auto
&>li
a
display block
width 38px
height 64px
margin 0 auto 10px
text-align center
text-decoration none
color userAnchorColor
line-height 44px
font-size 1.1em
cursor pointer
transition 0.1s
img.ProfileImage
width 38px
height 38px
border-radius 22px
opacity 0.7
&:hover
img.ProfileImage
opacity 1
.userTooltip
opacity 1
&.active
img.ProfileImage
opacity 1
.userTooltip
tooltip()
position absolute
margin-top -52px
margin-left 44px
.keyLabel
margin-top -25px
font-size 0.8em
color userNavigatorColor
button.createTeamBtn
display block
margin 0 auto
width 30px
height 30px
border-radius 15px
border 2px solid darken(white, 5%)
color darken(white, 5%)
text-align center
background-image none
background-color transparent
box-sizing border-box
absolute left right
bottom 15px
font-size 22px
line-height 22px
transition 0.1s
.tooltip
tooltip()
margin-top -26px
margin-left 30px
&:hover, &.hover, &:focus, &.focus
color white
border-color white
.tooltip
opacity 1
&:active
background-color brandColor
border-color brandColor

View File

@@ -1,91 +0,0 @@
tabNavColor = #999999
iptFocusBorderColor = #369DCD
.CreateNewFolder.modal
width 600px
height 450px
.closeBtn
position absolute
top 15px
right 15px
width 33px
height 33px
font-size 18px
line-height 33px
padding 0
text-align center
background-color transparent
border none
color stripBtnColor
&:hover
color stripHoverBtnColor
.title
font-size 32px
text-align center
font-weight bold
margin-top 25px
.ipt
display block
width 330px
font-size 14px
height 44px
line-height 44px
padding 0 15px
border-radius 5px
border solid 1px borderColor
outline none
margin 75px auto 20px
&:focus
border-color iptFocusBorderColor
.colorSelect
text-align center
.option
cursor pointer
font-size 22px
height 48px
width 48px
margin 0 2px
border 1px solid transparent
border-radius 5px
overflow hidden
line-height 45px
text-align center
transition 0.1s
display inline-block
&:hover
border-color borderColor
font-size 28px
&.active
font-size 28px
border-color iptFocusBorderColor
.alert
color infoTextColor
background-color infoBackgroundColor
font-size 14px
padding 15px 15px
width 330px
border-radius 5px
margin 15px auto 0
&.error
color errorTextColor
background-color errorBackgroundColor
.confirmBtn
display block
position absolute
left 205px
bottom 44px
width 240px
font-size 24px
height 44px
line-height 24px
font-weight bold
background-color brandColor
color white
border none
border-radius 5px
margin 0 auto
transition 0.1s
&:hover
transform scale(1.1)
&:disabled
opacity 0.7

View File

@@ -1,199 +0,0 @@
tabNavColor = #999999
iptFocusBorderColor = #369DCD
stripHoverBtnColor = #333
stripBtnColor = lighten(stripHoverBtnColor, 35%)
.CreateNewTeam.modal
width 600px
height 450px
.closeBtn
position absolute
top 15px
right 15px
width 33px
height 33px
font-size 18px
line-height 33px
padding 0
text-align center
background-color transparent
border none
color stripBtnColor
&:hover
color stripHoverBtnColor
.title
font-size 32px
text-align center
font-weight bold
margin-top 25px
.ipt
display block
width 330px
font-size 14px
height 44px
line-height 44px
padding 0 15px
border-radius 5px
border solid 1px borderColor
outline none
&:focus
border-color iptFocusBorderColor
.alert
padding 0 15px
height 44px
line-height 44px
width 300px
margin 0 auto
border-radius 5px
color infoTextColor
background-color infoBackgroundColor
white-space nowrap
overflow-x auto
&.error
color errorTextColor
background-color errorBackgroundColor
.confirmBtn
display block
position absolute
left 180px
bottom 44px
width 240px
font-size 24px
height 44px
line-height 24px
font-weight bold
background-color brandColor
color white
border none
border-radius 5px
margin 0 auto
transition 0.1s
&:hover
transform scale(1.1)
&:disabled
opacity 0.7
.tabNav
absolute left right
bottom 15px
height 33px
line-height 33px
width 150px
text-align center
font-size 12px
color tabNavColor
margin 0 auto
transition 0.1s
i.active
color brandColor
.createTab
.ipt
margin 105px auto 15px
.selectTab
.memberForm
display block
margin 25px auto 15px
width 330px
clearfix()
padding 0
font-size 14px
height 44px
line-height 44px
outline none
.Select.memberName
display block
margin 0
float left
width 280px
height 44px
font-size 14px
border none
line-height 44px
background-color transparent
outline none
&.is-focus
.Select-control
border-color iptFocusBorderColor
.Select-control
height 44px
line-height 44px
padding 0 0 0 15px
border-radius 5px 0 0 5px
border 1px solid borderColor
border-right none
.Select-placeholder
padding 0 0 0 15px
.Seleect-arrow
top 21px
.Select-clear
padding 0 10px
.Select-noresults, .Select-option
line-height 44px
padding 0 0 0 15px
&:focus, &.focus
border-color iptFocusBorderColor
button
font-weight 400
height 44px
cursor pointer
margin 0
padding 0
width 50px
float right
border none
background-color brandColor
border-top-right-radius 5px
border-bottom-right-radius 5px
color white
font-size 14px
.memberList
width 480px
margin 0 auto
height 190px
overflow scroll
border-bottom 1px solid borderColor
&>li
border-bottom 1px solid borderColor
height 44px
padding 0 25px
clearfix()
&:nth-last-child(1)
border-bottom-color transparent
.userPhoto
width 30px
height 30px
float left
margin-top 7px
margin-right 15px
border-radius 15px
.userInfo
float left
margin-top 7px
.userName
font-size 16px
margin-bottom 2px
.userEmail
font-size 12px
.userControl
float right
.userRole
float left
height 30px
background-color transparent
border 1px solid transparent
margin-top 7px
margin-right 35px
outline none
cursor pointer
&:hover
border-color borderColor
&:focus
border-color iptFocusBorderColor
button
border none
height 30px
margin-top 7px
background-color transparent
color stripBtnColor
&:hover
color stripHoverBtnColor

View File

@@ -1,132 +0,0 @@
slideBgColor0 = #2BAC8F
slideBgColor1 = #F68F92
slideBgColor2 = #D6AD56
slideBgColor3 = #26969B
slideBgColor4 = #00B493
.Tutorial.modal
background-color slideBgColor0
color white !important
width 720px
height 480px
margin-top 75px
border-radius 5px
overflow hidden
.priorBtn, .nextBtn
font-size 72px
position absolute
background-color transparent
color transparentify(white, 50%)
transition 0.1s
border none
line-height 72px
padding 0
width 93px
height 72px
z-index 2
top 189px
&:hover
color white
&.hide
opacity 0
.priorBtn
left 15px
.nextBtn
right 15px
.title
text-align center
font-size 54px
margin 40px 0
.content
text-align center
font-size 22px
line-height 1.8
.dots
position absolute
left 0
right 0
bottom 25px
margin 0 auto
color gray
text-align center
z-index 2
&>i
transition 0.3s
&.active
color white
.slide
absolute top bottom left right
z-index 1
.slide0
background-color slideBgColor0
.content
margin-top 100px
.slide1
background-color slideBgColor1
.content
.markdown
background-color white
color textColor
width 480px
height 140px
margin 45px auto 0
clearfix()
text-align left
border-radius 5px
overflow hidden
.left
float left
width 240px
height 140px
box-sizing border-box
font-size 0.5em
padding 30px
border-right 1px solid borderColor
.right
width 240px
height 140px
float right
box-sizing border-box
padding: 28px 0 0 10px
font-size 0.45em
marked()
ul
padding-left 20px
.slide2
background-color slideBgColor2
.code
border-radius 5px
overflow hidden
text-align left
width 480px
heght 140px
margin 45px auto 0
font-size 14px
.ace_editor
height 140px
.slide3
background-color slideBgColor3
.title
margin-bottom 15px
.content
font-size 18px
&>img
margin-top 25px
.slide4
background-color slideBgColor4
.content
&>button
background-color white
color brandColor
font-size 60px
width 250px
height 250px
border-radius 125px
border none
transition 0.1s
&:hover
transform scale(1.2)

View File

@@ -1,390 +0,0 @@
// .ModalBase
// fixed top left bottom right
// z-index modalZIndex
// &.hide
// display none
// .modalBack
// absolute top left bottom right
// background-color modalBackColor
// z-index modalZIndex + 1
// .modal
// position relative
// width 650px
// margin 50px auto 0
// z-index modalZIndex + 2
// box-shadow popupShadow
// background-color white
// border-radius 10px
// padding 15px
// .modal-header
// border-bottom solid 1px borderColor
// margin-bottom 10px
// h1
// padding 10px 0 15px
// font-size 1.5em
// .modal-body
// p
// margin-bottom 10px
// .modal-footer
// clearfix()
// border-top solid 1px borderColor
// padding-top 10px
// .modal-control
// float right
//
// .sideNavModal
// height 500px
// .leftPane
// absolute top bottom left
// width 175px
// padding 20px
// border-right solid 1px borderColor
// .modalLabel
// font-size 1.5em
// margin-top 25px
// margin-bottom 35px
// color brandColor
// .tabList button
// btnStripDefault()
// display block
// width 100%
// font-size 1.1em
// padding 10px 5px
// margin-bottom 15px
// text-align left
// .rightPane
// absolute top bottom right
// left 175px
// padding 15px
// overflow-y auto
// .tab
// padding-top 45px
// .formField
// position relative
// clearfix()
// margin-bottom 15px
// label
// width 30%
// display block
// line-height 33px
// float left
// input
// width 70%
// display block
// borderInput()
// height 33px
// font-size 1em
// border-radius 5px
// float left
// .formRadioField
// margin-bottom 15px
// input
// margin-left 25px
// .formConfirm
// position relative
// clearfix()
// margin-bottom 15px
// button
// float right
// btnDefault()
// padding 10px 15px
// border-radius 5px
// font-size 1em
// margin-left 5px
// .alertInfo, .alertSuccess, .alertError
// float right
// padding 12px 10px
// border-radius 5px
// width 320px
// font-size 1em
// overflow-x hidden
// white-space nowrap
// transition 0.1s
// &.hide
// width 0
// padding 12px 0
// .alertInfo
// alertInfo()
// .alertSuccess
// alertSuccess()
// .alertError
// alertError()
// .PreferencesModal
// .settingsTab
// .categoryLabel
// font-size 1.5em
// margin-bottom 25px
// .example
// marked()
// .aboutTab
// padding-top 30px
// .about1
// margin-bottom 25px
// .logo
// display block
// margin 0 auto
// .appInfo
// font-size 1.5em
// text-align center
// .about2
// width 200px
// margin 0 auto
// .externalLabel
// font-size 1.2em
// margin-bottom 15px
// .externalList
// li
// margin-bottom 15px
// .PlanetSettingModal
// .planetDeleteTab
// padding-top 65px
// p
// margin-bottom 25px
// strong
// color brandColor
// font-size 1.1em
// input
// borderInput()
// margin-right 5px
// height 33px
// font-size 1em
// border-radius 10px
// .formConfirm
// position relative
// clearfix()
// margin-bottom 15px
// button
// float right
// btnDefault()
// padding 10px 15px
// border-radius 5px
// font-size 1em
// margin-left 5px
// .alertInfo, .alertSuccess, .alertError
// float right
// padding 12px 10px
// border-radius 5px
// width 320px
// font-size 1em
// overflow-x hidden
// white-space nowrap
// transition 0.1s
// &.hide
// width 0
// padding 12px 0
// .alertInfo
// alertInfo()
// .alertSuccess
// alertSuccess()
// .alertError
// alertError()
// .TeamSettingsModal
// .membersTab
// .memberTable
// width 100%
// margin-bottom 25px
// th
// border-bottom solid 2px borderColor
// td
// border-bottom solid 1px borderColor
// height 38px
// button
// btnDefault()
// padding 5px
// border-radius 5px
// .roleSelect
// height 33px
// border solid 1px borderColor
// background-color backgroundColor
// th, td
// padding 5px 0
// .addMemberForm
// .formLabel
// margin-bottom 5px
// .formGroup
// clearfix()
// .userNameSelect
// display block
// width 200px
// margin-right 5px
// float left
// .roleSelect
// display block
// height 33px
// border solid 1px borderColor
// background-color backgroundColor
// float left
// margin-right 5px
// .confirmButton
// display block
// height 33px
// btnDefault()
// border-radius 5px
// float left
//
// .LaunchModal
// .modal-tab
// text-align center
// margin-bottom 10px
// .btn-primary, .btn-default
// margin 0
// border-radius 0
// border-width 1px
// width 150px
// border-radius 0
// &:nth-child(1)
// border-right solid 1px borderColor
// border-top-left-radius 5px
// border-bottom-left-radius 5px
// &:nth-child(2)
// border-left none
// border-top-right-radius 5px
// border-bottom-right-radius 5px
// .Select
// .Select-control
// border-color borderColor
// &.is-focused
// .Select-control
// border-color brandBorderColor
// .Select-menu-outer
// border-color borderColor
// .ace_editor
// border-radius 5px
// border solid 1px borderColor
// .CodeForm, .NoteForm
// .form-group
// margin-bottom 10px
// .CodeForm
// textarea.codeDescription
// height 75px
// font-size 0.9em
// margin-bottom 10px
// .modeSelect.Select
// display inline-block
// width 200px
// height 37px
// .Select-control
// height 37px
// .ace_editor
// height 258px
// .NoteForm
// .ace_editor
// height 358px
// .previewMode
// absolute top right
// font-size 0.8em
// line-height 24px
// padding 5 15px
// background-color transparentify(invBackgroundColor, 0.2)
// color invTextColor
// border-top-right-radius 5px
// .marked
// height 360px
// overflow-x hidden
// overflow-y auto
// box-sizing border-box
// padding 5px
// border solid 1px borderColor
// border-radius 5px
// marked()
//
//
// .PlanetCreateModal.modal, .TeamCreateModal.modal, .AddMemberModal.modal
// padding 60px 0
// .nameInput
// width 80%
// font-size 1.3em
// margin 25px auto 15px
// text-align center
// .userNameSelect
// width 80%
// font-size 1.3em
// margin 35px auto
// text-align center
// .formField
// text-align center
// margin 0 auto 25px
// select
// display inline-block
// width 150px
// height 33px
// border solid 1px borderColor
// background-color white
// padding 0 10px
// margin 0 15px
// .submitButton
// display block
// margin 0 auto
// box-sizing border-box
// width 55px
// height 55px
// circle()
// btnPrimary()
// .errorAlert
// alertError()
// padding 12px 10px
// border-radius 5px
// text-align center
// display block
// width 360px
// margin 0 auto 15px
//
// .ContactModal
// padding 15px
// .contactForm
// .formField
// width 100%
// margin-bottom 10px
// input, textarea
// display block
// width 100%
// borderInput()
// border-radius 5px
// input
// height 33px
// font-size 1em
// textarea
// height 175px
// font-size 1em
// .formControl
// clearfix()
// button
// float right
// btnDefault()
// height 44px
// padding 0 15px
// border-radius 5px
// margin-left 5px
// font-size 1em
// button.sendButton
// btnPrimary()
// .confirmation
// .confirmationMessage
// padding 35px 0
// text-align center
// font-size 1.1em
// .doneButton
// btnDefault()
// height 44px
// padding 0 35px
// border-radius 5px
// display block
// margin 0 auto 25px
//
// .LogoutModal
// padding 65px 0 45px
// width 350px
// .messageLabel
// text-align center
// font-size 1.1em
// margin-bottom 35px
// .formControl
// text-align center
// button
// btnDefault()
// border-radius 5px
// height 44px
// margin 15px 5px
// padding 0 15px
// button.logoutButton
// btnPrimary()