5c736f5e |
!page_width = 900px |
0f31b5b9 |
!main_width = 620px
!page_pad = 30px |
5c736f5e |
!sidebar_margin = 30px |
0f31b5b9 |
!sidebar_width = !page_width - !main_width - !sidebar_margin |
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: |
0f31b5b9 |
left= !page_pad
right= !page_pad |
d8d51719 |
#page |
5c736f5e |
+clearfix |
d8d51719 |
background-color= !page_bg |
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 |
0f31b5b9 |
width= !main_width |
5c736f5e |
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 |