1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 18:56:22 +00:00

add planet create modal & switching func

This commit is contained in:
Rokt33r
2015-07-21 12:02:40 +09:00
parent 864001bdff
commit 72a08e8fec
9 changed files with 217 additions and 138 deletions

View File

@@ -90,77 +90,7 @@ textarea.block-input
resize vertical
height 125px
border-radius 5px
padding 0 10px
padding 5px 10px
#content
fullsize()
.UserNavigator
background-color planetNavBgColor
absolute left top bottom
width 50px
text-align center
box-sizing border-box
a.userConfig
display block
width 50px
height 50px
background-color black
img
transition 0.1s
opacity 0.6
box-sizing border-box
&.active, &:active, &.focus, &:focus, &.hover, &:hover
img
opacity 1
ul>li
padding 10px 3px
.shortCut
margin-top 5px
color lighten(textColor, 5%)
font-size 0.8em
&.active
a
background-color planetAnchorActiveBgColor
color planetAnchorActiveColor
a
display block
width 44px
height 44px
text-align center
background-color planetAnchorBgColor
text-decoration none
color planetAnchorColor
line-height 44px
font-size 1.1em
cursor pointer
circle()
transition 0.1s
&:hover, &:active
background-color white
img
circle()
width 44px
height 44px
button.newPlanet
display block
margin 0 auto
width 30px
height 30px
circle()
border solid 2px lightButtonColor
color lightButtonColor
text-align center
font-size 1
background-image none
background-color transparent
box-sizing border-box
absolute left bottom right
bottom 15px
&:hover, &.hover, &:focus, &.focus
border-color darken(lightButtonColor, 25%)
color darken(lightButtonColor, 25%)
&:active, &.active
border-color darken(brandBorderColor, 10%)
background-color brandColor
color white