Add some more forum styling

static/css/main.css

@@ -135,15 +135,16 @@ tbody tr:nth-child(odd) {
 }
 
 .forum-post {
-    border: 1px solid black;
+    border-top: 1px solid black;
+    border-left: 1px solid #888;
     margin-left: 1em;
+    background: url(img/adminium.png);
 }
 
 .forum-post-user {
     float: left;
     width: 100px;
     text-align: center;
-    background-color: #888;
 }
 
 .forum-post-user .byline {
@@ -153,7 +154,8 @@ tbody tr:nth-child(odd) {
 .forum-post-content {
     padding: 1em;
     margin-left: 100px;
-    background-color: #555;
+    background: #222;
+    border-left: 3px solid black;
 }
 
 #nav {
@@ -199,11 +201,6 @@ tr.infoBar td {
     background-color: #111;
 }
 
-tr.sticky {
-    background-color:#f80;
-    color: #000;
-}
-
 tr.sticky a:link {
     color: #210;
 }
@@ -363,12 +360,17 @@ fieldset {
     margin-left: 42px;
 }
 
-.forum-post {
-    background: url(img/adminium.png);
+.post {
+    background: url(img/wood.png);
 }
 
-.post {
-    background-color: #888;
+.topic.sticky {
+    background-color: #d50;
+    color: #000;
+}
+
+.topic.sticky a {
+    color: #fff;
 }
 
 .post a {

templates/forums/_reply.html

@@ -4,8 +4,10 @@
 <a name="reply-{{post.id}}"></a>
 <div class="forum-post-user">
 <div class="byline">
-{%avatar post.user%}
+<a href="{{post.user.get_absolute_url}}">
+<div class="avatar">{%avatar post.user%}</div>
 {{post.user}}
+</a>
 </div>
 </div>
 <div class="dateline">

templates/forums/forum.html

@@ -22,7 +22,7 @@ Home
 {% if topics %}
 {% for topic in topics %}
 <tr class="{%cycle 'even' 'odd' %} {% if topic.sticky %}sticky{% endif %} topic">
-    <td class="topic-link"><ul><li class="link"><a href="{{topic.get_absolute_url}}">{{ topic.title }}</a></li><li>Started by {{topic.rootPost.user}} {{topic.created|timesince}} ago</li></ul></td>
+    <td class="topic-link"><ul><li class="link">{% if topic.sticky %}Sticky: {% endif%}<a href="{{topic.get_absolute_url}}">{{ topic.title }}</a></li><li>Started by {{topic.rootPost.user}} {{topic.created|timesince}} ago</li></ul></td>
     <td class="author-info"><div class="avatar">{% avatar topic.lastPost.user 32 %}</div><ul><li>{{topic.lastPost.user}}</li><li>{{topic.created|timesince}} ago</li></ul></td>
 </tr>
 {% endfor %}