X-Git-Url: https://git.openstreetmap.org/osqa.git/blobdiff_plain/92fecfc99bd78efe099c72044901f331e4310599..acb3d30094867c8cbb49bc2c8d57c0771bcf7790:/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 409ce5a..f2c73a5 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -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; +}