From ee6172e62a792bebe98917bfd995ee6e830fd91d Mon Sep 17 00:00:00 2001 From: Joe Fiorini Date: Tue, 15 Apr 2008 00:28:54 -0400 Subject: [PATCH] Styled posts on the homepage; fixed single post width --- app/views/posts/_post.html.haml | 3 +- app/views/posts/show.html.haml | 3 +- public/stylesheets/single.css | 4 -- public/stylesheets/site.css | 80 ++++++++++++++++++++++----------- 4 files changed, 58 insertions(+), 32 deletions(-) diff --git a/app/views/posts/_post.html.haml b/app/views/posts/_post.html.haml index 425910c..8a4dd89 100644 --- a/app/views/posts/_post.html.haml +++ b/app/views/posts/_post.html.haml @@ -1,6 +1,6 @@ .post %img{:src => "/images/icons/24-book-blue-mark.png"} - %h2= link_to post.title, post + %h2.title= link_to post.title, post %h3#tags on = format_date_long(post.created_at) @@ -9,7 +9,6 @@ %a{:href => "/tags/personal"} personal – %a{:href => "/tags/dogs"} dogs - %hr .post-content = post.body #tools diff --git a/app/views/posts/show.html.haml b/app/views/posts/show.html.haml index a7c26e0..67b289a 100644 --- a/app/views/posts/show.html.haml +++ b/app/views/posts/show.html.haml @@ -1,4 +1,5 @@ -= render_partial 'post', @post +#posts + = render_partial 'post', @post %a{:name => 'comments'} .comments diff --git a/public/stylesheets/single.css b/public/stylesheets/single.css index c1eb275..e69de29 100644 --- a/public/stylesheets/single.css +++ b/public/stylesheets/single.css @@ -1,4 +0,0 @@ -.post -{ - margin-right: 310px; -} \ No newline at end of file diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css index 548e407..8486b0b 100644 --- a/public/stylesheets/site.css +++ b/public/stylesheets/site.css @@ -11,31 +11,53 @@ h1 font-weight: bold; } +h1 a, h1 a:link, h1 a:visited, h1 a:active +{ + border: none; +} + h2 { color: #99f; font-size: 1.75em; - font-variant: small-caps; - font-family: sans-serif; display: inline; } -h3 +h2.title +{ + font-family: georgia, 'times new roman', serif; + font-size: 1.65em; +} + +h3#tags { font-size: .75em; - color: #999; + color: #666; + margin-top: 7px; + margin-bottom: 7px; } -p +a, a:link, a:visited, a:active { - padding-top: .5em; - padding-bottom: .5em; + color: #465A9C; +} + +a, a:link, a:visited, a:active +{ + color: #435695; + text-decoration: none; + border-bottom: 1px dotted #435695; } -fieldset +a:hover { - border: 1px dashed #999; - padding: .5em; + color: #263256; +} + +p +{ + padding-top: .5em; + padding-bottom: .5em; } #main @@ -57,10 +79,17 @@ fieldset #page-content { - margin-right: 310px; + margin-right: 340px; padding-bottom: 1em; } +#tools +{ + position: relative; + margin-top: 20px; + left: 35px; +} + #modules { margin-left: -310px; @@ -69,16 +98,12 @@ fieldset float: left; } -#header img -{ - float:right; - margin-right:15px; -} - -#welcome_message +#footer { - float: right; - margin-right:15px; + clear: both; + padding: 1em; + font-size: small; + text-align: center; } #header h1 a @@ -91,12 +116,10 @@ fieldset text-indent: -9999px; } -#footer +#header img { - clear: both; - padding: 1em; - font-size: small; - text-align: center; + float:right; + margin-right:15px; } .module @@ -104,8 +127,15 @@ fieldset margin-bottom: 1em; } +.post +{ + margin-bottom: 35px; +} + .post-content { + border-top: 1px solid #bbb; + padding-top: 7px; text-align: left; }