Нет описания

quiz.css 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. div.jetpack-quiz {
  2. border: 1px solid #deede3;
  3. background-color: #f3f3f3;
  4. padding: 1em;
  5. line-height: 1.3em;
  6. margin-bottom: 2em;
  7. border-radius: .2em;
  8. }
  9. div.jetpack-quiz div.jetpack-quiz-question {
  10. margin-bottom: .5em;
  11. font-weight: bold;
  12. }
  13. div.jetpack-quiz div.jetpack-quiz-answer {
  14. cursor: pointer;
  15. margin-bottom: .5em;
  16. padding: 1em 0 1em 1em;
  17. border-bottom: 1px dotted #999;
  18. }
  19. div.jetpack-quiz div.jetpack-quiz-answer.last {
  20. padding-bottom: 0;
  21. margin-bottom: 0;
  22. border-bottom: 0;
  23. }
  24. div.jetpack-quiz div.jetpack-quiz-answer.correct {
  25. color: green;
  26. }
  27. div.jetpack-quiz div.jetpack-quiz-answer.wrong {
  28. color: red;
  29. }
  30. div.jetpack-quiz div.jetpack-quiz-answer div.jetpack-quiz-explanation {
  31. display: none;
  32. }
  33. div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation, div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation {
  34. display: block;
  35. color: black;
  36. font-size: 90%;
  37. margin-top: 1em;
  38. }
  39. div.jetpack-quiz div.jetpack-quiz-answer.correct div.jetpack-quiz-explanation tt, div.jetpack-quiz div.jetpack-quiz-answer.wrong div.jetpack-quiz-explanation tt {
  40. font-size: 85%;
  41. }
  42. div.jetpack-quiz pre {
  43. font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  44. background: transparent;
  45. margin: 0;
  46. padding: 0;
  47. }
  48. .jetpack-quiz-options {
  49. margin-top: 12px;
  50. text-align: right;
  51. }
  52. .jetpack-quiz-count {
  53. color: #646970;
  54. float: left;
  55. font-size: 12px;
  56. }
  57. .jetpack-quiz-option-button {
  58. cursor: pointer;
  59. margin-left: 12px;
  60. }
  61. .jetpack-quiz-option-button:hover svg {
  62. background: #3c434a;
  63. }
  64. .jetpack-quiz-option-button svg {
  65. background: #000;
  66. border-radius: 50%;
  67. display: inline-block;
  68. fill: #fff;
  69. height: 24px;
  70. width: 24px;
  71. }
  72. .jetpack-quiz-wrapper .jetpack-quiz:first-of-type .jetpack-quiz-option-button:first-of-type,
  73. .jetpack-quiz-wrapper .jetpack-quiz:last-of-type .jetpack-quiz-option-button:last-of-type {
  74. display: none;
  75. }