aboutsummaryrefslogtreecommitdiff
path: root/stylesheets
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2009-11-12 11:57:01 -0600
committerB Mathis <brandon@imathis.com>2009-11-12 11:57:01 -0600
commita55a55156638efd574b7d78f57da0955f355ba40 (patch)
tree12e86b9f507e319a6fd29a2232573ed24b8e10c7 /stylesheets
parent0b744bae5e8379531939942670d87b46bb9d0e1a (diff)
downloadmy_new_personal_website-a55a55156638efd574b7d78f57da0955f355ba40.tar.xz
my_new_personal_website-a55a55156638efd574b7d78f57da0955f355ba40.zip
added ability to collapse layout
Diffstat (limited to '')
-rw-r--r--stylesheets/_layout.sass24
-rw-r--r--stylesheets/_partials.sass1
-rw-r--r--stylesheets/partials/_shared.sass13
-rw-r--r--stylesheets/partials/_sidebar.sass15
4 files changed, 38 insertions, 15 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
index 94c6015e..348c1a92 100644
--- a/stylesheets/_layout.sass
+++ b/stylesheets/_layout.sass
@@ -75,8 +75,18 @@ html body
#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
@@ -91,6 +101,20 @@ html body
&.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
diff --git a/stylesheets/_partials.sass b/stylesheets/_partials.sass
index 846297bc..815d9581 100644
--- a/stylesheets/_partials.sass
+++ b/stylesheets/_partials.sass
@@ -1,3 +1,4 @@
+@import partials/shared.sass
@import partials/blog.sass
@import partials/syntax.sass
@import partials/search.sass
diff --git a/stylesheets/partials/_shared.sass b/stylesheets/partials/_shared.sass
new file mode 100644
index 00000000..3c5a62db
--- /dev/null
+++ b/stylesheets/partials/_shared.sass
@@ -0,0 +1,13 @@
+#collapser
+ +sans-font
+ display: block
+ cursor: pointer
+ background: #f8f8f8
+ color: #888
+ padding: 5px 10px
+ font-size: 10px
+ line-height: 150%
+ cursor: pointer
+ position: absolute
+ top: 0
+ right: 0 \ No newline at end of file
diff --git a/stylesheets/partials/_sidebar.sass b/stylesheets/partials/_sidebar.sass
index 341455a5..44331b18 100644
--- a/stylesheets/partials/_sidebar.sass
+++ b/stylesheets/partials/_sidebar.sass
@@ -1,18 +1,3 @@
-#sidebar
- float: left
- width= !sidebar_width
- margin-left= !sidebar_margin
-
- h4
- margin: 20px 0 0
- &:first-child
- margin-top: 10px
- .small
- +sans-font
- font-size: 50%
- font-size: 80%
- line-height: 1.625em
-
#twitter, #delicious
+border-radius
background: #f8f8f8