The markup is a little ugly, but this makes the blog page look better.

mythmon · Oct 25, 2011 · e5945f5 · e5945f5
1 parent aea3b50
commit e5945f5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 26 deletions.
diff --git a/media/stylesheets/base.css b/media/stylesheets/base.css
@@ -1,31 +1,28 @@
-.main a {
-    text-decoration: none;
-    color: teal;
-}
-.main a:hover {
-    color: #006B53;
+a {
+    color: #F70;
 }
-.main {
-    overflow: hidden;
+a:hover {
+    color: #F70;
+    text-decoration: underline;
 }
 
-.main img {
+.page img {
     max-width: 50%;
     max-height: 500px;
     margin-top: 15px;
     margin-bottom: 15px;
 }
-.main p:nth-child(odd) img {
+.page p:nth-child(odd) img {
     margin-left: 15px;
     float: right;
 }
 
-.main p:nth-child(even) img {
+.page p:nth-child(even) img {
     margin-right: 15px;
     float: left;
 }
 
-.main hr {
+.page hr {
     clear: both;
 }
 
@@ -50,13 +47,6 @@
 .list h3, .list h4 {
     line-height: 18px;
 }
-.list a {
-    color: #F70;
-}
-.list a:hover {
-    color: #F70;
-    text-decoration: underline;
-}
 
 .header h2 {
     color: #2d486d;
@@ -108,16 +98,16 @@
 }
 
 /* These are for in page headers, which should be slightly smaller */
-.main h1 { font-size: 2.0em; }
-.main h2 { font-size: 1.6em; }
-.main h3 { font-size: 1.3em; }
-.main h4 { font-size: 1.0em; }
-.main h5 {
+.page h1 { font-size: 2.0em; }
+.page h2 { font-size: 1.6em; }
+.page h3 { font-size: 1.3em; }
+.page h4 { font-size: 1.0em; }
+.page h5 {
     font-size: 1.0em;
     font-weight: normal;
     color: #AAA;
 }
-.main h6 {
+.page h6 {
     font-size: 0.8em;
     font-weight: normal;
     color: #AAA;

diff --git a/templates/default.html b/templates/default.html
@@ -15,5 +15,7 @@ <h1>{{ page.title }}</h1>
     </span>
 {% endblock %}
 {% block content %}
-    {{ page.content }}
+    <div class="page">
+        {{ page.content }}
+    </div>
 {% endblock %}