You are here

Home » API reference » Opigno Quiz App 7

opigno_quiz_app.css in Opigno Quiz App 7

Module specific styles.

File

css/opigno_quiz_app.css
View source 
  1. /**

  2.  * @file

  3.  * Module specific styles.

  4.  */

  5. 

  6. .opigno-quiz-app-results-collapsible-table thead tr.js-processed {

  7.   cursor: pointer;

  8. }

  9. 

  10. .opigno-quiz-app-course-total-score {

  11.   width: 15%;

  12. }

  13. 

  14. .opigno-quiz-app-course-total-time {

  15.   width: 15%;

  16. }

  17. 

  18. .opigno-quiz-app-results-table .opigno-quiz-app-quiz-result-passed {

  19.   background: #D7FFD8;

  20. }

  21. 

  22. .opigno-quiz-app-results-table .opigno-quiz-app-quiz-result-failed {

  23.   background: #FFECE8;

  24. }

  25. 

  26. .opigno-quiz-app-results-table .opigno-quiz-app-quiz-result-pending {

  27.   background: #FFFFDD;

  28. }

  29. 

  30. .opigno-quiz-app-fullscreen-link {

  31.   display: block;

  32.   float: right;

  33.   cursor: pointer;

  34. }

  35. 

  36. .opigno-quiz-app-exit-fullscreen-link {

  37.   display: none;

  38. }

  39. 

  40. .opigno-quiz-app-fullscreen .opigno-quiz-app-go-fullscreen-link {

  41.   display: none;

  42. }

  43. 

  44. .opigno-quiz-app-fullscreen .opigno-quiz-app-exit-fullscreen-link {

  45.   display: block;

  46. }

  47. 

  48. /**

  49.  * This part ONLY WORKS with the Platon theme.

  50.  * If users use a different theme, they will have to add some custom CSS to make this work.

  51.  */

  52. body.page-node-take.opigno-quiz-app-fullscreen #site-header,

  53. body.page-node-take.opigno-quiz-app-fullscreen #site-footer,

  54. body.page-node-take.opigno-quiz-app-fullscreen #breadcrumb,

  55. body.page-node-take.opigno-quiz-app-fullscreen #title-wrapper,

  56. body.page-node-take.opigno-quiz-app-fullscreen #tabs,

  57. body.page-node-take.opigno-quiz-app-fullscreen #first-sidebar {

  58.   display: none;

  59. }

  60. 

  61. body.page-node-take.opigno-quiz-app-fullscreen #site-content

  62. {

  63.     margin-top:0px;

  64. }

  65. 

  66. body.page-node-take.opigno-quiz-app-fullscreen #second-sidebar {

  67.   width: 100%;

  68. }

  69. 

  70. body.page-node-take.opigno-quiz-app-fullscreen .row {

  71.   max-width: none;

  72. }

  73. 

  74. #nextlink {

  75.     margin-top: 30px;

  76.     float: right;

  77. }

  78. 

  79. .mark-doubtful

  80. {

  81.     padding-bottom: 5px;

  82.     background: #ececeb;

  83. }

  84. 

  85. .mark-doubtful .toggle

  86. {

  87.     margin-right: 5px;

  88. }

  89. 

  90. .form-item-is-doubtful

  91. {

  92.     display: none;

  93. }

  94. 

  95. .mark-doubtful .toggle {

  96.     background-image: -ms-linear-gradient(left, white 0%, white 0%, white 50%, green 50%);

  97. }

  98. 

  99. .mark-doubtful .toggle.off {

  100.     background-image: -ms-linear-gradient(right, white 0%, white 0%, white 50%, red 50%);

  101. }