diff options
Diffstat (limited to 'askbot/media/style/style.css')
-rw-r--r-- | askbot/media/style/style.css | 165 |
1 files changed, 72 insertions, 93 deletions
diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css index 69444ec8..c48728b5 100644 --- a/askbot/media/style/style.css +++ b/askbot/media/style/style.css @@ -2013,7 +2013,7 @@ ul#related-tags li { .question-page p.rss { float: none; clear: both; - padding: 3px 0 0 23px; + padding: 3px 0 3px 18px; font-size: 15px; width: 130px; background-position: center left; @@ -2023,71 +2023,57 @@ ul#related-tags li { font-family: 'Open Sans Condensed', Arial, sans-serif; vertical-align: top; } -.question-page .question-card { - display: relative; +.question-page .post { + display: table; + padding: 3px; + margin-bottom: 16px; + width: 100%; } -.question-page .question-content { - padding-left: 43px; - margin-bottom: 10px; +.question-page .post .mceEditor td { width: auto; } -.question-page .question-content pre, -.question-page .answer pre, -.question-page .question-content code, -.question-page .answer code { +.question-page .post pre, +.question-page .post code { clear: both; } -.question-page #question-table { - float: left; - border-top: #f0f0f0 1px solid; -} -.question-page #question-table, -.question-page .answer-table { - margin: 8px 0 6px 0; +.question-page .post-content { + display: table-cell; border-spacing: 0px; - width: 670px; - padding-right: 10px; -} -.question-page .answer-table { - margin-top: 0px; - border-bottom: 1px solid #D4D4D4; - float: right; -} -.question-page .answer-table td, -.question-page #question-table td { - width: 20px; + padding-left: 14px; vertical-align: top; -} -.question-page .answer-table .mceEditor td, -.question-page #question-table .mceEditor td { width: auto; } -.question-page .question-body, -.question-page .answer-body { +.question-page .question .post-content { + margin-bottom: 10px; +} +.question-page .answer .post-content { + border-bottom: 1px solid #D4D4D4; +} +.question-page .post-body { overflow: auto; - margin-top: 10px; font-family: Arial; color: #4b4b4b; word-wrap: break-word; } -.question-page .question-body p, -.question-page .answer-body p { +.question-page .post-body a { + color: #1b79bd; +} +.question-page .post-body img { + max-width: 100%; +} +.question-page .post-body li { + margin-bottom: 7px; +} +.question-page .post-body p { margin-bottom: 14px; line-height: 1.4; font-size: 14px; padding: 0px 5px 5px 0px; } -.question-page .question-body a, -.question-page .answer-body a { - color: #1b79bd; -} -.question-page .question-body li, -.question-page .answer-body li { - margin-bottom: 7px; -} -.question-page .question-body IMG, -.question-page .answer-body IMG { - max-width: 600px; +.question-page .question .post-body { + margin-top: 8px; + border-top: #f0f0f0 1px solid; + padding-top: 10px; } .question-page .post-update-info-container { float: right; @@ -2098,9 +2084,10 @@ ul#related-tags li { float: right; font-size: 9px; font-family: Arial; - padding: 4px; - margin: 0px 0px 5px 5px; line-height: 14px; + margin: 0px 0px 5px 5px; + padding: 4px; + width: 166px; border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; @@ -2293,23 +2280,23 @@ ul#related-tags li { .question-page div.comments { padding: 0; } -.question-page #comment-title { +.question-page h2.comment-title { + color: #7ea9b3; font-weight: bold; font-size: 23px; - color: #7ea9b3; - width: 200px; - float: left; font-family: 'Open Sans Condensed', Arial, sans-serif; + float: left; + padding-left: 0; + width: 200px; } .question-page .comments { font-size: 12px; clear: both; } .question-page .comments div.controls { - clear: both; - float: left; width: 100%; margin: 3px 0 20px 5px; + padding-left: 30px; } .question-page .comments .edit-comment-buttons { margin-left: -4px; @@ -2347,7 +2334,7 @@ ul#related-tags li { padding: 0; } .question-page .comments form.post-comments { - padding: 6px 6px 7px 42px; + padding: 1px 6px 7px 31px; border-bottom: 1px solid #edeeeb; margin-bottom: 0; } @@ -2403,13 +2390,25 @@ ul#related-tags li { } .question-page .comments .comment { border-bottom: 1px solid #edeeeb; - clear: both; - margin: 0; - padding-bottom: 4px; - overflow: auto; + display: table; font-family: Arial; font-size: 11px; + margin: 0; min-height: 25px; + overflow: auto; + padding-bottom: 4px; + width: 100%; +} +.question-page .comments .comment .comment-votes, +.question-page .comments .comment .comment-content { + display: table-cell; + vertical-align: top; +} +.question-page .comments .comment .comment-content { + width: auto; +} +.question-page .comments .comment .comment-votes { + width: 25px; } .question-page .comments .comment:last-child { border-bottom: none; @@ -2444,14 +2443,12 @@ ul#related-tags li { margin-bottom: 7px; } .question-page .comments .comment-votes { - float: left; - width: 37px; line-height: 130%; padding: 6px 5px 6px 3px; } .question-page .comments .comment-body { line-height: 1.3; - margin: 3px 26px 0 46px; + margin: 3px 26px 0 0; padding: 5px 3px; color: #666; font-size: 13px; @@ -2547,9 +2544,9 @@ ul#related-tags li { font-weight: normal; } .question-page .vote-buttons .notify-sidebar { - text-align: left; + text-align: center; width: 130px; - margin-top: 7px; + margin: 7px auto 0; } .question-page .vote-buttons .notify-sidebar label { vertical-align: top; @@ -2560,19 +2557,10 @@ ul#related-tags li { width: 723px; margin-top: 10px; } -.question-page .answer .vote-buttons { - float: left; - margin-top: 10px; -} .question-page .accepted-answer { background-color: #f7fecc; border-bottom-color: #9BD59B; } -.question-page .accepted-answer .vote-buttons { - width: 27px; - margin-right: 10px; - margin-top: 10px; -} .question-page .answer .post-update-info a { color: #444444; } @@ -2596,9 +2584,6 @@ ul#related-tags li { .question-page .answered-by-owner .comments { background-color: #E6ECFF; } -.question-page .answered-by-owner .vote-buttons { - margin-right: 10px; -} .question-page .answer-img-accept { background: url(../images/vote-accepted.png); width: 23px; @@ -2608,12 +2593,6 @@ ul#related-tags li { .question-page .answer-img-accept:hover { background: url(../images/vote-accepted-on.png); } -.question-page .answer-body a { - color: #1b79bd; -} -.question-page .answer-body li { - margin-bottom: 0.7em; -} .question-page #fmanswer { color: #707070; line-height: 1.2; @@ -2632,18 +2611,23 @@ ul#related-tags li { margin: 0px 0 10px 0; } .vote-buttons { - float: left; + display: table-cell; text-align: center; padding-top: 2px; - margin: 0px 10px 0px 3px; + width: 25px; + margin-right: 13px; /* small IE fixes */ *margin: 0; *height: 210px; *width: 30px; } -.vote-buttons img { - cursor: pointer; +.vote-buttons * { + margin: 0; +} +.box.vote-buttons { + display: block; + width: 100%; } .question-img-upvote, .question-img-downvote, @@ -3709,7 +3693,7 @@ ul.form-horizontal-rows li input { vertical-align: top; } ul.post-tags { - margin-left: 3px; + margin: 2px 0 0 3px; } ul.post-tags li { margin-top: 4px; @@ -4326,11 +4310,6 @@ textarea.tipped-input { .question-page .post-update-info .badge-count { display: none; } - .question-page .answer-table, - .question-page #question-table { - float: left; - margin-left: 12px; - } .user-profile-page td { display: block; } |