urbit/pub/tree/src/css/main.styl
Galen Wolfe-Pauly fd1719525e warning class
2015-09-10 19:35:20 -07:00

433 lines
5.6 KiB
Stylus

@import 'fonts'
body
html
font-family "bau","Helvetica Neue",helvetica,arial,sans-serif
code
pre
li:before
.spin
#bred a
h3.time
font-family "scp","Courier New",courier,monospace
body
html
font-size 18px
font-weight 400
line-height 1.6rem
-webkit-text-size-adjust none
a
color #000
text-decoration none
border-bottom 2px solid #000
display inline-block
line-height .8rem
hr
display inline-block
width 6rem
border 0
border-top 2px solid #f4f4f4
h1
margin-top 4rem
h2
h3
margin 0
margin-top 2rem
h1
h2
h3
h4
strong
font-weight 500
h4
margin-bottom .3rem
h5
font-style italic
font-weight 200
margin 0
h1 code
h2 code
h3 code
font-size inherit
padding .3rem
pre
code
font-size .8rem
pre
background-color #f5f5f5
padding .3rem
margin-left -.3rem
code
line-height 1.2rem
background-color #f4f4f4
margin-top -.05rem
padding .2rem
display inline-block
ul
list-style none
padding 0
li:before
content "+"
padding-right .3rem
font-size .8rem
font-weight 600
#nav
#cont
left 50%
#cont
width 42rem
margin-left -21rem
background-color #fff
z-index 1
#nav
position fixed
top 0rem
width 57rem
padding-top 1rem
z-index 0
margin-left -32rem
overflow hidden
opacity 0
transition opacity 1s ease-in-out
#nav.moving
opacity 1
transition opacity .3s ease-in-out
#nav:hover
opacity 1
transition opacity .3s ease-in-out
#cont
position absolute
top 0
margin-bottom 9rem
.loading
display inline-block
.spin
color #fff
padding .6rem
font-size .7rem
font-weight 600
letter-spacing .1rem
z-index 3
.loading > .spin
background-color #555
#body .loading > .spin
background-color #000
.spin.state-0:before
content "\2599"
.spin.state-1:before
content "\259B"
.spin.state-2:before
content "\259C"
.spin.state-3:before
content "\259F"
#load.load
display inline-block
font-weight 500
position fixed
top 0
left 0
width 100%
height 100%
background-color rgba(10,10,10,.4)
opacity 1
transition opacity 1s ease-in-out
z-index 4
img.logo
height 2rem
width 2rem
h3.time
margin-top: .3rem
font-size .7rem
font-weight 200
#nav .links > div
display inline-block
vertical-align top
#nav #sibs
width 8rem
transition margin-top .3s ease-in-out
overflow hidden
#nav #sibs > div
height 20px
margin-bottom 4px
.focus #sibs
margin-top 0 !important
transition margin-top .3s ease-in-out
#nav a
.list > li > a
text-transform uppercase
font-size .7rem
font-weight 200
letter-spacing 1px
white-space nowrap
.list > li > a
border-bottom none
margin-bottom .3rem
#nav a
.list > li > a h1
border-bottom 1px solid #000
margin-right .3rem
#nav .active a
font-weight 500
text-decoration none
#up
padding-right 1rem
margin-top -.3rem
#sides
float right
#sides a
margin-right .6rem
#nav .arow-up
#nav .arow-next
#nav .arow-prev
width 0
height 0
border .4rem solid transparent
#nav .arow-up
border-bottom .6rem solid #000
#nav .arow-next
border-left .6rem solid #000
#nav .arow-prev
border-right .6rem solid #000
#bred
width 5rem
padding-right 1rem
text-align right
font-size .6rem
white-space nowrap
overflow hidden
#bred a
text-transform lowercase
vertical-align top
#bred > div
float right
#bred > div > div
display inline-block
margin-top -.2rem
#bred a
#kids a
margin-right .3rem
#bred a
margin-left .3rem
.short
width 32rem
.list h1
.list li a > div p
margin 0
.list li a > div
.list li a > div p
display inline
.list li a > div p
margin-left .3rem
.list li a > div p:first-child
margin-left 0
.list li a > div p code
font-size .7rem
font-weight 400
text-transform none
.list li a h1 code
text-transform lowercase
border-bottom 1px solid #000
.list li a code
padding .2rem
.list h1
.list li a > div div
display inline
.list li a > div div
margin-left .6rem
overflow hidden
.list h1
font-size .7rem
.list.posts
.post
margin-bottom 2rem
.post h1
text-transform none
font-size 1.6rem
line-height 1.8rem
margin-bottom 1rem
display block
.post h2
font-size .7rem
font-weight 400
line-height 1rem
margin-top 0
li.post:before
content ""
div.root
h1
margin-bottom 2rem
.list .sub
margin-left 0
margin-right .6rem
div.root > p
width 27rem
margin-top 2rem
h2.sub
font-size .7rem
font-weight 400
line-height 1rem
letter-spacing 1px
margin-top 0
text-transform uppercase
div.post
h1
font-size 2.8rem
line-height 4rem
display block
margin-top 1rem
margin-bottom 1rem
h2
line-height 1rem
letter-spacing 1px
h2
margin-top 4rem
h2
font-size 1.2rem
font-weight 500
p
font-size 1.2rem
line-height 2.2rem
li p
display inline
div.toc
margin-top 3rem
margin-bottom 3rem
h1
h2
h3
h4
font-weight 400
cursor pointer
text-decoration underline
font-size 1.2rem
margin-top .3rem
margin-bottom .3rem
h2
margin-left 1rem
h3
margin-left 2rem
h4
margin-left 3rem
h1.t
font-weight 500
font-size 2rem
text-decoration none
margin-bottom 2rem
#body .CodeMirror
font-size .8rem
line-height 1rem
#body .CodeMirror .cm-header
font-weight 200
#body .CodeMirror-gutters
background-color #fff
padding-right 1rem
margin-left -1rem
.error
color rgba(249,23,51,1)
.warning
background-color rgb(255,53,55)
padding 1rem
width 18rem
margin 2rem 0
color #fff
a
color inherit
border-color #fff
h1
font-size 1rem
h1
p
margin 0 .3rem
.warning.w
width auto
@import 'mobile'