aboutsummaryrefslogtreecommitdiff
path: root/stylesheets
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2009-11-07 23:25:12 -0600
committerB Mathis <brandon@imathis.com>2009-11-07 23:25:12 -0600
commit6b9c3af4b596bb5180214ce634043e55e8d34818 (patch)
tree31c63df09879a7efaa0fa356597bfd6378170e57 /stylesheets
parent55b8d5dc3fbe2e2036d809bbdf107e5c0e7dc46c (diff)
downloadmy_new_personal_website-6b9c3af4b596bb5180214ce634043e55e8d34818.tar.xz
my_new_personal_website-6b9c3af4b596bb5180214ce634043e55e8d34818.zip
reorganized css, changed typography, layout fixes
Diffstat (limited to '')
-rw-r--r--stylesheets/_layout.sass25
-rw-r--r--stylesheets/_partials.sass5
-rw-r--r--stylesheets/_typography.sass7
-rw-r--r--stylesheets/library/_typography.sass2
-rw-r--r--stylesheets/partials/_blog.sass8
-rw-r--r--stylesheets/partials/_sidebar.sass14
6 files changed, 31 insertions, 30 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
index ab06b650..1b57761b 100644
--- a/stylesheets/_layout.sass
+++ b/stylesheets/_layout.sass
@@ -10,10 +10,6 @@ html body
a
color= !link_color
-#footer a
- color= #ddd
- &:hover
- color = #fff
#header
background-color= !header_bg
border-bottom= "1px solid" !header_border
@@ -91,23 +87,10 @@ html body
right= "1px solid" !page_border_sides
#main
width= !page_width - !sidebar_width - !sidebar_margin
-#sidebar
- width= !sidebar_width
- margin-left= !sidebar_margin
-#main, #sidebar
+#main
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
@@ -116,4 +99,8 @@ html body
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
+ border-top= "14px solid" !footer_bg
+ a
+ color= #ddd
+ &:hover
+ color = #fff \ No newline at end of file
diff --git a/stylesheets/_partials.sass b/stylesheets/_partials.sass
index cb523693..5a2b9661 100644
--- a/stylesheets/_partials.sass
+++ b/stylesheets/_partials.sass
@@ -1,3 +1,4 @@
-@import partials/twitter.sass
+@import partials/blog.sass
@import partials/search.sass
-@import partials/sidebar.sass \ No newline at end of file
+@import partials/sidebar.sass
+@import partials/twitter.sass \ No newline at end of file
diff --git a/stylesheets/_typography.sass b/stylesheets/_typography.sass
index b5fcd56e..3578b32f 100644
--- a/stylesheets/_typography.sass
+++ b/stylesheets/_typography.sass
@@ -10,16 +10,17 @@
+serif-font
body
- font-size= !base_font_size
- +sans-font
+ font-size= !base_font_size +2
+ +serif-font
h1,h2,h3,h4,h5,h6
color: #333
font-weight: bold
+heading-font
+ letter-spacing: -1px
blockquote
- +heading-font
+ +quote-font
font-size= !base_font_size * 1.2
.quote blockquote
font-size= !h4
diff --git a/stylesheets/library/_typography.sass b/stylesheets/library/_typography.sass
index 34634aca..d78f869f 100644
--- a/stylesheets/library/_typography.sass
+++ b/stylesheets/library/_typography.sass
@@ -14,7 +14,7 @@
=sans-font
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
=serif-font
- font-family: Times, "Times New Roman" Georgia, serif
+ font-family: Georgia, Times, "Times New Roman", serif
=fixed-font
font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
diff --git a/stylesheets/partials/_blog.sass b/stylesheets/partials/_blog.sass
new file mode 100644
index 00000000..34ec6da3
--- /dev/null
+++ b/stylesheets/partials/_blog.sass
@@ -0,0 +1,8 @@
+.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 \ No newline at end of file
diff --git a/stylesheets/partials/_sidebar.sass b/stylesheets/partials/_sidebar.sass
index b9513e26..919725d7 100644
--- a/stylesheets/partials/_sidebar.sass
+++ b/stylesheets/partials/_sidebar.sass
@@ -1,7 +1,11 @@
#sidebar
+ float: left
+ width= !sidebar_width
padding-top: 10px
-h4
- margin: 0
- .small
- +sans-font
- font-size: 50% \ No newline at end of file
+ margin-left= !sidebar_margin
+
+ h4
+ margin: 0
+ .small
+ +sans-font
+ font-size: 50% \ No newline at end of file