bugfix for issue 376, migrating inline styles to the CSS file and using relative...

[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 f416ac9374aab6cbcd728c2c7a2db4843d19a6b3..e329cf29733edf6f4e8814d69967de59a2280c4d 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 {
@@ -127,17 +128,19 @@ li input {
 pre {
     background-color: #F5F5F5;
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+    font-size: 90%;
     margin-bottom: 10px;
     overflow: auto;
     padding-left: 5px;
     padding-top: 5px;
     width: 580px;
+    white-space: pre-wrap;
 }
 
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+    font-size: 90%;
+    white-space: pre-wrap;
 }
 
 blockquote {
@@ -148,6 +151,11 @@ blockquote {
     max-width: 650px;
 }
 
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
+}
+
 #wrapper, #announcement {
     margin: auto;
     padding: 0;
@@ -193,7 +201,6 @@ blockquote {
 
 #top {
     float: right;
-    background-color: #FFFFFF;
     padding: 3px;
     text-align: right;
     width: 500px;
@@ -752,12 +759,18 @@ ul.errorlist li {
     font-size: 13px;
     line-height: 20px;
     min-height: 80px;
+    margin: 0 0 20px 0;
 }
 
 .answer-body img {
     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;
 }
@@ -807,6 +820,29 @@ ul.errorlist li {
     color: #333333;
 }
 
+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
+}
+
+#medalList .badgeListItem {
+    float: left;
+    width: 32%;
+}
+
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
+}
+
 .list-item {
     margin-left: 15px;
 }
@@ -885,6 +921,7 @@ span.form-error {
     min-height: 20px;
     padding: 6px;
     width: 98%;
+    overflow: hidden;
 }
 
 .preview-toggle {
@@ -908,9 +945,12 @@ span.form-error {
     width: 100%;
 }
 
+.revision .rev-arrow {
+    cursor: pointer;
+}
+
 .revision .header {
     background-color: #EEEEEE;
-    cursor: pointer;
     padding: 5px;
 }
 
@@ -1101,7 +1141,7 @@ ins {
     color: #CC9933;
 }
 
-.score {
+.score, .accept_rate {
     color: #333333;
     font-size: 110%;
     font-weight: bold;
@@ -1183,6 +1223,10 @@ ins {
     z-index: 100;
 }
 
+* html .notify {
+    position: absolute;
+}
+
 .notify p {
     font-size: 16px;
     margin-bottom: 5px;
@@ -1317,6 +1361,10 @@ ul.form-horizontal-rows li input {
     margin: 0 0 16px 0;
 }
 
+#question-tags {
+    margin-top: 15px;
+}
+
 .post-controls {
     float: left;
 }
@@ -1500,7 +1548,7 @@ a.accept-answer.on, a.accept-answer:hover {
     margin-left: 4px;
 }
 
-a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert {
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question {
     margin-left: 2px;
     width: 18px;
 }
@@ -1529,6 +1577,14 @@ a.comment-convert:hover {
     background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
 }
 
+a.comment-convert-to-question {
+    background: url("../images/convert-to-question-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert-to-question:hover {
+    background: url("../images/convert-to-question-hover.png") no-repeat scroll center center transparent;
+}
+
 a.comment-edit {
     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
 }
@@ -1710,7 +1766,7 @@ div.dialog, .context-menu-dropdown {
 }
 
 div.dialog .dialog-content {
-    padding: 12px 12px 37px 12px;
+    padding: 12px 12px 42px 12px;
     z-index: 1000;
 }
 
@@ -1746,7 +1802,7 @@ div.dialog.confirm {
 }
 
 div.dialog.prompt {
-    width: 300px;
+    width: 355px;
 }
 
 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
@@ -1774,6 +1830,48 @@ div#subscription_list {
     /*float:left;*/
 }
 
+.subscription_switch {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    *display: inline;
+    vertical-align: baseline;
+    margin: 0 2px;
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 11px Arial, Helvetica, sans-serif;
+    padding: .2em 1em .275em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    color: #101010 !important;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.subscription_switch:hover {
+    text-decoration: none;
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+    color: #101010 !important;
+}
+.subscription_switch:active {
+    position: relative;
+    top: 1px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+
 div.subscription_summary {
     border-top: 2px dotted #CCCCCE;
     overflow: hidden;