From 57f7254360038c3e97e37b2d6c308d9548912a8d Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Mon, 28 Feb 2022 11:44:29 +0200 Subject: [PATCH] add css files --- .../src/EssayService/essay.css | 18 ++++++++ .../FillTheGapQuestionService/fillTheGap.css | 17 +++++++ .../multipleQuestionStyles.css | 46 +++++++++++++++++++ 3 files changed, 81 insertions(+) create mode 100644 wax-prosemirror-services/src/EssayService/essay.css create mode 100644 wax-prosemirror-services/src/FillTheGapQuestionService/fillTheGap.css create mode 100644 wax-prosemirror-services/src/MultipleChoiceQuestionService/multipleQuestionStyles.css diff --git a/wax-prosemirror-services/src/EssayService/essay.css b/wax-prosemirror-services/src/EssayService/essay.css new file mode 100644 index 000000000..a1649d9e7 --- /dev/null +++ b/wax-prosemirror-services/src/EssayService/essay.css @@ -0,0 +1,18 @@ + /* -- Essay ---------------------------------- */ + .essay { + border: 3px solid #f5f5f7; + margin-bottom: 30px; + margin-top: 30px; + padding: 3px; + } + + essay::before { + background-color: #fff; + bottom: 22px; + color: #535e76; + content: 'Essay'; + height: 10px; + left: -1px; + position: relative; + width: 30px; + } \ No newline at end of file diff --git a/wax-prosemirror-services/src/FillTheGapQuestionService/fillTheGap.css b/wax-prosemirror-services/src/FillTheGapQuestionService/fillTheGap.css new file mode 100644 index 000000000..0644fabcc --- /dev/null +++ b/wax-prosemirror-services/src/FillTheGapQuestionService/fillTheGap.css @@ -0,0 +1,17 @@ + .fill-the-gap { + border: 3px solid #f5f5f7; + margin-bottom: 30px; + margin-top: 30px; + padding: 3px; + } + + .fill-the-gap::before { + background-color: #fff; + bottom: 22px; + color: #535e76; + content: 'Fill The Gap'; + height: 10px; + left: -1px; + position: relative; + width: 30px; + } \ No newline at end of file diff --git a/wax-prosemirror-services/src/MultipleChoiceQuestionService/multipleQuestionStyles.css b/wax-prosemirror-services/src/MultipleChoiceQuestionService/multipleQuestionStyles.css new file mode 100644 index 000000000..d3ddcdf6d --- /dev/null +++ b/wax-prosemirror-services/src/MultipleChoiceQuestionService/multipleQuestionStyles.css @@ -0,0 +1,46 @@ + /* -- Multiple Choice ---------------------------------- */ +.multiple-choice, +.multiple-choice-single-correct, +.true-false, +.true-false-single-correct { + border: 3px solid #f5f5f7; + counter-reset: question-item-multiple; + margin: 38px; + padding: 20px; + padding-top: 0px; +} + +.multiple-choice::before, +.multiple-choice-single-correct::before, +.true-false::before, +.true-false-single-correct::before { + bottom: 25px; + counter-increment: multiple-question; + position: relative; + right: 20px; +} + +.multiple-choice .ProseMirror, +.multiple-choice-single-correct .ProseMirror, +.true-false .ProseMirror, +.true-false-single-correct .ProseMirror { + box-shadow: none!important; + padding: 5px 5px 0 5px!important; +} + + +.multiple-choice::before { + content: 'Answer Group ' counter(multiple-question) ' (multiple choice)'; +} + +.multiple-choice-single-correct::before { + content: 'Answer Group ' counter(multiple-question)' (multiple choice single correct)'; + } + +.true-false::before { + content: 'Answer Group ' counter(multiple-question) ' (true/false)'; +} + +.true-false-single-correct::before { + content: 'Answer Group ' counter(multiple-question)' (true/false single correct)'; +} \ No newline at end of file -- GitLab