Styled posts on the homepage; fixed single post width

joefiorini · Apr 15, 2008 · ee6172e · ee6172e
1 parent 25bf41b
commit ee6172e
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 32 deletions.
diff --git 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
     &ndash;
     %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
@@ -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
@@ -1,4 +0,0 @@
-.post
-{
-	margin-right: 310px;
-}

diff --git 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,21 +116,26 @@ fieldset
 	text-indent: -9999px;
 }
 
-#footer
+#header img
 {
-	clear: both;
-	padding: 1em;
-	font-size: small;
-	text-align: center;
+	float:right;
+	margin-right:15px;
 }
 
 .module
 {
 	margin-bottom: 1em;
 }
 
+.post
+{
+	margin-bottom: 35px;
+}
+
 .post-content
 {
+	border-top: 1px solid #bbb;
+	padding-top: 7px;
 	text-align: left;
 }