You are here

Home » API reference » Quiz 7.4

long-choice.css in Quiz 7.4 

@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-long-choice-container {
  line-height: 2.25;
}

.h5p-long-choice-task-description {
  border-bottom: 1px solid #e5e5e5;
}

.h5p-long-choice-word {
  margin-left: 0.25em;
}

.h5p-long-choice-word.h5p-long-choice-answered,
.h5p-long-choice-word.h5p-long-choice-correct {
  padding: 3px 10px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
}

.h5p-long-choice-word.h5p-long-choice-answered.h5p-long-choice-correct {
  color: #ffffff;
  background: #8AC062;
  border: dashed 1px #8AC062;
}

.h5p-long-choice-word.h5p-long-choice-answered.h5p-long-choice-correct:before {
  font-family: 'h5p-core-16';
  content: "\e90c";
}

.h5p-long-choice-word.h5p-long-choice-answered {
  color: #ffffff;
  background-color: #DF465A;
  border: dashed 1px #DF465A;
}

.h5p-long-choice-word.h5p-long-choice-answered:before {
  font-family: 'h5p-core-16';
  content: "\e894";
}

.h5p-long-choice-word.h5p-long-choice-correct {
  color: #79B74B;
  background-color: #fff;
  border: dashed 1px #79B74B;
}

.h5p-long-choice-footer {
  font-size: 14px;
  text-align: right;
  margin-top: 30px;
  color: #5C5C5C;
  margin-left: auto;
  margin-right: auto;
}

.h5p-long-choice-correct,
.h5p-long-choice-answered.h5p-long-choice-correct,
.h5p-long-choice-answered {
  white-space: nowrap;
  display: inline-block;
  line-height: 1.5;
}

File

question_types/quiz_h5p/report/styles/long-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-long-choice-container {

  13.   line-height: 2.25;

  14. }

  15. 

  16. .h5p-long-choice-task-description {

  17.   border-bottom: 1px solid #e5e5e5;

  18. }

  19. 

  20. .h5p-long-choice-word {

  21.   margin-left: 0.25em;

  22. }

  23. 

  24. .h5p-long-choice-word.h5p-long-choice-answered,

  25. .h5p-long-choice-word.h5p-long-choice-correct {

  26.   padding: 3px 10px;

  27.   margin-left: 5px;

  28.   margin-right: 5px;

  29.   border-radius: 5px;

  30. }

  31. 

  32. .h5p-long-choice-word.h5p-long-choice-answered.h5p-long-choice-correct {

  33.   color: #ffffff;

  34.   background: #8AC062;

  35.   border: dashed 1px #8AC062;

  36. }

  37. 

  38. .h5p-long-choice-word.h5p-long-choice-answered.h5p-long-choice-correct:before {

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

  40.   content: "\e90c";

  41. }

  42. 

  43. .h5p-long-choice-word.h5p-long-choice-answered {

  44.   color: #ffffff;

  45.   background-color: #DF465A;

  46.   border: dashed 1px #DF465A;

  47. }

  48. 

  49. .h5p-long-choice-word.h5p-long-choice-answered:before {

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

  51.   content: "\e894";

  52. }

  53. 

  54. .h5p-long-choice-word.h5p-long-choice-correct {

  55.   color: #79B74B;

  56.   background-color: #fff;

  57.   border: dashed 1px #79B74B;

  58. }

  59. 

  60. .h5p-long-choice-footer {

  61.   font-size: 14px;

  62.   text-align: right;

  63.   margin-top: 30px;

  64.   color: #5C5C5C;

  65.   margin-left: auto;

  66.   margin-right: auto;

  67. }

  68. 

  69. .h5p-long-choice-correct,

  70. .h5p-long-choice-answered.h5p-long-choice-correct,

  71. .h5p-long-choice-answered {

  72.   white-space: nowrap;

  73.   display: inline-block;

  74.   line-height: 1.5;

  75. }