You are here

Home » API reference » Opigno module 3.x

choice.css in Opigno module 3.x

Same filename and directory in other branches
  1. 8 ActivityTypes/opigno_h5p/css/choice.css
@font-face {
  font-family: 'h5p-core-16';
  src: url('../fonts/h5p-core-16.eot?tlv5f5');
  src: url('../fonts/h5p-core-16.eot?tlv5f5#iefix') format('embedded-opentype'),
  url('../fonts/h5p-core-16.ttf?tlv5f5') format('truetype'),
  url('../fonts/h5p-core-16.woff?tlv5f5') format('woff'),
  url('../fonts/h5p-core-16.svg?tlv5f5#h5p-core-16') format('svg');
  font-weight: normal;
  font-style: normal;
}

.h5p-choices-table {
  width: 100%;
}

.h5p-choices-table td {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 5px;
  line-height: 2em;
}

.h5p-choices-table-heading {
  background-color: #233448;
  color: #ffffff;
}

.h5p-choices-table td.h5p-choices-choice {
  width: 75%;
}

.h5p-choices-table td.h5p-choices-choice,
.h5p-choices-table td.h5p-choices-alternative {
  padding-left: 1em;
}

.h5p-choices-user-answer {
  width: 15%;
}

.h5p-choices-crp-answer {
  width: 10%;
}

.h5p-choices-table td.h5p-choices-user-answer,
.h5p-choices-table td.h5p-choices-crp-answer {
  text-align: center;
}


.h5p-choices-user.h5p-choices-answered {
  color: #ffffff;
  background-color: #df465a;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
}

.h5p-choices-user.h5p-choices-answered:before {
  font-family: 'h5p-core-16';
  content: "\e894";
}

.h5p-choices-user.h5p-choices-answered.h5p-choices-user-correct {
  background-color: #8ac062;
  color: #ffffff;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
}

.h5p-choices-user.h5p-choices-answered.h5p-choices-user-correct:before {
  font-family: 'h5p-core-16';
  content: "\e90c";
}

.h5p-choices-crp.h5p-choices-crp-correct {
  color: #8ac062;
  border: dashed 1px #8ac062;
  padding: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
}

.h5p-choices-crp.h5p-choices-crp-correct:before {
  font-family: 'h5p-core-16';
  content: "\e90c";
}

.h5p-choices-table td.h5p-choices-icon-cell {
  text-align: center;
}

File

ActivityTypes/opigno_h5p/css/choice.css
View source 
  1. @font-face {

  2.   font-family: 'h5p-core-16';

  3.   src: url('../fonts/h5p-core-16.eot?tlv5f5');

  4.   src: url('../fonts/h5p-core-16.eot?tlv5f5#iefix') format('embedded-opentype'),

  5.   url('../fonts/h5p-core-16.ttf?tlv5f5') format('truetype'),

  6.   url('../fonts/h5p-core-16.woff?tlv5f5') format('woff'),

  7.   url('../fonts/h5p-core-16.svg?tlv5f5#h5p-core-16') format('svg');

  8.   font-weight: normal;

  9.   font-style: normal;

  10. }

  11. 

  12. .h5p-choices-table {

  13.   width: 100%;

  14. }

  15. 

  16. .h5p-choices-table td {

  17.   text-align: left;

  18.   border-bottom: 1px solid #ddd;

  19.   padding: 5px;

  20.   line-height: 2em;

  21. }

  22. 

  23. .h5p-choices-table-heading {

  24.   background-color: #233448;

  25.   color: #ffffff;

  26. }

  27. 

  28. .h5p-choices-table td.h5p-choices-choice {

  29.   width: 75%;

  30. }

  31. 

  32. .h5p-choices-table td.h5p-choices-choice,

  33. .h5p-choices-table td.h5p-choices-alternative {

  34.   padding-left: 1em;

  35. }

  36. 

  37. .h5p-choices-user-answer {

  38.   width: 15%;

  39. }

  40. 

  41. .h5p-choices-crp-answer {

  42.   width: 10%;

  43. }

  44. 

  45. .h5p-choices-table td.h5p-choices-user-answer,

  46. .h5p-choices-table td.h5p-choices-crp-answer {

  47.   text-align: center;

  48. }

  49. 

  50. 

  51. .h5p-choices-user.h5p-choices-answered {

  52.   color: #ffffff;

  53.   background-color: #df465a;

  54.   padding: 5px;

  55.   margin-left: 5px;

  56.   margin-right: 5px;

  57.   border-radius: 5px;

  58. }

  59. 

  60. .h5p-choices-user.h5p-choices-answered:before {

  61.   font-family: 'h5p-core-16';

  62.   content: "\e894";

  63. }

  64. 

  65. .h5p-choices-user.h5p-choices-answered.h5p-choices-user-correct {

  66.   background-color: #8ac062;

  67.   color: #ffffff;

  68.   padding: 5px;

  69.   margin-left: 5px;

  70.   margin-right: 5px;

  71.   border-radius: 5px;

  72. }

  73. 

  74. .h5p-choices-user.h5p-choices-answered.h5p-choices-user-correct:before {

  75.   font-family: 'h5p-core-16';

  76.   content: "\e90c";

  77. }

  78. 

  79. .h5p-choices-crp.h5p-choices-crp-correct {

  80.   color: #8ac062;

  81.   border: dashed 1px #8ac062;

  82.   padding: 5px;

  83.   margin-left: 5px;

  84.   margin-right: 5px;

  85.   border-radius: 5px;

  86. }

  87. 

  88. .h5p-choices-crp.h5p-choices-crp-correct:before {

  89.   font-family: 'h5p-core-16';

  90.   content: "\e90c";

  91. }

  92. 

  93. .h5p-choices-table td.h5p-choices-icon-cell {

  94.   text-align: center;

  95. }