| 76b8b8ca |
$page_pad: 30px
$page_width: 980px
$sidebar_margin: 20px
$sidebar_width: 280px
$default_border_radius: 4px |
| d8d51719 |
html body |
| 76b8b8ca |
background-color: $body_bg
color: $body_color |
| d8d51719 |
a |
| 76b8b8ca |
color: $link_color |
| 42251ddd |
&:hover, &:focus |
| 76b8b8ca |
color: saturate(darken($link_color, 15), 20) |
| 42251ddd |
&:visited |
| 76b8b8ca |
color: darken(adjust_hue($link_color, 70), 10) |
| d8d51719 |
|
| 42251ddd |
#header, #footer, #nav
.content
position: relative
margin: 0 auto |
| 76b8b8ca |
width: $page_width - $page_pad
padding: 0 $page_pad/2 |
| 42251ddd |
#page, #header, #footer, #nav |
| 76b8b8ca |
min-width: $page_width |
| 42251ddd |
#page, #content, .content
+pie-clearfix
#content |
| d8d51719 |
margin: 0 auto |
| 76b8b8ca |
width: $page_width - $sidebar_width - $page_pad/2
padding: 0 $sidebar_width 0 $page_pad/2 |
| 42251ddd |
#main
float: left
width: 100%
.content |
| 76b8b8ca |
padding-right: $sidebar_margin |
| 42251ddd |
#sidebar
float: left |
| 76b8b8ca |
width: $sidebar_width - $sidebar_margin |
| 42251ddd |
margin: 0 -100% 0 0 |
| 76b8b8ca |
padding: $page_pad 0 $page_pad $sidebar_margin |
| 42251ddd |
#page.expanded
#content |
| 76b8b8ca |
width: $page_width - $page_pad/2
padding: 0 0 0 $page_pad/2 |
| 42251ddd |
#sidebar
float: none
margin: 0 |
| 76b8b8ca |
padding: 0 0 $page_pad |