adjusted the styling of the markdown help page

[osqa.git] / 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 6cc944df2e4ee0170f6c441e46f24beaade08f8b..a8a43ae2a2c9b80e2562e91d74b60aa2f07ca109 100644 (file)
--- 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;
@@ -748,6 +756,10 @@ table.check-table td { padding-right: 50px; }
        margin: 0;
 }
 
+.small {
+       font-size: 11px;
+}
+
 span.form-error {
        color: #990000;
        font-size: 90%;
@@ -772,7 +784,7 @@ span.form-error {
        margin-top: 10px;
        min-height: 20px;
        padding: 6px;
-       width: 100%;
+       width: 98%;
 }
 
 .preview-toggle {
@@ -1104,7 +1116,6 @@ ul.form-horizontal-rows li input {
 }
 
 .post-controls {
-       float: left;
        font-size: 11px;
        line-height: 12px;
        margin-bottom: 5px;
@@ -1113,11 +1124,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 +1144,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 +1176,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 +1195,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 +1215,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 +1266,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 +1314,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;    
+}
+