aboutsummaryrefslogtreecommitdiff
path: root/stylesheets
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2009-11-12 10:19:36 -0600
committerB Mathis <brandon@imathis.com>2009-11-12 10:19:36 -0600
commit1eddd60a716accb9252600202b79f25a7ceda904 (patch)
treef32be4dc9def10bb206b6be792ab638160d6f39f /stylesheets
parent790d5a447cf732a2f3f336c4984ef9a386fd155a (diff)
downloadmy_new_personal_website-1eddd60a716accb9252600202b79f25a7ceda904.tar.xz
my_new_personal_website-1eddd60a716accb9252600202b79f25a7ceda904.zip
updated syntax style, added javascript for expanding code blocks
Diffstat (limited to 'stylesheets')
-rw-r--r--stylesheets/_layout.sass4
-rw-r--r--stylesheets/library/_typography.sass2
-rw-r--r--stylesheets/partials/_syntax.sass35
3 files changed, 30 insertions, 11 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
index 1b57761b..94c6015e 100644
--- a/stylesheets/_layout.sass
+++ b/stylesheets/_layout.sass
@@ -87,9 +87,9 @@ html body
right= "1px solid" !page_border_sides
#main
width= !page_width - !sidebar_width - !sidebar_margin
-
-#main
float: left
+ &.expanded
+ width: 100%
#footer
position: relative
diff --git a/stylesheets/library/_typography.sass b/stylesheets/library/_typography.sass
index d78f869f..d203ecf8 100644
--- a/stylesheets/library/_typography.sass
+++ b/stylesheets/library/_typography.sass
@@ -17,6 +17,8 @@
font-family: Georgia, Times, "Times New Roman", serif
=fixed-font
font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
+=mono-font
+ +fixed-font
=general-typography(!font_size = !base_font_size)
+set-heading-sizes(!font_size)
diff --git a/stylesheets/partials/_syntax.sass b/stylesheets/partials/_syntax.sass
index 5064a816..ee22a1d9 100644
--- a/stylesheets/partials/_syntax.sass
+++ b/stylesheets/partials/_syntax.sass
@@ -2,21 +2,38 @@ pre
color: #ccc
font-size: 13px
background: #222
- padding: 0 15px 0 0
- line-height: 1.625em
+ line-height: 1.5em
border: #aaa 1px solid
overflow-x: auto
+ padding: 25px 20px
.lineno
color: #888
background: #e3e3e3
- position: relative
- line-height: 180%
display: inline-block
- padding: 0 10px
+ padding: 0 0 0 10px
&:first-child
- padding-top: 12px
- &:last-child
- padding-bottom: 12px
+ padding-top: 15px
+ display: inline-block
+
+.highlight
+ position: relative
+ .pre_expander
+ +mono-font
+ font-size: 10px
+ text-align: right
+ padding: 4px 8px
+ line-height: 150%
+ position: absolute
+ cursor: pointer
+ top: 2px
+ right: 2px
+ +border-bottom-left-radius
+ display: block
+ color: #777
+ background: #333
+ &:hover
+ background: #444
+ color: #ccc
// based on: http://github.com/mojombo/tpw/raw/master/css/syntax.css
.editor
@@ -41,7 +58,7 @@ pre.console
color= lighten(#008000, 75)
.highlight
- padding: 0.5em
+ padding: 0 0 0.1em
color: white
// Comment
.c