Improve CSS (code/pre tags)

assets/css/app.css

@@ -111,22 +111,26 @@ th {
     text-align: left;
 }
 
-pre {
+pre, code {
-    border: 1px solid #ccc;
-    border-radius: 10px;
     background: #f0f0f0;
-    padding: 0.8em;
+    border: 1px solid #ccc;
+    font-family: monospace;
+    color: brown;
+    line-height: 1.0em;
+    border-radius: 5px;
+}
+
+pre {
+    padding: 10px;
     overflow: auto;
-    color: brown;
 }
 
-code {
+pre > code {
-    color: brown;
+    border: none;
 }
 
-caption code,
+p > code {
-p code {
+    padding: 3px;
-    font-size: 1.1em;
 }
 
 /* forms */
@@ -447,10 +451,9 @@ nav .active a {
     font-size: 1.1em;
 }
 
-.item pre {
+.item li pre,
-    font-family: "Lucida Console", Monaco, monospace;
+.item p code {
-    font-size: 0.85em;
+
-    line-height: 0.9em;
 }
 
 .item h2,

themes/green/css/app.css

@@ -4,7 +4,6 @@ body {
     background-color: #f5fec9;
     color: #4c4c4c;
     font-family: 'Verdana', Arial, sans-serif;
-    font-size: 15px;
     max-width: 800px;
     padding-bottom: 20px;
 }
@@ -106,7 +105,6 @@ section.page {
     padding-right: 5px;
 }
 
-
 .page-header h2, .page-section h2 {
     border-bottom: 1px dotted  #CACACA;
     font-family: Georgia, serif;

themes/midnight/css/app.css

@@ -17,6 +17,12 @@ a:hover {
     color: #fff;
 }
 
+pre, code {
+    color: #fff;
+    background: #555;
+    border-color: #888;
+}
+
 .page-header h2 {
     border-bottom: 1px dotted #555;
 }
@@ -40,8 +46,16 @@ a:hover {
     border: 3px solid #999;
 }
 
+.item h1 a {
+    color: #eee;
+}
+
+.item h1 a:visited {
+    color: #888;
+}
+
 .infos {
-    color: #666;
+    color: #777;
 }
 
 .item .infos a {