plugins/QnA/css/qna.css

   1 /* QnA */
   2
   3 .question .answer-count, .qna-full-question .answer-count {
   4     display: block;
   5     clear: left;
   6 }
   7
   8 .question .answer-count:before, .qna-full-question .answer-count:before {
   9     content: '(';
  10 }
  11
  12 .question .answer-count:after, .qna-full-question .answer-count:after {
  13     content: ')';
  14 }
  15
  16 .question .notice-answer {
  17     margin-left: 10px;
  18     padding-bottom: 10px;
  19 }
  20
  21 ul.qna-dummy {
  22     clear: left;
  23     float: left;
  24     list-style-type: none;
  25     width: 458px;
  26     margin-left: 59px;
  27     padding-right: 2px;
  28     border-left: 3px solid #ECECF2;
  29     background: #fafafa;
  30     font-size: 1em;
  31 }
  32
  33 ul.qna-dummy + ul.threaded-replies li.notice:first-child, li.notice-answer + li.notice {
  34     border-top: 2px dotted #eee;
  35     margin-top: -10px;
  36     padding-top: 10px;
  37 }
  38
  39 .qna-dummy-placeholder input {
  40     margin: 10px 0px 10px 10px;
  41     width: 426px;
  42     color: #888;
  43     border: 1px solid #A6A6A6;
  44     padding: 4px 4px 4px 6px;
  45 }
  46
  47 .question fieldset, .qna-full-question fieldset {
  48     margin: 0px;
  49 }
  50
  51 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
  52     display: none;
  53 }
  54
  55 .question label[for=qna-answer], .qna-full-question label[for=qna-answer] {
  56     display: none;
  57 }
  58
  59 .question #qna-answer, .qna-full-question #qna-answer {
  60     width: 426px;
  61     height: 54px;
  62     padding: 6px 5px;
  63     font-size: 1.2em;
  64     margin-top: 10px;
  65     margin-bottom: 10px;
  66     border: 1px solid #A6A6A6;
  67 }
  68
  69 .qna-full-question textarea {
  70     width: 508px;
  71 }
  72
  73 .question p.best:before, .answer p.best:before {
  74     content: '[Best] ';
  75 }
  76
  77 .question .question-closed {
  78     display: block;
  79     font-style: italic;
  80 }
  81
  82 .question div.question-description {
  83     font-size: 1em;
  84     line-height: 1.36em;
  85     margin-top: 0px;
  86     opacity: 1;
  87 }
  88
  89 .question div.answer-content, .qna-full-question div.answer-content {
  90     font-size: 1em;
  91     opacity: 1;
  92 }
  93
  94 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
  95     -webkit-border-radius: 4px;
  96     -moz-border-radius: 4px;
  97     border-radius: 4px;
  98     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  99     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 100     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 101 }
 102
 103 .question-description input.submit, .answer-content input.submit {
 104     height: auto;
 105     padding: 0px 10px;
 106     margin: 6px 0px 10px 0px;
 107     color:#fff;
 108     font-weight: bold;
 109     text-transform: uppercase;
 110     font-size: 1.1em;
 111     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 112     border: 1px solid #d7621c;
 113     border-radius: 4px;
 114     -moz-border-radius: 4px;
 115     -webkit-border-radius: 4px;
 116     background: #FB6104;
 117     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 118     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 119     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 120     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 121     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 122     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 123     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 124 }
 125
 126 #qna-answer-submit {
 127     min-width: 100px;
 128 }
 129
 130 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
 131     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 132     background: #ff9d63;
 133     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 134     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 135     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 136     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 137     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 138     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 139     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 140 }
 141
 142 .question .question-description #answer-form input.submit {
 143     margin-top: 0px;
 144 }
 145
 146 .question p.best, .answer p.best {
 147     background: url(../images/rosette.png) no-repeat top left;
 148     padding-left: 20px;
 149 }
 150
 151 .question p.best:before, .answer p.best:before {
 152     content: none !important;
 153 }