]> git.openstreetmap.org Git - osqa.git/blobdiff - forum/skins/default/media/style/style.css
IE6 fixed positioning fix
[osqa.git] / forum / skins / default / media / style / style.css
index 409ce5abecbe7185cd72d5fd9760579c243bac4b..f2c73a50cbd7d365f19c7e5842b72d41c6b1f8bf 100644 (file)
@@ -1,8 +1,8 @@
 @import "jquery.autocomplete.css";
 
 body {
-    overflow-y: scroll;
-    height: 100%;
+    /*overflow-y: scroll;
+    height: 100%; */
     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;
@@ -58,6 +58,12 @@ a {
     text-decoration: none;
 }
 
+.clear {
+  clear: both;
+  width: 0px;
+  height: 0px;
+}
+
 .badges a {
     color: #763333;
     text-decoration: underline;
@@ -82,6 +88,7 @@ h1 {
     font-size: 160%;
     padding: 5px 0;
     line-height: 110%;
+    overflow: hidden;
 }
 
 h2 {
@@ -121,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 {
@@ -142,6 +151,11 @@ blockquote {
     max-width: 650px;
 }
 
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
+}
+
 #wrapper, #announcement {
     margin: auto;
     padding: 0;
@@ -150,9 +164,6 @@ blockquote {
 }
 
 #roof {
-    background: none repeat scroll 0 0 #FFFFFF;
-    margin-top: 0;
-    position: relative;
     width: 990px;
 }
 
@@ -189,13 +200,9 @@ blockquote {
 }
 
 #top {
-    background-color: #FFFFFF;
-    height: 20px;
+    float: right;
     padding: 3px;
-    position: absolute;
-    right: 0;
     text-align: right;
-    top: 0;
     width: 500px;
 }
 
@@ -209,20 +216,17 @@ blockquote {
 }
 
 #logo {
+    float: left;
     padding: 5px 0 0;
 }
 
-#navBar {
-    display: block;
-    position: relative;
-    width: 990px;
-}
-
-#navBar .nav {
-    margin: 20px 0 0 16px;
+#nav {
+    float: right;
+    margin: 35px 0px 0px 0px;
+    width: 750px;
 }
 
-#navBar .nav a {
+#nav a {
     background-color: #E5EBF8;
     border-color: #888888 #888888 -moz-use-text-color;
     border-style: solid solid none;
@@ -239,11 +243,11 @@ blockquote {
     text-decoration: none;
 }
 
-#navBar .nav a:hover {
+#nav a:hover {
     text-decoration: underline;
 }
 
-#navBar .nav a.on {
+#nav a.on {
     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;
@@ -253,23 +257,24 @@ blockquote {
     text-decoration: none;
 }
 
-#navBar .nav a.special {
+#nav a#nav_ask {
+    float: right;
     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 
-#navBar .nav a.special:hover {
+#nav a#nav_ask:hover {
     text-decoration: underline;
 }
 
-#navBar .nav div.focus {
-    float: right;
-    padding-right: 0;
+#nav a#nav_ask.on {
+   color: #FFFFFF;
 }
 
 #searchBar {
+    text-align: center;
     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;
@@ -282,6 +287,8 @@ blockquote {
 }
 
 #searchBar .searchInput {
+    border: 0px;
+    padding: 3px;
     font-size: 13px;
     height: 18px;
     width: 400px;
@@ -331,6 +338,10 @@ blockquote {
     border-top: 0;
 }
 
+.user-stats-table .short-summary {
+    width: 764px;
+}
+
 .short-summary h2 a {
     color: #2A5594;
     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
@@ -483,7 +494,7 @@ blockquote {
     margin-left: 0.5em;
 }
 
-.paginator .page a, .paginator .page a:visited, .paginator .curr {
+.paginator .page, .paginator .page a:visited, .paginator .curr {
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #777777;
@@ -499,7 +510,7 @@ blockquote {
     font-weight: bold;
 }
 
-.paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover {
+.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover {
     background-color: #777777;
     border: 1px solid #777777;
     color: #FFFFFF;
@@ -550,7 +561,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;
@@ -561,7 +572,11 @@ a.medal {
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;
+}
+
+a.medal {
     text-decoration: none;
+    color: #333333;
 }
 
 a.medal:hover {
@@ -750,6 +765,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;
 }
@@ -877,6 +897,7 @@ span.form-error {
     min-height: 20px;
     padding: 6px;
     width: 98%;
+    overflow: hidden;
 }
 
 .preview-toggle {
@@ -900,9 +921,12 @@ span.form-error {
     width: 100%;
 }
 
+.revision .rev-arrow {
+    cursor: pointer;
+}
+
 .revision .header {
     background-color: #EEEEEE;
-    cursor: pointer;
     padding: 5px;
 }
 
@@ -915,7 +939,7 @@ span.form-error {
 }
 
 .revision .summary span {
-    /**background-color: yellow;/**/
+    /**background-color: yellow;**/
     display: inline;
     padding-left: 3px;
     padding-right: 3px;
@@ -1093,7 +1117,7 @@ ins {
     color: #CC9933;
 }
 
-.score {
+.score, .accept_rate {
     color: #333333;
     font-size: 110%;
     font-weight: bold;
@@ -1175,6 +1199,10 @@ ins {
     z-index: 100;
 }
 
+* html .notify {
+    position: absolute;
+}
+
 .notify p {
     font-size: 16px;
     margin-bottom: 5px;
@@ -1309,6 +1337,10 @@ ul.form-horizontal-rows li input {
     margin: 0 0 16px 0;
 }
 
+#question-tags {
+    margin-top: 15px;
+}
+
 .post-controls {
     float: left;
 }
@@ -1492,7 +1524,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;
 }
@@ -1513,6 +1545,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;
 }
@@ -1694,7 +1734,7 @@ div.dialog, .context-menu-dropdown {
 }
 
 div.dialog .dialog-content {
-    padding: 12px 12px 37px 12px;
+    padding: 12px 12px 42px 12px;
     z-index: 1000;
 }
 
@@ -1730,7 +1770,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] {
@@ -1754,8 +1794,8 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text
 }
 
 div#subscription_list {
-    width: 500px;
-    float:left;
+    width: 100%;
+    /*float:left;*/
 }
 
 div.subscription_summary {
@@ -1764,28 +1804,24 @@ div.subscription_summary {
     padding: 3px 0px 5px 0;
     position: relative;
     width:100%;
-    margin-bottom:30px;
+    margin-top: 5px;
 }
 
 div.subscription_title {
-    float:left;
-
-    width:350px;
-
-    line-height:30px;
-
-    font-size: 25px;
+    /*float:left;
+    line-height:30px;*/
+    margin-top: 5px;
+    font-size: 16px;
     font-weight:bold;
-    font-family: Arial;
 }
 
 a.subscription_unsubscribe_button {
     float:left;
-    font-size: 15px;
+    font-size: 11px;
     font-weight:bold;
 
     margin-right:15px;
-    margin-top:5px;
+    margin-top: 5px;
 }
 
 div.subscription_userinfo {
@@ -1812,3 +1848,9 @@ div.subscription_tags a:hover {
     color: #FFFFFF;
 }
 
+div.wmd-button {
+    color:white;
+}
+div.wmd-button-bar {
+    float:left;
+}