X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/228a95a4c642fcba201dd2fe450fdbcdd068a5d1..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 99edef0..f2c73a5 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -1,6 +1,8 @@ @import "jquery.autocomplete.css"; body { + /*overflow-y: scroll; + height: 100%; */ background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-family: sans-serif; @@ -56,6 +58,12 @@ a { text-decoration: none; } +.clear { + clear: both; + width: 0px; + height: 0px; +} + .badges a { color: #763333; text-decoration: underline; @@ -80,6 +88,7 @@ h1 { font-size: 160%; padding: 5px 0; line-height: 110%; + overflow: hidden; } h2 { @@ -119,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 { @@ -140,6 +151,11 @@ blockquote { max-width: 650px; } +blockquote blockquote { + margin: 0; + padding: 0; +} + #wrapper, #announcement { margin: auto; padding: 0; @@ -148,9 +164,6 @@ blockquote { } #roof { - background: none repeat scroll 0 0 #FFFFFF; - margin-top: 0; - position: relative; width: 990px; } @@ -187,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; } @@ -207,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; @@ -237,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; @@ -251,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; @@ -280,6 +287,8 @@ blockquote { } #searchBar .searchInput { + border: 0px; + padding: 3px; font-size: 13px; height: 18px; width: 400px; @@ -325,6 +334,14 @@ blockquote { width: 740px; } +#listA .short-summary:first-of-type { + 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; @@ -353,6 +370,11 @@ blockquote { font-weight: bold; } +.short-summary .question-summary-wrapper { + float: right; + width: 565px; +} + .short-summary .votes, .short-summary .status, .short-summary .views { -moz-border-radius: 5px 5px 5px 5px; border-bottom: 1px solid #CCCCCC; @@ -472,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; @@ -488,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; @@ -539,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; @@ -550,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 { @@ -739,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; } @@ -866,6 +897,7 @@ span.form-error { min-height: 20px; padding: 6px; width: 98%; + overflow: hidden; } .preview-toggle { @@ -889,9 +921,12 @@ span.form-error { width: 100%; } +.revision .rev-arrow { + cursor: pointer; +} + .revision .header { background-color: #EEEEEE; - cursor: pointer; padding: 5px; } @@ -904,7 +939,7 @@ span.form-error { } .revision .summary span { - /**background-color: yellow;/**/ + /**background-color: yellow;**/ display: inline; padding-left: 3px; padding-right: 3px; @@ -1082,7 +1117,7 @@ ins { color: #CC9933; } -.score { +.score, .accept_rate { color: #333333; font-size: 110%; font-weight: bold; @@ -1103,6 +1138,7 @@ ins { line-height: 140%; padding: 5px; width: 170px; + display: inline-block; } .user ul { @@ -1163,6 +1199,10 @@ ins { z-index: 100; } +* html .notify { + position: absolute; +} + .notify p { font-size: 16px; margin-bottom: 5px; @@ -1297,6 +1337,10 @@ ul.form-horizontal-rows li input { margin: 0 0 16px 0; } +#question-tags { + margin-top: 15px; +} + .post-controls { float: left; } @@ -1480,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; } @@ -1501,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; } @@ -1509,6 +1561,10 @@ a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; } +img.subscription-remove { + float:right; +} + .comment-form-container { display: none; padding-top: 12px; @@ -1678,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; } @@ -1714,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] { @@ -1734,5 +1790,67 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text .feed-icon { width: 14px; height: 14px; - float: left; -} \ No newline at end of file + display: inline-block; +} + +div#subscription_list { + width: 100%; + /*float:left;*/ +} + +div.subscription_summary { + border-top: 2px dotted #CCCCCE; + overflow: hidden; + padding: 3px 0px 5px 0; + position: relative; + width:100%; + margin-top: 5px; +} + +div.subscription_title { + /*float:left; + line-height:30px;*/ + margin-top: 5px; + font-size: 16px; + font-weight:bold; +} + +a.subscription_unsubscribe_button { + float:left; + font-size: 11px; + font-weight:bold; + + margin-right:15px; + margin-top: 5px; +} + +div.subscription_userinfo { + float:right; +} + +div.subscription_tags { + font-family: sans-serif; + float:left; +} +div.subscription_tags a, span.tag { + background-color: #EEEEEE; + border-bottom: 1px solid #CCCCCC; + border-right: 1px solid #CCCCCC; + color: #777777; + font-size: 11px; + font-weight: normal; + padding: 1px 8px; + text-decoration: none; + white-space: nowrap; +} +div.subscription_tags a:hover { + background-color: #356FCB; + color: #FFFFFF; +} + +div.wmd-button { + color:white; +} +div.wmd-button-bar { + float:left; +}