1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Files
Boostnote/browser/styles/main/index.styl
2015-07-06 02:03:40 +09:00

105 lines
1.7 KiB
Stylus

@import '../../../node_modules/nib/lib/nib'
@import '../vars'
@import '../mixins/*'
global-reset()
@import '../shared/*'
@import './components/*'
@import './containers/*'
body
font-family "Lato"
color textColor
h1
font-size 2em
h2
font-size 1.5em
h3
font-size 1.3em
h4
font-size 1.15em
a
color brandColor
&:visited{
color brandColor
}
hr
border-top none
border-bottom solid 1px borderColor
margin 25px 0
.text-center
text-align center
.form-group
margin-bottom 15px
&>label
display block
margin-bottom 5px
&>input[type='text'], &>input[type='password']
display block
border solid 2px borderColor
padding 0 15px
font-size 1em
height 33px
border-radius 16.5px
box-sizing border-box
width 100%
#content
fullsize()
.LoginContainer, .RegisterContainer
width 400px
margin 15px auto
padding 25px 15px
box-sizing border-box
h1, h2
margin 5px auto 25px
.PlanetNavigator
background-color #032B35
color white
absolute left top bottom
width 50px
text-align center
box-sizing border-box
ul>li
padding 10px 3px
border-bottom solid 1px invBorderColor
&.active
background-color brandColor
a
background-color white
a
display block
width 44px
height 44px
text-align center
background-color #4D4D4D
color black
line-height 44px
font-size 1.1em
cursor pointer
circle()
transition 0.1s
&:hover, &:active
background-color white
img
circle()
width 44px
height 44px
.PlanetContainer
fullsize()
.PlanetMain
absolute top bottom right
left 50px
.Screen
absolute top bottom right
left 200px