From 944c3b6c284bee9832d4a79763fc49103713d661 Mon Sep 17 00:00:00 2001 From: kaernyk Date: Sun, 5 Oct 2014 15:40:42 -0400 Subject: [PATCH] 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 --- stylesheets/style.css | 14 ++++++++++---- 1 file 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;