From c54b3311fd58c93c9f59774f0b452dc39c8896a8 Mon Sep 17 00:00:00 2001 From: Samantha Doherty Date: Thu, 25 Aug 2011 12:25:10 -0400 Subject: [PATCH] Style cleanup for QnA. --- plugins/QnA/css/qna.css | 81 +++++++++++++++++++++++++++++++-- theme/base/css/display.css | 1 + theme/neo/css/display.css | 93 +++----------------------------------- 3 files changed, 85 insertions(+), 90 deletions(-) diff --git a/plugins/QnA/css/qna.css b/plugins/QnA/css/qna.css index 1b89b6c2bb..e29ef22e60 100644 --- a/plugins/QnA/css/qna.css +++ b/plugins/QnA/css/qna.css @@ -1,5 +1,78 @@ -/* Why doesn't this work? */ -input.answer-placeholder { - margin-left: 0; - width: 95%; +.question .answer-count, .qna-full-question .answer-count { + display: block; + clear: left; +} + +.question .answer-count:before, .qna-full-question .answer-count:before { + content: '('; +} + +.question .answer-count:after, .qna-full-question .answer-count:after { + content: ')'; +} + +.question .notice-answer { + margin-left: 10px; + padding-bottom: 10px; +} + +ul.qna-dummy { + clear: left; + float: left; + list-style-type: none; + width: 458px; + margin-left: 59px; + padding-right: 2px; + border-left: 3px solid #ECECF2; + background: #fafafa; + font-size: 1em; +} + +ul.qna-dummy + ul.threaded-replies li.notice:first-child, li.notice-answer + li.notice { + border-top: 2px dotted #eee; + margin-top: -10px; + padding-top: 10px; +} + +.qna-dummy-placeholder input { + margin: 10px 0px 10px 2px; + width: 426px; + color: #888; + border: 1px solid #A6A6A6; + padding: 4px 4px 4px 6px; +} + +.question fieldset, .qna-full-question fieldset { + margin: 0px; +} + +.question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend { + display: none; +} + +.question label[for=qna-answer], .qna-full-question label[for=qna-answer] { + display: none; +} + +.question #qna-answer, .qna-full-question #qna-answer { + width: 426px; + height: 54px; + padding: 6px 5px; + font-size: 1.2em; + margin-top: 10px; + margin-bottom: 10px; + border: 1px solid #A6A6A6; +} + +.qna-full-question textarea { + width: 508px; +} + +.question p.best:before, .answer p.best:before { + content: '[Best] '; +} + +.question .question-closed { + display: block; + font-style: italic; } diff --git a/theme/base/css/display.css b/theme/base/css/display.css index 2c00b77b1d..9ad1b4ec15 100644 --- a/theme/base/css/display.css +++ b/theme/base/css/display.css @@ -735,6 +735,7 @@ left:0; float: right; margin-top: 12px; margin-right: -6px; + margin-bottom: 10px; } .notice-options fieldset { diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css index d460a5d71d..22634b40ea 100644 --- a/theme/neo/css/display.css +++ b/theme/neo/css/display.css @@ -413,7 +413,6 @@ div.entry-content a.response:after { .notice-options { margin-top: 4px; - margin-bottom: 10px; } #content .threaded-replies .notice .author .photo { @@ -1175,7 +1174,7 @@ td.entity_profile { } label[for=event-starttime], label[for=event-endtime] { - display: none; + display: none !important; } #event-starttime, #event-endtime { @@ -1224,10 +1223,6 @@ label[for=event-starttime], label[for=event-endtime] { /* QnA specific styles */ -#content .question .entry-title, #content .qna-full-question .entry-title { - min-height: 1px; -} - .question div.question-description { font-size: 1em; line-height: 1.36em; @@ -1236,95 +1231,17 @@ label[for=event-starttime], label[for=event-endtime] { } .question div.answer-content, .qna-full-question div.answer-content { - opacity: 1; -} - -.question .answer-count, .qna-full-question .answer-count { - display: block; - clear: left; -} - -.question .answer-count:before, .qna-full-question .answer-count:before { - content: '('; -} - -.question .answer-count:after, .qna-full-question .answer-count:after { - content: ')'; -} - -.question .notice-answer { - margin-left: 10px; - padding-bottom: 10px; -} - -ul.qna-dummy { - clear: left; - float: left; - list-style-type: none; - width: 458px; - margin-left: 59px; - padding-right: 2px; - border-left: 3px solid #ECECF2; - background: #fafafa; font-size: 1em; + opacity: 1; } -ul.qna-dummy + ul.threaded-replies li.notice:first-child { - border-top: 2px dotted #eee; - margin-top: -10px; - padding-top: 10px; -} - -.qna-dummy-placeholder input { - margin: 10px; - width: 426px; - padding: 4px 4px 4px 6px; - border: 1px solid #a6a6a6; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); - color: #888; -} - -li.notice-answer + li.notice { - border-top: 2px dotted #eee; - margin-top: -10px; - padding-top: 10px; -} - -.question fieldset, .qna-full-question fieldset { - margin: 0px; -} - -.question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend { - display: none; -} - -.question label[for=qna-answer], .qna-full-question label[for=qna-answer] { - display: none; -} - -.question #qna-answer, .qna-full-question #qna-answer { - width: 426px; - height: 54px; - padding: 6px 5px; - border: 1px solid #a6a6a6; +.qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); - font-size: 1.2em; - margin-top: 10px; - margin-bottom: 10px; -} - -.qna-full-question textarea { - width: 508px; } .question-description input.submit, .answer-content input.submit { @@ -1367,6 +1284,10 @@ li.notice-answer + li.notice { padding-left: 20px; } +.question p.best:before, .answer p.best:before { + content: none !important; +} + /* Blog specific styles */ label[for=blog-entry-content] { -- 2.39.5