You are here

quiz.css in Quiz 7



/*
 * 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;*/
  /* Black bg in seven theme looks horrible. */
  background: none repeat scroll 0 0 #E1E2DC;
  border-color: #BEBFB9;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  padding: 3px 10px;
  text-transform: uppercase;
}

#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 {
  float: right;
  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. /* Black bg in seven theme looks horrible. */
  52. background: none repeat scroll 0 0 #E1E2DC;
  53. border-color: #BEBFB9;
  54. border-style: solid;
  55. border-width: 1px;
  56. font-weight: normal;
  57. padding: 3px 10px;
  58. text-transform: uppercase;
  59. }
  60. #quiz-question-browser-filters td.active {
  61. background-color: #666;
  62. }
  63. .quiz-question-browser-row.odd td.active {
  64. background-color: #e2e2f9;
  65. }
  66. .quiz-question-browser-row.even td.active {
  67. background-color: #f8f8ff;
  68. }
  69. tr.selected.quiz-question-browser-row td, tr.selected.quiz-question-browser-row td.active {
  70. background: none repeat scroll 0 0 #505050;
  71. color: #FFF;
  72. }
  73. .browser-table th {
  74. border-bottom: 0px solid #666666;
  75. }
  76. .q-staying {
  77. display: inline;
  78. float: left;
  79. margin-right: 8px;
  80. }
  81. /*
  82. * Definitions that apply on the quiz report pages.
  83. */
  84. dl.quiz-report {
  85. margin: 0;
  86. padding: 0;
  87. }
  88. dl.quiz-report dt {
  89. background: #eee;
  90. border-top: solid 1px gray;
  91. padding-left: 5px;
  92. }
  93. dl.quiz-report dt div.quiz-report-score-container {
  94. border-right: solid 1px gray;
  95. border-left: solid 1px gray;
  96. border-bottom: solid 1px gray;
  97. float: right;
  98. padding: 4px 6px;
  99. }
  100. dl.quiz-report dt div.quiz-report-score-container span div.form-item {
  101. display: inline;
  102. }
  103. dl.quiz-report dd {
  104. margin: 10px 0 50px 0;
  105. }
  106. .quiz-report-skipped {
  107. float: right;
  108. }
  109. .q-correct {
  110. background-color: #DDFFDD;
  111. }
  112. .q-wrong {
  113. background-color: #FFCCCC;
  114. }
  115. .q-waiting {
  116. background-color: #FFFFDD;
  117. }
  118. .q-back-button {
  119. background: 0 none;
  120. border: 0 none;
  121. color: #666699;
  122. }
  123. .q-back-button:hover {
  124. color: #6666ff;
  125. cursor: pointer;
  126. text-decoration: underline;
  127. }
  128. .q-skip-button {
  129. float: right;
  130. background: 0 none;
  131. border: 0 none;
  132. color: #666699;
  133. }
  134. .q-skip-button:hover {
  135. color: #6666ff;
  136. cursor: pointer;
  137. text-decoration: underline;
  138. }
  139. .quiz-passed {
  140. color: #00dd00;
  141. }
  142. .quiz-failed {
  143. color: #dd0000;
  144. }
  145. #no-questions {
  146. font-style: italic;
  147. }
  148. #quiz-view-table {
  149. width: auto;
  150. border-collapse: separate;
  151. border: thin solid #555555;
  152. padding: 0px;
  153. margin: 0px;
  154. margin-bottom: 20px;
  155. }
  156. #quiz-start-quiz-button-form div {
  157. padding: 0px;
  158. margin: 0px;
  159. }
  160. #quiz-start-quiz-button-form input {
  161. margin: 0px;
  162. }
  163. #quiz-view-table td {
  164. padding: 0px 3px 0px 3px;
  165. margin: 0px;
  166. line-height: 110%;
  167. }
  168. .quiz-view-table-title {
  169. }
  170. .quiz-view-table-data {
  171. }
  172. #browser-pager .pager-last {
  173. display: none;
  174. }
  175. #browser-pager .pager-first {
  176. display: none;
  177. }
  178. .matching-tbl {
  179. width: auto;
  180. border-collapse: separate;
  181. padding: 0px;
  182. margin: 0px;
  183. border: 0px;
  184. line-height: 100%;
  185. }
  186. .matching-tbl p, .matching-tbl select, .matching-tbl div {
  187. padding: 0px;
  188. margin: 0px;
  189. line-height: 100%;
  190. }
  191. .matching-tbl td {
  192. padding: 2px;
  193. margin: 2px;
  194. line-height: 100%;
  195. }
  196. .quiz-solution {
  197. border-left: solid 5px #00ff00;
  198. padding-left: 3px;
  199. }
  200. .quiz-answer-hidden {
  201. font-style: italic;
  202. }
  203. #quiz-jumper {
  204. display: none;
  205. }
  206. #quiz-categorized-form #autocomplete {
  207. overflow: auto;
  208. max-height: 300px;
  209. }