You are here

quiz.css in Quiz 6.4



/*
 * Definitions that apply while viewing questions
 */
.question_type_name {
  font-style: italic;
}

/*
 * Definitions that apply while taking the quiz.
 */
#quiz_progress {
  font-style: italic;
  font-size: 80%;
}

#quiz_score_possible, #quiz_score_percent {
  font-weight: bold;
}

td.quiz_summary_qcell {
  vertical-align: top;
  padding: 1em 1em 0em 0em;
}

td.quiz_summary_qcell table tr {
  background: transparent;
}

td.quiz_summary_qcell table td {
  vertical-align: top;
  padding: .5em;
}

.quiz_answer_feedback {
  font-style: italic;
}

.quiz_summary_text {

}

.feedback-icon {
  display: inline;
}

.add-questions {
  background: transparent url(images/add.png) no-repeat scroll 0% 10%;
  padding: 0 0 1em 2em;
}

.hidden-question {
  display: none;
}

.quiz-question-browser-row.odd {
  background-color: #e7e7e7;
}

.quiz-question-browser-row.even {
  background-color: #fbfbfb;
}

#quiz-question-browser-filters {
  background-color: black;
}
#quiz-question-browser-filters td.active {
  background-color: #666;
}

.quiz-question-browser-row.odd td.active {
  background-color: #e2e2f9;
}

.quiz-question-browser-row.even td.active {
  background-color: #f8f8ff;
}

tr.selected.quiz-question-browser-row td, tr.selected.quiz-question-browser-row td.active {
  background: none repeat scroll 0 0 #505050;
  color: #FFF;
}

.browser-table th {
  border-bottom: 0px solid #666666;
}

.q-staying {
  display: inline;
  float: left;
  margin-right: 8px;
}


/*
 * Definitions that apply on the quiz report pages.
 */

dl.quiz-report {
  margin: 0;
  padding: 0;
}

dl.quiz-report dt {
  background: #eee;
  border-top: solid 1px gray;
  padding-left: 5px;
}

dl.quiz-report dt div.quiz-report-score-container {
  border-right: solid 1px gray;
  border-left: solid 1px gray;
  border-bottom: solid 1px gray;
  float: right;
  padding: 4px 6px;
}

dl.quiz-report dt div.quiz-report-score-container span div.form-item {
  display: inline;
}

dl.quiz-report dd {
  margin: 10px 0 50px 0;
}

.quiz-report-skipped {
  float: right;
}

.q-correct {
  background-color: #DDFFDD;
}

.q-wrong {
  background-color: #FFCCCC;
}

.q-waiting {
  background-color: #FFFFDD;
}

.q-back-button {
  background: 0 none;
  border: 0 none;
  color: #666699;
}

.q-back-button:hover {
  color: #6666ff;
  cursor: pointer;
  text-decoration: underline;
}

.q-skip-button {
  background: 0 none;
  border: 0 none;
  color: #666699;
}

.q-skip-button:hover {
  color: #6666ff;
  cursor: pointer;
  text-decoration: underline;
}

.quiz-passed {
  color: #00dd00;
}

.quiz-failed {
  color: #dd0000;
}

#no-questions {
  font-style: italic;
}
#quiz-view-table {
  width: auto;
  border-collapse: separate;
  border: thin solid #555555;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}
#quiz-start-quiz-button-form div {
  padding: 0px;
  margin: 0px;
}

#quiz-start-quiz-button-form input {
  margin: 0px;
}

#quiz-view-table td {
  padding: 0px 3px 0px 3px;
  margin: 0px;
  line-height: 110%;
}
.quiz-view-table-title {

}
.quiz-view-table-data {

}

#browser-pager .pager-last {
  display: none;
}
#browser-pager .pager-first {
  display: none;
}

.matching-tbl {
  width: auto;
  border-collapse: separate;
  padding: 0px;
  margin: 0px;
  border: 0px;
  line-height: 100%;
}

.matching-tbl p, .matching-tbl select, .matching-tbl div {
  padding: 0px;
  margin: 0px;
  line-height: 100%;
}

.matching-tbl td {
  padding: 2px;
  margin: 2px;
  line-height: 100%;
}

.quiz-solution {
  border-left: solid 5px #00ff00;
  padding-left: 3px;
}

.quiz-answer-hidden {
  font-style: italic;
}

#quiz-jumper {
  display: none;
}

#quiz-categorized-form #autocomplete {
  overflow: auto;
  max-height: 300px;
}

File

quiz.css
View source
  1. /*
  2. * Definitions that apply while viewing questions
  3. */
  4. .question_type_name {
  5. font-style: italic;
  6. }
  7. /*
  8. * Definitions that apply while taking the quiz.
  9. */
  10. #quiz_progress {
  11. font-style: italic;
  12. font-size: 80%;
  13. }
  14. #quiz_score_possible, #quiz_score_percent {
  15. font-weight: bold;
  16. }
  17. td.quiz_summary_qcell {
  18. vertical-align: top;
  19. padding: 1em 1em 0em 0em;
  20. }
  21. td.quiz_summary_qcell table tr {
  22. background: transparent;
  23. }
  24. td.quiz_summary_qcell table td {
  25. vertical-align: top;
  26. padding: .5em;
  27. }
  28. .quiz_answer_feedback {
  29. font-style: italic;
  30. }
  31. .quiz_summary_text {
  32. }
  33. .feedback-icon {
  34. display: inline;
  35. }
  36. .add-questions {
  37. background: transparent url(images/add.png) no-repeat scroll 0% 10%;
  38. padding: 0 0 1em 2em;
  39. }
  40. .hidden-question {
  41. display: none;
  42. }
  43. .quiz-question-browser-row.odd {
  44. background-color: #e7e7e7;
  45. }
  46. .quiz-question-browser-row.even {
  47. background-color: #fbfbfb;
  48. }
  49. #quiz-question-browser-filters {
  50. background-color: black;
  51. }
  52. #quiz-question-browser-filters td.active {
  53. background-color: #666;
  54. }
  55. .quiz-question-browser-row.odd td.active {
  56. background-color: #e2e2f9;
  57. }
  58. .quiz-question-browser-row.even td.active {
  59. background-color: #f8f8ff;
  60. }
  61. tr.selected.quiz-question-browser-row td, tr.selected.quiz-question-browser-row td.active {
  62. background: none repeat scroll 0 0 #505050;
  63. color: #FFF;
  64. }
  65. .browser-table th {
  66. border-bottom: 0px solid #666666;
  67. }
  68. .q-staying {
  69. display: inline;
  70. float: left;
  71. margin-right: 8px;
  72. }
  73. /*
  74. * Definitions that apply on the quiz report pages.
  75. */
  76. dl.quiz-report {
  77. margin: 0;
  78. padding: 0;
  79. }
  80. dl.quiz-report dt {
  81. background: #eee;
  82. border-top: solid 1px gray;
  83. padding-left: 5px;
  84. }
  85. dl.quiz-report dt div.quiz-report-score-container {
  86. border-right: solid 1px gray;
  87. border-left: solid 1px gray;
  88. border-bottom: solid 1px gray;
  89. float: right;
  90. padding: 4px 6px;
  91. }
  92. dl.quiz-report dt div.quiz-report-score-container span div.form-item {
  93. display: inline;
  94. }
  95. dl.quiz-report dd {
  96. margin: 10px 0 50px 0;
  97. }
  98. .quiz-report-skipped {
  99. float: right;
  100. }
  101. .q-correct {
  102. background-color: #DDFFDD;
  103. }
  104. .q-wrong {
  105. background-color: #FFCCCC;
  106. }
  107. .q-waiting {
  108. background-color: #FFFFDD;
  109. }
  110. .q-back-button {
  111. background: 0 none;
  112. border: 0 none;
  113. color: #666699;
  114. }
  115. .q-back-button:hover {
  116. color: #6666ff;
  117. cursor: pointer;
  118. text-decoration: underline;
  119. }
  120. .q-skip-button {
  121. background: 0 none;
  122. border: 0 none;
  123. color: #666699;
  124. }
  125. .q-skip-button:hover {
  126. color: #6666ff;
  127. cursor: pointer;
  128. text-decoration: underline;
  129. }
  130. .quiz-passed {
  131. color: #00dd00;
  132. }
  133. .quiz-failed {
  134. color: #dd0000;
  135. }
  136. #no-questions {
  137. font-style: italic;
  138. }
  139. #quiz-view-table {
  140. width: auto;
  141. border-collapse: separate;
  142. border: thin solid #555555;
  143. padding: 0px;
  144. margin: 0px;
  145. margin-bottom: 20px;
  146. }
  147. #quiz-start-quiz-button-form div {
  148. padding: 0px;
  149. margin: 0px;
  150. }
  151. #quiz-start-quiz-button-form input {
  152. margin: 0px;
  153. }
  154. #quiz-view-table td {
  155. padding: 0px 3px 0px 3px;
  156. margin: 0px;
  157. line-height: 110%;
  158. }
  159. .quiz-view-table-title {
  160. }
  161. .quiz-view-table-data {
  162. }
  163. #browser-pager .pager-last {
  164. display: none;
  165. }
  166. #browser-pager .pager-first {
  167. display: none;
  168. }
  169. .matching-tbl {
  170. width: auto;
  171. border-collapse: separate;
  172. padding: 0px;
  173. margin: 0px;
  174. border: 0px;
  175. line-height: 100%;
  176. }
  177. .matching-tbl p, .matching-tbl select, .matching-tbl div {
  178. padding: 0px;
  179. margin: 0px;
  180. line-height: 100%;
  181. }
  182. .matching-tbl td {
  183. padding: 2px;
  184. margin: 2px;
  185. line-height: 100%;
  186. }
  187. .quiz-solution {
  188. border-left: solid 5px #00ff00;
  189. padding-left: 3px;
  190. }
  191. .quiz-answer-hidden {
  192. font-style: italic;
  193. }
  194. #quiz-jumper {
  195. display: none;
  196. }
  197. #quiz-categorized-form #autocomplete {
  198. overflow: auto;
  199. max-height: 300px;
  200. }