@kbss-cvut/s-forms
Version:
Semantic forms generator and processor
1 lines • 15.2 kB
Source Map (JSON)
{"version":3,"sources":["s-forms.css","media.css"],"names":[],"mappings":"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","file":"s-forms.css","sourcesContent":[".checkbox label {\n font-weight: bold;\n}\n\n.panel-title .checkbox label {\n font-weight: normal;\n}\n\n.answerable-question {\n color: black;\n background-color: #e6f9fb;\n border: 1px solid #dfdfdf;\n border-bottom: 1px solid transparent;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n padding: 0.75rem 1.25rem;\n}\n\n.select-answer-wrapper {\n position: relative;\n}\n\n.select-feedback-badge {\n display: none;\n position: absolute;\n bottom: 0.6rem;\n right: 1rem;\n font-size: 1rem;\n font-weight: bold;\n pointer-events: none;\n align-items: center;\n justify-content: center;\n line-height: 1;\n}\n\n.select-feedback-badge.visible {\n display: flex;\n}\n\n.select-feedback-badge.correct {\n color: #155724;\n}\n\n.select-feedback-badge.incorrect {\n color: #721c24;\n}\n\n.select-correct {\n border-color: #c3e6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;\n}\n\n.select-incorrect {\n border-color: #f5c6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;\n}\n\n.answerable-subquestions {\n padding: 1rem;\n border: 1px solid #dfdfdf;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-bottom: 1.11rem;\n}\n\n.answerable-question .form-group {\n margin-bottom: 0;\n}\n\n.answerable-question .form-group .form-check-input {\n margin-top: 0.37rem;\n}\n\n.answerable-section .form-group .form-check-label {\n margin-left: 0.11rem;\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n}\n\na:hover,\na:focus {\n text-decoration: underline;\n}\n\n.answerable-section .card-header .col-10 {\n width: auto;\n flex-basis: auto;\n padding-right: 0;\n}\n\n.overlay-comment {\n position: absolute;\n z-index: 10;\n}\n\nsvg {\n fill: currentColor;\n}\n\n.question-comment,\n.comment-delete {\n cursor: pointer;\n}\n\n.caret-square-up,\n.caret-square-down,\n.question-circle,\n.question-comment,\n.info-circle,\n.hint-icon {\n height: 1rem;\n margin-bottom: 0.15rem;\n}\n\n.question-circle,\n.question-comment,\n.external-link-icon,\n.close-icon,\n.recycle-bin-icon,\n.hint-icon {\n fill: grey;\n}\n\n.text-white .question-circle,\n.text-white .question-comment,\n.text-white .external-link-icon {\n fill: white;\n}\n\n.caret-square-up,\n.caret-square-down {\n margin-right: 0.2rem;\n margin-left: -0.3125rem;\n}\n\n.hint-icon {\n fill: #8c8c8c;\n stroke: #6e6e6e;\n stroke-width: 0.6;\n transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n}\n\n.hint-icon:hover {\n fill: #f5c84c;\n stroke: #e6a817;\n stroke-width: 0.8;\n transform: scale(1.15);\n filter: drop-shadow(0 0 3px rgba(245, 200, 76, 0.6))\n drop-shadow(0 0 8px rgba(245, 180, 40, 0.35))\n drop-shadow(0 0 16px rgba(245, 160, 20, 0.2));\n animation: bulb-flicker 0.3s ease-out forwards;\n}\n\n.has-unit-label {\n font-weight: bold;\n margin-top: 0.75rem;\n margin-left: 0.75rem;\n}\n\n.tooltip-content {\n white-space: pre-wrap;\n}\n\n.collapse-toggle {\n margin-right: 0.3rem;\n line-height: 0.9;\n}\n\n.form-label {\n font-weight: 500;\n white-space: nowrap;\n}\n\ninput:disabled {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.accordion > .card {\n overflow: visible;\n}\n\n.react-datepicker-wrapper {\n display: block;\n}\n\n.react-datepicker__navigation:focus {\n outline: none;\n}\n\n.wizard-step {\n min-height: 40.625rem;\n}\n\n.wizard-step-content {\n min-height: 37.5rem;\n}\n\n.list-group-item.active {\n font-weight: 500;\n}\n\n.question-category-1 {\n background-color: rgba(8, 255, 0, 0.05);\n}\n\n.question-category-2 {\n background-color: rgba(230, 127, 0, 0.05);\n}\n\n.question-category-3 {\n background-color: rgba(222, 0, 230, 0.05);\n}\n\n.question-category-4 {\n background-color: rgba(0, 84, 230, 0.05);\n}\n\n.question-category-5 {\n background-color: rgba(0, 230, 222, 0.05);\n}\n\n.answer {\n display: flex;\n position: relative;\n align-items: center;\n}\n\n.answer > .answer-content {\n flex-grow: 1;\n max-width: 31.25rem;\n}\n\n.card-header {\n min-height: 3rem;\n}\n\n.card-header:first-child {\n line-height: 24px;\n}\n\n.card-header.bg-info {\n background-color: #e6f9fb !important;\n}\n\n.card-header.section-background {\n background-color: #e6f9fb;\n}\n\n.question-header {\n display: flex;\n align-items: center;\n}\n\n.question-header h6 {\n margin: 0;\n}\n\n.icon-list-items {\n display: flex;\n padding-left: 0;\n margin: 0;\n}\n\n.icon-list-item {\n list-style-type: none;\n}\n\n.card-header .form-group {\n margin-bottom: 0;\n}\n\n.accordion-button::after {\n background-image: initial;\n}\n\n.accordion-button:not(.collapsed)::after {\n background-image: initial;\n}\n\n.emphasise-on-relevant-icon {\n animation: emphasiseOnRelevantIcon 0.5s ease-in;\n}\n\n.emphasise-on-relevant {\n animation: emphasiseOnRelevant 1.2s ease-in;\n}\n\n.card-header.emphasise-on-relevant {\n animation: emphasiseOnRelevantSection 1.2s ease-in;\n}\n\n.comment-tooltip > .tooltip-inner {\n max-width: none;\n width: 30vw;\n border: solid 2px #afafaf;\n background-color: #cbeef6;\n color: #000000;\n padding: 0;\n border-radius: 0;\n}\n\n.close-comment-icon {\n cursor: pointer;\n height: 24px;\n width: 24px;\n margin-left: auto;\n}\n\n#comment-form {\n display: flex;\n width: 100%;\n}\n\n#comment-form textarea {\n resize: none;\n overflow-y: hidden;\n}\n\n.comment-form-control {\n border-radius: 0;\n}\n\n.btn.comment-form-button {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n right: 13px;\n bottom: 1px;\n height: 25px;\n width: 25px;\n padding: 0;\n}\n\n.comment-content {\n text-align: left;\n padding: 0.5rem;\n}\n\n.comment-delete {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.comment-content .comment-author {\n font-weight: bold;\n}\n\n.comment-content .comment-value {\n white-space: pre-line;\n}\n\n.comment-list-items {\n overflow: hidden scroll;\n max-height: 25rem;\n}\n\n.comment-timestamp {\n color: #696969;\n font-style: italic;\n}\n\n.comment-badge {\n position: relative;\n bottom: 13px;\n right: 7px;\n font-size: 0.5625rem;\n}\n\n.show-irrelevant {\n opacity: 50%;\n pointer-events: none;\n}\n\n.show-irrelevant .form-check-input,\n.show-irrelevant .form-check-label {\n pointer-events: none;\n}\n\n.show-irrelevant .card-header,\n.show-irrelevant.wizard-nav {\n pointer-events: auto;\n}\n\n.is-invalid.form-text {\n color: #dc3545;\n border: none;\n box-shadow: none;\n}\n\n.is-warning {\n border: 1px solid #dc9135;\n}\n\n.is-warning:focus {\n box-shadow: 0 0 0 0.2rem rgba(203, 127, 16, 0.25);\n border-color: #dc9135;\n}\n\n.is-warning.form-text {\n color: #dc9135;\n border: none;\n box-shadow: none;\n}\n\n@keyframes emphasiseOnRelevant {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n\n@keyframes emphasiseOnRelevantSection {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: #e6f9fb;\n }\n}\n\n@keyframes emphasiseOnRelevantIcon {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n","/* ============================= */\n/* MEDIA CONTAINER\n/* ============================= */\n.media-container {\n position: relative;\n width: 100%;\n height: 100%;\n max-width: 640px;\n max-height: 480px;\n\n background: linear-gradient(180deg, #3a3a3a 40%, #1c1c1c 70%);\n\n border-radius: 5px;\n overflow: hidden;\n}\n\n.media-container.fullscreen {\n max-width: 100%;\n max-height: 100%;\n width: 100vw;\n height: 100vh;\n border-radius: 0;\n}\n\n/* ============================= */\n/* ANNOTATION OVERLAY\n/* ============================= */\n.annotation-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 5;\n}\n\n@keyframes annotation-pulse {\n 0% {\n opacity: 0;\n transform: scale(0.97);\n }\n 40% {\n opacity: 1;\n transform: scale(1.02);\n }\n 70% {\n opacity: 0.8;\n transform: scale(1);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.annotation-overlay-revealed {\n animation: annotation-pulse 0.7s ease-out forwards;\n}\n\n/* ============================= */\n/* MEDIA ELEMENTS\n/* ============================= */\n.media-container video,\n.media-container img,\n.media-container iframe,\n.video-wrapper video {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n backface-visibility: hidden;\n image-rendering: auto;\n}\n\n/* ============================= */\n/* IMAGE VIEW\n/* ============================= */\n\n.media-image-container {\n position: relative;\n width: 100%;\n height: 100%;\n aspect-ratio: 4 / 3;\n\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.media-image-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.media-image-wrapper img {\n width: 100%;\n height: 100%;\n}\n\n/* ============================= */\n/* FULLSCREEN BUTTON\n/* ============================= */\n.media-fullscreen-button {\n position: absolute;\n right: 12px;\n bottom: 12px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-width: 36px;\n min-height: 36px;\n\n background: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n border-radius: 6px;\n\n cursor: pointer;\n opacity: 0;\n\n transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;\n\n z-index: 10;\n}\n\n.media-image-container:hover .media-fullscreen-button,\n.media-modal-image-wrapper:hover .media-fullscreen-button {\n opacity: 1;\n}\n\n.media-fullscreen-button:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.05);\n}\n\n.media-fullscreen-button:active {\n transform: scale(0.95);\n}\n\n.media-fullscreen-button:focus {\n outline: 2px solid rgba(255, 255, 255, 0.8);\n outline-offset: 2px;\n}\n\n/* ============================= */\n/* VIDEO */\n/* ============================= */\n.video-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n/* ============================= */\n/* IFRAME VIEW */\n/* ============================= */\n.media-iframe-container {\n position: relative;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.media-iframe-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.media-iframe-wrapper iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n}\n"]}