X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/a5e714b04384c39387899c2ba40aa4cca25a8568..8b4464e5dbf017b8d4aa58a03d43793925fc5713:/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 f36c832..28bd8f3 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;
@@ -64,16 +67,19 @@ a:hover { text-decoration: underline; }
 h1 {
 	font-size: 160%;
 	padding: 5px 0;
+    line-height: 110%;
 }
 
 h2 {
 	font-size: 140%;
 	padding: 3px 0;
+    line-height: 110%;
 }
 
 h3 {
 	font-size: 120%;
 	padding: 3px 0;
+    line-height: 110%;    
 }
 
 ul {
@@ -337,16 +343,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 {
@@ -627,36 +634,25 @@ a.medal:hover {
 	min-height: 100px;
 }
 
-.question-body img { max-width: 600px; }
+.question-body img { max-width: 640px; }
 
 .vote-buttons {
 	float: left;
 	text-align: center;
 }
 
-.vote-notification {
-	background-color: darkred;
-	color: White;
-	cursor: pointer;
-	display: none;
-	padding: 15px;
-	position: absolute;
-	text-align: center;
-	z-index: 1;
-}
-
-.vote-notification a {
-	color: White;
-	text-decoration: underline;
-}
-
 span.form-error {
 	color: #990000;
 	font-weight: normal;
 	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 +666,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 +690,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;
@@ -748,6 +743,10 @@ table.check-table td { padding-right: 50px; }
 	margin: 0;
 }
 
+.small {
+	font-size: 11px;
+}
+
 span.form-error {
 	color: #990000;
 	font-size: 90%;
@@ -772,7 +771,7 @@ span.form-error {
 	margin-top: 10px;
 	min-height: 20px;
 	padding: 6px;
-	width: 100%;
+	width: 98%;
 }
 
 .preview-toggle {
@@ -1103,21 +1102,23 @@ ul.form-horizontal-rows li input {
 	padding-bottom: 10px;
 }
 
-.post-controls {
-	float: left;
+.post-controls, .tags-container {
 	font-size: 11px;
 	line-height: 12px;
 	margin-bottom: 5px;
 	min-width: 200px;
 }
 
-#question-controls .tags { margin: 0 0 3px; }
+.tags-container {
+    margin: 0 0 16px 0;    
+}
 
-.post-update-info-container {
-	float: right;
-	min-width: 190px;
+.post-controls {
+    float: left;
 }
 
+#question-controls .tags { margin: 0 0 3px; }
+
 .post-update-info {
 	display: inline-block;
 	float: right;
@@ -1138,21 +1139,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 +1171,20 @@ 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 {
+.community-wiki {
+    font-size: 11px;
+    color: #333;
+    background: url("../images/wiki.png") no-repeat left center;
+    padding-left: 36px;
+    margin: 6px 0 0 0;
+    min-height: 32px;
+    line-height: 15px;
+}
+
+.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 +1200,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 +1220,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 +1271,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 {
@@ -1292,12 +1306,16 @@ div.comment-tools a:hover {
 	text-decoration: none;
 }
 
-.action-link a {
+.action-link {
 	color: #777777;
 	cursor: pointer;
 	padding: 3px;
 }
 
+.action-link a {
+    color: inherit;
+}
+
 .action-link a.ajax-command:hover {
 	background-color: #777777;
 	color: #FFFFFF;
@@ -1305,3 +1323,152 @@ 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')
+}
+
+.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;    
+}
+
+#ask-related-questions {
+    max-height: 150px;
+    overflow-y: auto;
+}
+
+.context-menu {
+    position: relative;
+}
+
+div.dialog, .context-menu-dropdown {
+    position: absolute;
+    background-color: #EEEEEE;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-box-shadow: 2px 2px 5px #3060A8;
+    -webkit-box-shadow: 2px 2px 5px #3060A8;
+}
+
+.context-menu-dropdown {
+    display: none;
+    right: 0px;
+    top: 1.5em;
+    text-align: left;
+    list-style-type: none;
+}
+
+.context-menu-dropdown li.item {
+    padding: 4px 8px 4px 8px;
+     -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+}
+
+.context-menu-dropdown li.item a {
+    color: inherit;
+    white-space: nowrap;
+    text-decoration: none;
+}
+
+.context-menu-dropdown li.separator {
+    text-align: center;
+    padding: 10px 0 4px 0;
+    font-size: 120%;
+    font-weight: bold;
+}
+
+.context-menu-dropdown li.item:hover {
+    background-color: #3060A8;
+    color: white;
+}
+
+.context-menu-dropdown span {
+    margin-right: 4px;
+    float: left;
+    width: 16px;
+    height: 16px;
+}
+
+.context-menu-trigger {
+    cursor: pointer;
+}
+
+div.dialog .dialog-content {
+    padding: 12px 12px 37px 12px;
+}
+
+div.dialog .dialog-buttons {
+    margin: 0px;
+    height: 25px;
+    text-align: center;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+}
+
+.dialog-yes, .dialog-no {
+    margin: 0 3px 5px 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    background-color: #3060A8;
+    color: white;
+    height: 20px;
+    line-height: 20px;
+    font-weight: bold;
+    border: 0;
+}
+
+div.dialog.confirm, div.dialog.warning {
+    text-align: center;
+}
+
+div.dialog.confirm {
+    font-size: 140%;
+    font-weight: bold;
+}
+
+div.dialog.prompt {
+    width: 300px;
+}
+
+div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
+    width: 100%;
+    padding: 0;
+    border: 0;
+}
+
+.user-prompt .prompt-buttons {
+    text-align: right;
+}
\ No newline at end of file