130 lines
2.8 KiB
Sass
130 lines
2.8 KiB
Sass
!page_width = 900px
|
|
!sidebar_width = 250px
|
|
!sidebar_margin = 30px
|
|
!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
|
|
padding: 30px 0
|
|
.page_width
|
|
position: relative
|
|
a.title
|
|
font-size= !h1
|
|
+heading-font
|
|
display: inline-block
|
|
color= !title_color
|
|
text-decoration: none
|
|
|
|
#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
|
|
+horizontal-list
|
|
margin: 0 auto
|
|
overflow: visible
|
|
li
|
|
padding: 0 15px
|
|
border-left= "1px solid" !nav_border_left
|
|
border-right= "1px solid" !nav_border_right
|
|
&.alpha
|
|
border-left: none
|
|
padding-left: 0
|
|
&.omega
|
|
border-right: 0
|
|
&.subscribe
|
|
position: absolute
|
|
left= !page_width - !sidebar_width - !sidebar_margin/2
|
|
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
|
|
|
|
.page_width
|
|
width= !page_width
|
|
margin: 0 auto
|
|
padding:
|
|
left: 30px
|
|
right: 30px
|
|
|
|
#page
|
|
+clearfix
|
|
background-color= !page_bg
|
|
&.collapsed
|
|
.page_width
|
|
width= !page_width - !sidebar_width
|
|
#main
|
|
width: 100%
|
|
.pre_expander
|
|
display: none
|
|
#sidebar
|
|
float: none
|
|
.page_width
|
|
+clearfix
|
|
position: relative
|
|
padding:
|
|
top: 25px
|
|
bottom: 25px
|
|
background-color= !blog_bg
|
|
+easy-box-shadow(#ccc)
|
|
border:
|
|
left= "1px solid" !page_border_sides
|
|
right= "1px solid" !page_border_sides
|
|
#main
|
|
width= !page_width - !sidebar_width - !sidebar_margin
|
|
float: left
|
|
&.expanded
|
|
width: 100%
|
|
|
|
#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%
|
|
|
|
#footer
|
|
position: relative
|
|
z-index: 2
|
|
font-size= !base_font_size_small
|
|
clear: both
|
|
padding= !base_font_size * 1.5 0
|
|
color= !footer_color
|
|
+h-linear-gradient(darken(!body_bg, 25), !body_bg)
|
|
border-top= "14px solid" !footer_bg
|
|
a
|
|
color= #ddd
|
|
&:hover
|
|
color = #fff |