aboutsummaryrefslogtreecommitdiff
path: root/stylesheets/_layout.sass
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2009-11-05 21:34:41 -0600
committerB Mathis <brandon@imathis.com>2009-11-05 21:34:41 -0600
commitf7700443ece4537c252b10a7463d12fd1725f40a (patch)
tree9eefa52f5435bdfb7fd86984ee7ae3ed518b4f5f /stylesheets/_layout.sass
parent145f81046bc5881d7da86b05c8b92862b63f8080 (diff)
downloadmy_new_personal_website-f7700443ece4537c252b10a7463d12fd1725f40a.tar.xz
my_new_personal_website-f7700443ece4537c252b10a7463d12fd1725f40a.zip
moved stylesheets
Diffstat (limited to 'stylesheets/_layout.sass')
-rw-r--r--stylesheets/_layout.sass119
1 files changed, 119 insertions, 0 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
new file mode 100644
index 00000000..ab06b650
--- /dev/null
+++ b/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