Fix post width & codeblocks

  I noticed that some url's were causing the posts to stretch over the
maximum device with.

  The code blocks were exhibiting similar behavior as well, and have
been adjusted to display well on all themes.

  I still need to fix the post form for handhelds, though it is not
as annoying as the other things fixed

1 files changed, 10 insertions, 4 deletions

diff --git a/stylesheets/style.css b/stylesheets/style.css
index bdac756a..b72056cb 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -289,6 +289,7 @@ div.post.reply {
   border-style: none solid solid none;
   border-color: #B7C5D9;
   display: inline-block;
+  max-width: 94%!important;
 }
 
 span.trip {
@@ -892,16 +893,21 @@ div.thread:hover {
   cursor: pointer;
 }
 
-code > pre {
+pre {
 /* Better code tags */
-  background:black;
   max-width:inherit;
+  word-wrap:normal;
+  overflow:auto;
+  display: block!important;
+  font-size:9pt;
+  font-family:monospace;
 }
 
-code > pre > span.pln {
-  color: grey;
+span.pln {
+  color:grey;
 }
 
+
 @media screen and (min-width: 768px) {
   p.intro {
     clear: none;