style code in posts

indytechcook · Nov 17, 2008 · cc17fe6 · cc17fe6
1 parent ef0bf47
commit cc17fe6
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,7 +1,9 @@
 ---
 layout: default
 ---
+<div id="post">
 {{ content }}
+</div>
 
 <div id="related">
   <h2>Related Posts</h2>

diff --git a/css/screen.css b/css/screen.css
@@ -148,6 +148,41 @@ ul.posts {
 /*
 /*****************************************************************************/
 
+#post {
+
+}
+
+  /* standard */
+
+  #post pre {
+    border: 1px solid #ddd;
+    background-color: #eef;
+    padding: 0 .4em;
+  }
+
+  #post code {
+    border: 1px solid #ddd;
+    background-color: #eef;
+    font-size: 95%;
+    padding: 0 .2em;
+  }
+
+    #post pre code {
+      border: none;
+    }
+
+  /* terminal */
+
+  #post pre.terminal {
+    border: 1px solid black;
+    background-color: #333;
+    color: white;
+  }
+
+  #post pre.terminal code {
+    background-color: #333;
+  }
+
 #related {
   margin-top: 2em;
 }