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
 
77bb406a
 #footer a
   color= #ddd
   &:hover
     color = #fff
d8d51719
 #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
fd32bcab
   .page_width
5c736f5e
     +clearfix
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
 #sidebar
   width= !sidebar_width
   margin-left= !sidebar_margin
 
 #main, #sidebar
   float: left
 
80a70068
 .blog
77bb406a
   .article
     padding= !base_font_size * 1.5 0 !base_font_size * 1.5
     border-bottom= "1px solid" !article_border
     &:first-child
       padding-top: 0
80a70068
   .footer
77bb406a
     padding-top= !base_font_size
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)
77bb406a
   border-top= "14px solid" !footer_bg