X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/463dd3fa7707a2ca102a319a00ea089c212d2aca..82dcc31b8529752efa45cb92f671f974c33621c3:/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 6cc944d..00c48b9 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -21,7 +21,10 @@ h1,h2,h3,ul,li,form,img,p { padding: 0; } -label { vertical-align: middle; } +label {vertical-align: middle;} + +.login label {display: block;} +.login .form-row-vertical {margin-bottom: 8px;} hr { border-color: #CCCCCE -moz-use-text-color -moz-use-text-color; @@ -337,16 +340,17 @@ blockquote { .questions-count { color: #A40000; font-family: sans-serif; - font-size: 32px; + font-size: 24px; font-weight: 600; margin-top: 3px; + margin-right: 5px; padding: 0 0 5px 0; } .boxA { - background: none repeat scroll 0 0 #888A85; - margin-bottom: 8px; - padding: 6px; + background: none repeat scroll 0 0 #888A85; + margin-bottom: 8px; + padding: 6px; } .boxA h3 { @@ -412,8 +416,8 @@ blockquote { padding: 2px 4px 3px; } -.paginator .prev, { margin-right: 0.5em; } -.paginator .next, { margin-left: 0.5em; } +.paginator .prev { margin-right: 0.5em; } +.paginator .next { margin-left: 0.5em; } .paginator .page a,.paginator .page a:visited,.paginator .curr { background-color: #FFFFFF; @@ -536,12 +540,12 @@ a.medal:hover { text-decoration: none; } -.tabsA a.on,.tabsA a:hover, { +.tabsA a.on,.tabsA a:hover { background: none repeat scroll 0 0 #FFFFFF; color: #A40000; } -.tabsA a:hover, { +.tabsA a:hover { background: none repeat scroll 0 0 #356FCB; color: #FFFFFF; } @@ -627,7 +631,7 @@ a.medal:hover { min-height: 100px; } -.question-body img { max-width: 600px; } +.question-body img { max-width: 640px; } .vote-buttons { float: left; @@ -656,7 +660,12 @@ span.form-error { margin-left: 5px; } -div.comments-container, { padding: 0; } +ul.errorlist li { + color: #990000; + font-weight: normal; + margin-left: 0px; + margin-top: 5px; +} .answer { border-bottom: 1px solid #CCCCCE; @@ -670,13 +679,15 @@ div.comments-container, { padding: 0; } min-height: 80px; } +.answer-body img { max-width: 640px; } + +.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; } + .accepted-answer { background-color: #EBFFE6; border-bottom-color: #9BD59B; } -.accepted-answer .comments-container { background-color: #CCFFBF; } - .answered { background: none repeat scroll 0 0 #E5EBF8; color: #314362; @@ -692,9 +703,6 @@ div.comments-container, { padding: 0; } color: #6B2B28; } -.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; } -.answered-by-owner .comments-container { background-color: #E6ECFF; } - .tagsList { list-style-type: none; margin: 0; @@ -772,7 +780,7 @@ span.form-error { margin-top: 10px; min-height: 20px; padding: 6px; - width: 100%; + width: 98%; } .preview-toggle { @@ -1104,7 +1112,6 @@ ul.form-horizontal-rows li input { } .post-controls { - float: left; font-size: 11px; line-height: 12px; margin-bottom: 5px; @@ -1113,11 +1120,6 @@ ul.form-horizontal-rows li input { #question-controls .tags { margin: 0 0 3px; } -.post-update-info-container { - float: right; - min-width: 190px; -} - .post-update-info { display: inline-block; float: right; @@ -1138,21 +1140,6 @@ ul.form-horizontal-rows li input { width: 32px; } -.comments-container { clear: both; } - -.admin { - background-color: #FFF380; - border: 1px solid darkred; - padding: 0 5px; -} - -.admin p { margin-bottom: 3px; } - -.admin #action_status { - font-weight: bold; - text-align: center; -} - #tagSelector { padding-bottom: 2px; } #hideIgnoredTagsControl { margin: 5px 0 0; } #hideIgnoredTagsCb { margin: 0 2px 0 1px; } @@ -1185,10 +1172,10 @@ a.post-vote.down.on,a.post-vote.down:hover { background: url("../images/vote-arr a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; } a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; } -.post-score { +.post-score, .comments-char-left-count { color: #777777; font-family: Arial; - font-size: 140%; + font-size: 165%; font-weight: bold; padding: 0 0 3px; } @@ -1204,10 +1191,15 @@ a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accep padding: 0; } +.comments-container { clear: both; } +.comments-container { padding: 0; } +.answered-by-owner .comments-container { background-color: #E6ECFF; } +.accepted-answer .comments-container { background-color: #CCFFBF; } + .comment { border-top: 1px dotted #CCCCCE; margin: 0; - width: 100%; + position: relative; } .comment.not_top_scorer { display: none; } @@ -1219,27 +1211,39 @@ a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accep font-weight: bold; padding-top: 3px; vertical-align: top; + float: left; width: 22px; + height: 100%; + text-align: center; } .comment-text { color: #444444; - font-size: 11px; + font-size: 12px; margin: 0 0 0 22px; padding: 0; } +.comment-text p { + font-size: 12px; +} + .comment-info { font-size: 11px; - margin: 0; - text-align: right; + margin: 0 0 4px 0; + text-align: right; + height: 18px; + vertical-align: middle; } -a.comment-like,a.comment-delete,a.comment-edit { - float: right; +.comment-info * { + float: right; height: 18px; + margin-left: 4px; +} + +a.comment-like,a.comment-delete,a.comment-edit { margin-left: 2px; - position: relative; width: 18px; } @@ -1258,8 +1262,9 @@ a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-re .comment-form-widgets-container input { vertical-align: top; } .comment-form-widgets-container textarea { - height: 6em; + height: 80px; width: 80%; + float: left; } span.comment-chars-left { @@ -1305,3 +1310,57 @@ div.comment-tools a:hover { } .action-link-separator { color: #CCCCCC; } + +.deleted {background-color: #F4E7E7;} + +#command-loader { + position: fixed; + bottom: 0px; + left: 0px; + width: 24px; + height: 24px; + background: url('/m/default/media/images/indicator.gif') +} + +#command-loader.success { + background: url('/m/default/media/images/vote-accepted-on.png') +} + +.user-prompt { + width: 300px; +} + +.user-prompt select, .user-prompt textarea { + width: 100%; + padding: 0; + border: 0; +} + +.user-prompt .prompt-buttons { + text-align: right; +} + +.comment-form-buttons { + width: 18%; + height: 100%; + float: right; +} + +.comment-form-buttons input, .user-prompt .prompt-buttons button { + height: 16px; + line-height: 12px; + font-size: 110%; + border: 1px solid #999; +} + +.comment-form-buttons input { + width: 100%; + height: 22px; + vertical-align: middle; + margin-top: 6px; +} + +.comments-char-left-count.warn { + color: orange; +} +