make sure that we pre-wrap the lines of code in the markdown code blocks

[osqa.git] / forum / skins / default / media / style / style.css

diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css
index 15155f4727205f40c29eccc42f2067b99a34dea8..75ba620d1208d5c7b15a7f653fe4ef7f20a9eb98 100644 (file)
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -88,6 +88,7 @@ h1 {
     font-size: 160%;
     padding: 5px 0;
     line-height: 110%;
+    overflow: hidden;
 }
 
 h2 {
@@ -138,6 +139,7 @@ pre {
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
     font-size: 100%;
+    white-space: pre-wrap;
 }
 
 blockquote {
@@ -148,6 +150,11 @@ blockquote {
     max-width: 650px;
 }
 
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
+}
+
 #wrapper, #announcement {
     margin: auto;
     padding: 0;
@@ -193,7 +200,6 @@ blockquote {
 
 #top {
     float: right;
-    background-color: #FFFFFF;
     padding: 3px;
     text-align: right;
     width: 500px;
@@ -554,7 +560,7 @@ blockquote {
     margin-top: 0;
 }
 
-a.medal {
+.medal {
     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
     border-left: 1px solid #EEEEEE;
@@ -565,7 +571,11 @@ a.medal {
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;
+}
+
+a.medal {
     text-decoration: none;
+    color: #333333;
 }
 
 a.medal:hover {
@@ -754,6 +764,11 @@ ul.errorlist li {
     max-width: 640px;
 }
 
+/* Fixes OSQA-143 IE8 text overflow issue */
+div.question-body p, div.answer-body p {
+    max-width: 700px;
+}
+
 .answered-by-owner {
     background: none repeat scroll 0 0 #E9E9FF;
 }
@@ -881,6 +896,7 @@ span.form-error {
     min-height: 20px;
     padding: 6px;
     width: 98%;
+    overflow: hidden;
 }
 
 .preview-toggle {
@@ -904,9 +920,12 @@ span.form-error {
     width: 100%;
 }
 
+.revision .rev-arrow {
+    cursor: pointer;
+}
+
 .revision .header {
     background-color: #EEEEEE;
-    cursor: pointer;
     padding: 5px;
 }
 
@@ -1097,7 +1116,7 @@ ins {
     color: #CC9933;
 }
 
-.score {
+.score, .accept_rate {
     color: #333333;
     font-size: 110%;
     font-weight: bold;
@@ -1313,6 +1332,10 @@ ul.form-horizontal-rows li input {
     margin: 0 0 16px 0;
 }
 
+#question-tags {
+    margin-top: 15px;
+}
+
 .post-controls {
     float: left;
 }
@@ -1496,7 +1519,7 @@ a.accept-answer.on, a.accept-answer:hover {
     margin-left: 4px;
 }
 
-a.comment-like, a.comment-delete, a.comment-edit {
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert {
     margin-left: 2px;
     width: 18px;
 }
@@ -1517,6 +1540,14 @@ a.comment-delete:hover {
     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
 }
 
+a.comment-convert {
+    background: url("../images/convert-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert:hover {
+    background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
+}
+
 a.comment-edit {
     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
 }
@@ -1698,7 +1729,7 @@ div.dialog, .context-menu-dropdown {
 }
 
 div.dialog .dialog-content {
-    padding: 12px 12px 37px 12px;
+    padding: 12px 12px 42px 12px;
     z-index: 1000;
 }