stylesheets/_layout.sass
5c736f5e
 !page_width = 900px
 !sidebar_width = 250px
 !sidebar_margin = 30px
d8d51719
 !pad = 15px
 !default_border_radius = 4px
 
 html body
   background-color= !body_bg
   color= !body_color
   a
     color= !link_color
 
 #header
   background-color= !header_bg
   border-bottom= "1px solid" !header_border
77bb406a
   padding: 30px 0
145f8104
   .page_width
     position: relative
d8d51719
   a.title
77bb406a
     font-size= !h1
c94e6f53
     +heading-font
d8d51719
     display: inline-block
77bb406a
     color= !title_color
d8d51719
     text-decoration: none
77bb406a
 
 #nav
   +clearfix
   position: relative
   z-index: 1
   padding: 6px 0
   background:
     color= !nav_bg
     image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
     image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
   border:
     top= "1px solid" !nav_border_top
     bottom= "1px solid" !nav_border_bottom
   ul
     position: relative
d8d51719
     +horizontal-list
77bb406a
     margin: 0 auto
     overflow: visible
     li
       padding: 0 15px
80a70068
       border-left= "1px solid" !nav_border_left
       border-right= "1px solid" !nav_border_right
77bb406a
       &.alpha
         border-left: none
         padding-left: 0
       &.omega
         border-right: 0
       &.subscribe
         position: absolute
5c736f5e
         left= !page_width - !sidebar_width - !sidebar_margin/2
77bb406a
         border: none
         a
           display: inline-block
           padding-left: 28px
           background: url("/images/rss.png") left top no-repeat
       a
         display: inline-block
         color= !nav_color
         line-height: 150%
         text-decoration: none
         &:hover
           color= !nav_color_hover
d8d51719
 
 .page_width
   width= !page_width
   margin: 0 auto
   padding:
     left: 30px
     right: 30px
 
 #page
5c736f5e
   +clearfix
d8d51719
   background-color= !page_bg
a55a5515
   &.collapsed
     .page_width
       width= !page_width - !sidebar_width
     #main
       width: 100%
       .pre_expander
         display: none
     #sidebar
       float: none
fd32bcab
   .page_width
5c736f5e
     +clearfix
a55a5515
     position: relative
77bb406a
     padding:
       top: 25px
       bottom: 25px
80a70068
     background-color= !blog_bg
5c736f5e
     +easy-box-shadow(#ccc)
80a70068
     border:
       left= "1px solid" !page_border_sides
       right= "1px solid" !page_border_sides
5c736f5e
 #main
   width= !page_width - !sidebar_width - !sidebar_margin
   float: left
1eddd60a
   &.expanded
     width: 100%
5c736f5e
 
a55a5515
 #sidebar
   float: left
   width= !sidebar_width
   margin-left= !sidebar_margin
   font-size: 80%
   line-height: 1.625em
   h4
     margin: 20px 0 0
     &:first-child
       margin-top: 10px
     .small
       +sans-font
       font-size: 50%
 
d8d51719
 #footer
77bb406a
   position: relative
   z-index: 2
d8d51719
   font-size= !base_font_size_small
   clear: both
77bb406a
   padding= !base_font_size * 1.5 0
d8d51719
   color= !footer_color
   +h-linear-gradient(darken(!body_bg, 25), !body_bg)
6b9c3af4
   border-top= "14px solid" !footer_bg
   a
     color= #ddd
     &:hover
       color = #fff