diff options
author | B Mathis <brandon@imathis.com> | 2009-11-05 21:30:03 -0600 |
---|---|---|
committer | B Mathis <brandon@imathis.com> | 2009-11-05 21:30:03 -0600 |
commit | 145f81046bc5881d7da86b05c8b92862b63f8080 (patch) | |
tree | dc5fdc003a11537ab0722cff1db39796eaf601e8 /source/stylesheets/_layout.sass | |
parent | fc691c1da6b091754b8881af5b2be509479baa21 (diff) | |
download | my_new_personal_website-145f81046bc5881d7da86b05c8b92862b63f8080.tar.xz my_new_personal_website-145f81046bc5881d7da86b05c8b92862b63f8080.zip |
updated rake file, reorganized stylesheets, added google site search, added google analytics
Diffstat (limited to 'source/stylesheets/_layout.sass')
-rw-r--r-- | source/stylesheets/_layout.sass | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/source/stylesheets/_layout.sass b/source/stylesheets/_layout.sass new file mode 100644 index 00000000..ab06b650 --- /dev/null +++ b/source/stylesheets/_layout.sass @@ -0,0 +1,119 @@ +!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 + +#footer a + color= #ddd + &:hover + color = #fff +#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 + .page_width + +clearfix + 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 +#sidebar + width= !sidebar_width + margin-left= !sidebar_margin + +#main, #sidebar + float: left + +.blog + .article + padding= !base_font_size * 1.5 0 !base_font_size * 1.5 + border-bottom= "1px solid" !article_border + &:first-child + padding-top: 0 + .footer + padding-top= !base_font_size + + +#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
\ No newline at end of file |