aboutsummaryrefslogtreecommitdiff
path: root/stylesheets
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2010-03-10 14:22:19 -0600
committerB Mathis <brandon@imathis.com>2010-03-10 14:22:19 -0600
commit16aab4abb277c2b98947b0983b442741fb19045e (patch)
treedd18f31283d4b8558431ca2799d32ab8ad6e14c2 /stylesheets
parent42251dddcadd8ff23f30b128f1f468b18c0adf92 (diff)
downloadmy_new_personal_website-16aab4abb277c2b98947b0983b442741fb19045e.tar.xz
my_new_personal_website-16aab4abb277c2b98947b0983b442741fb19045e.zip
updated syntax styling to have nice headers for code windows
Diffstat (limited to 'stylesheets')
-rw-r--r--stylesheets/_layout.sass7
-rw-r--r--stylesheets/partials/_syntax.sass23
-rw-r--r--stylesheets/partials/_twitter.sass4
3 files changed, 28 insertions, 6 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
index fe0d0d93..fc4a8c64 100644
--- a/stylesheets/_layout.sass
+++ b/stylesheets/_layout.sass
@@ -1,7 +1,7 @@
!page_pad = 30px
!page_width = 980px
!sidebar_margin = 25px
-!sidebar_width = 250px
+!sidebar_width = 280px
!default_border_radius = 4px
html body
@@ -23,7 +23,6 @@ html body
#page, #header, #footer, #nav
min-width: #{!page_width}
-
#page, #content, .content
+pie-clearfix
#content
@@ -38,9 +37,9 @@ html body
#sidebar
float: left
- width: #{!sidebar_width - !page_pad}
+ width: #{!sidebar_width - !page_pad/2}
margin: 0 -100% 0 0
- padding: #{!page_pad} 0 #{!page_pad} #{!page_pad}
+ padding: #{!page_pad} 0 #{!page_pad} #{!page_pad/2}
#page.expanded
#content
diff --git a/stylesheets/partials/_syntax.sass b/stylesheets/partials/_syntax.sass
index 633a4969..ff70c16b 100644
--- a/stylesheets/partials/_syntax.sass
+++ b/stylesheets/partials/_syntax.sass
@@ -1,3 +1,26 @@
+.code_window
+ +border-top-radius(5px)
+ +border-bottom-radius(2px)
+ background: #aaa #{image_url("code_bg.png")} top repeat-x
+ position: relative
+ margin: .3em 0 1.3em
+ padding: 0 3px 3px
+ font-size: 14px
+ border: 1px solid #898989
+ border-top-color: #cbcbcb
+ border-left-color: #a5a5a5
+ border-right-color: #a5a5a5
+ em
+ text-align: center
+ +text-shadow(#ccc, 1px, 1px, 1px)
+ display: block
+ padding: 1px 0
+ color: #333
+ font-style: normal
+ +sans-font
+ .highlight
+ margin: 0
+
pre
color: #ccc
font-size: 13px
diff --git a/stylesheets/partials/_twitter.sass b/stylesheets/partials/_twitter.sass
index 2db993f8..1545e67f 100644
--- a/stylesheets/partials/_twitter.sass
+++ b/stylesheets/partials/_twitter.sass
@@ -2,9 +2,9 @@
p
padding-bottom: 10px
a.topic
- color= !twitter_topic
+ color: #{!twitter_topic}
.meta
- color= !light_text
+ color: #{!light_text}
font-size: 80%
display: block
padding: 8px 0 0