Improve code and pre rendering

* Fewer styles to override
* Improved type
* Simpler inline code elements

Author: mdo

public/css/hyde.css

@@ -120,24 +120,23 @@ abbr {
   border-radius: 3px;
 }
 
-code, pre {
-  padding: 0 3px 2px;
+code,
+pre {
   font-family: Menlo, Monaco, "Courier New", monospace;
-  font-size: 14px;
-  border-radius: 3px;
 }
 code {
-  padding: 2px 4px;
-  color: #d14;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
+  padding: .25em .5em;
+  font-size: 85%;
+  color: #bf616a;
+  background-color: #f9f9f9;
+  border-radius: 3px;
 }
-
 pre {
   display: block;
   margin: 0 0 14px;
   padding: 15px 20px;
-  line-height: 28px;
+  font-size: 16px;
+  line-height: 1.4;
   white-space: pre;
   white-space: pre-wrap;
   word-break: break-all;
@@ -146,9 +145,9 @@ pre {
 }
 pre code {
   padding: 0;
+  font-size: 100%;
   color: inherit;
   background-color: transparent;
-  border: 0;
 }
 .highlight {
   margin-bottom: 15px;