qna.css 4.2 KB

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