- needed to position the dropdown content */
.path-mod-pdfannotator .dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.path-mod-pdfannotator .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 55;
}
/* Links inside the dropdown */
.path-mod-pdfannotator .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.path-mod-pdfannotator .dropdown-content a:hover {
background-color: #ddd;
}
.path-mod-pdfannotator .dropdown [type="button"] {
-webkit-appearance: none;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button)
*/
.path-mod-pdfannotator .show {
display: block;
}
.path-mod-pdfannotator a.morelink {
text-decoration: none !important;
outline: none;
}
.path-mod-pdfannotator .morecontent > span {
display: none;
}
.path-mod-pdfannotator .annotator {
text-decoration: none !important;
}
/******************************************** END: mainly for overview.mustache *******************************************/
.path-mod-pdfannotator :disabled img {
opacity: 0.4;
}
.path-mod-pdfannotator #currentPage {
width: 50px;
text-align: right;
}
.path-mod-pdfannotator .pdfannotatornavbar.nav.nav-tabs.m-b-1 {
border-bottom: 0 !important;
margin-bottom: 0 !important;
}
.path-mod-pdfannotator #loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 99;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Add animation to "page content" */
.path-mod-pdfannotator .animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s;
}
@-webkit-keyframes animatebottom {
from {
bottom: -100px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
@keyframes animatebottom {
from {
bottom: -100px;
opacity: 0;
}
to {
bottom: 0;
opacity: 1;
}
}
.path-mod-pdfannotator .pdfannotator-statistic #chart-container {
min-height: 500px;
}
.toolbaritem .pdfannotator_text {
display: inline-block;
visibility: visible;
}
.path-mod-pdfannotator [contenteditable] {
-webkit-user-select: text;
user-select: text;
}
.path-mod-pdfannotator #id_pdfannotator_content {
display: none !important;
}
.path-mod-pdfannotator .comment-visibility-button[data-active="true"]{
border-bottom: 2px solid #0f6cbf !important;
}
.path-mod-pdfannotator .comment-all[data-active="true"] {
border-bottom: 2px solid rgb(153,153,153) !important;
}
.path-mod-pdfannotator .comment-private[data-active="true"] {
border-bottom: 2px solid #e48312 !important;
}
.path-mod-pdfannotator .question-private-icon {
position: absolute;
top: 12px;
right: 16px;
width: 16px;
height: 16px;
}
.path-mod-pdfannotator .question-public-icon {
position: absolute;
top: 12px;
right: 16px;
width: 16px;
height: 16px;
}
.path-mod-pdfannotator .printannotations-dropdown-container {
position: relative;
display: inline-block;
}
.path-mod-pdfannotator .pdfannotator_print_dropdown {
position: relative;
display: inline-block;
}
.path-mod-pdfannotator .printAnnotationsOptionsContent {
position: absolute;
top: 100%;
left: 0;
background-color: #eaeaea;
border: 1px solid #ccc;
min-width: 120px;
box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
z-index: 1000;
display: flex;
flex-direction: column;
}
.path-mod-pdfannotator .toolbar button.pdfannotator_print {
background: none;
border: none;
text-align: left;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV {
padding: 8px;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button:hover,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV:hover {
background-color: lightgray;
}
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_button img,
.path-mod-pdfannotator .pdfannotator_print#pdfannotator_printannotations_buttonCSV img {
margin-right: 8px;
margin-bottom: 2px;
vertical-align: middle;
width: 20px;
height: auto;
}
.path-mod-pdfannotator .printAnnotationsOptionsContent.hidden {
display: none;
}
/** Question editing **/
#page-mod-questionnaire-questions .qcontainer .fitemtitle,
#page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
display: none;
}
#page-mod-questionnaire-questions .qcontainer .qnums {
font-weight: bold;
float: left;
color: gray;
}
#page-mod-questionnaire-questions .qcontainer .fstatic {
width: 97%;
margin-right: 1em;
margin-left: 5px;
/* Set a negative margin-bottom to save some vertical space! */
margin-bottom: -10px;
}
#page-mod-questionnaire-questions .mform .fitem fieldset.felement {
margin-left: 0;
padding-left: 1%;
margin-bottom: 0;
}
#page-mod-questionnaire-preview fieldset,
#page-mod-questionnaire-complete fieldset {
margin-bottom: 0;
}
#page-mod-questionnaire-questions .mform .fitem .fitemtitle {
text-align: left;
margin-left: 10px;
margin-bottom: 0;
}
#page-mod-questionnaire-questions .moving {
border: medium dotted maroon;
}
div.qoptcontainer div.ftextarea {
clear: both;
float: none;
width: 600px;
margin: 0 auto 10px;
}
div.qoptcontainer div.ftextarea textarea.qopts {
width: 600px;
height: 10em;
margin-left: 1px;
}
.response span.selected,
.generalboxcontent span.selected {
font-weight: bold;
}
td.selected {
background-color: #e4f1fa;
border: 1px solid gray;
}
#page-mod-questionnaire-myreport div.respdate {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 6px;
padding-top: 6px;
border-bottom: 1px dashed gray;
}
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-preview .notifyproblem,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
background-color: #fff;
border-style: solid;
border-width: 2px;
margin-bottom: 10px;
padding: 5px;
}
#page-mod-questionnaire-complete .notifyproblem,
#page-mod-questionnaire-preview .notifyproblem {
border-color: red;
}
#page-mod-questionnaire-fbsections .notifyproblem {
text-align: left;
padding: 0;
}
#page-mod-questionnaire-complete .message,
#page-mod-questionnaire-preview .message,
#page-mod-questionnaire-complete .thankbody,
#page-mod-questionnaire-complete .thankhead {
border-color: blue;
}
.surveyPage {
background-color: #eee;
border-bottom-color: #000;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: right;
padding: 3px;
margin-bottom: 5px;
margin-top: 0;
}
/* alternate columns formatting */
#page-mod-questionnaire-complete .c0,
#page-mod-questionnaire-preview .c0,
#page-mod-questionnaire-print .c0,
#page-mod-questionnaire-report .individual .c0,
#page-mod-questionnaire-myreport .individual .c0 {
background-color: #fafafa;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-complete .raterow:hover,
#page-mod-questionnaire-preview .raterow:hover {
background-color: #e4f1fa;
}
#page-mod-questionnaire-complete td.raterow:hover,
#page-mod-questionnaire-preview td.raterow:hover {
border: 1px solid navy;
}
#page-mod-questionnaire-complete td.notanswered,
#page-mod-questionnaire-preview td.notanswered {
/* border: none; */
background-color: #fafafa;
}
#page-mod-questionnaire-complete td.notcompleted,
#page-mod-questionnaire-preview td.notcompleted {
border: 2px solid red;
background-color: #fafafa;
}
#page-mod-questionnaire-complete .c1,
#page-mod-questionnaire-preview .c1,
#page-mod-questionnaire-print .c1,
#page-mod-questionnaire-report .individual .c1,
#page-mod-questionnaire-myreport .individual .c1 {
background-color: #eee;
border: 1px solid silver;
padding-left: 5px;
padding-right: 5px;
}
#page-mod-questionnaire-myreport .individualresp,
#page-mod-questionnaire-preview .individualresp,
#page-mod-questionnaire-print .individualresp {
border: #c0c0c0 1px solid;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0;
margin-bottom: 10px;
margin-top: 10px;
}
#page-mod-questionnaire-complete .notice .buttons div,
#page-mod-questionnaire-complete .notice .buttons form {
display: inline;
}
#page-mod-questionnaire-complete .notice .buttons input {
margin-bottom: 10px;
}
.floatprinticon {
margin-top: -30px;
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons {
text-align: center;
width: 100%;
position: relative;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev {
float: left;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save {
margin-left: 20%;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save {
margin-left: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next,
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit {
float: right;
}
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input {
margin-right: 0;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice {
padding: 0.5em 0 0.5em 0;
}
/* progress bar styling */
#page-mod-questionnaire-complete .questionnaire-progressbar {
height: 14px;
margin-top: 5px;
border: 1px solid #dedede;
border-radius: 5px;
width: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-progress {
background-color: #1177d1;
height: 100%;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-info {
float: right;
}
#page-mod-questionnaire-complete #questionnaire-progressbar-percent {
margin-left: 5px;
margin-right: 5px;
min-width: 25px;
text-align: center;
}
#page-mod-questionnaire-complete .questionnaire-progressbar-wrapper {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
height: auto;
overflow: hidden;
}
#page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink {
padding-top: 10px;
}
.qn-legend {
float: left;
font-size: inherit;
width: auto;
}
/* format paragraph top and bottom margins for better vertical positioning in questions text */
.qn-question p {
margin-bottom: 0.6em;
margin-top: 0.5em;
}
.qn-question {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0.1em;
padding-top: 0.1em;
/* make background same color as quiz question text */
background-color: #e4f1fa;
}
#page-mod-questionnaire-questions .qn-question {
margin-left: 40px;
}
.unselected {
color: gray;
}
/*respondents list feature*/
.respondentscolumn {
float: left;
margin-left: 20px;
}
.respondentsnavbar {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 5px;
background-color: #f2f2f2;
}
/* new quiz-like formatting for 2.5 */
#page-mod-questionnaire-questions .qn-container {
border: 1px dotted gray;
margin-bottom: 1em;
}
.dir-rtl .qn-container {
text-align: right;
}
.qn-info {
float: left;
width: auto;
padding: 7px;
background: #eee;
font-weight: bold;
}
.qn-info h2.qn-number {
margin: 0;
font-size: 1.5em;
line-height: 1.2em;
}
.qn-question,
.qn-answer {
margin: 0 0 0.5em;
overflow: auto;
}
.qn-answer input[type=radio] {
margin-left: 0.5em;
}
.qn-answer > label + input[type=radio] {
margin-left: 0;
}
.qn-answer > textarea,
.qn-content .editor_atto_wrap .editor_atto_content {
resize: vertical;
}
.qn-answer textarea,
.qn-answer input[type="text"] {
box-sizing: border-box;
height: auto;
}
#notice .qn-question {
margin: 0;
}
.req {
font-size: x-small;
}
.qdepend {
color: red;
padding-left: 5px;
margin-bottom: 5px;
}
.qdepend-or {
color: orange;
padding-left: 5px;
margin-bottom: 5px;
}
.qn-content {
margin-bottom: 10px;
margin-left: 55px;
}
/* move horizontal radio buttons closer to their labels */
.qn-answer input[type="radio"],
.qn-answer input[type="checkbox"] {
margin-right: 3px;
}
#page-mod-questionnaire-show_nonrespondents input[type="radio"] {
margin-right: 1px;
}
.qn-answer label,
#page-mod-questionnaire-show_nonrespondents label {
margin-right: 0.6em;
}
.hidedependquestion {
color: red;
display: none;
}
#page-mod-questionnaire-fbsections .c0,
#page-mod-questionnaire-fbsections .c1 {
border: 1px solid silver;
padding-left: 4px;
padding-right: 4px;
}
#page-mod-questionnaire-fbsections .c0 {
background-color: #fafafa;
}
#page-mod-questionnaire-fbsections .c1 {
background-color: #eee;
}
#page-mod-questionnaire-fbsections input[type="radio"] {
margin-right: 0;
}
#page-mod-questionnaire-fbsections .qn-legend {
padding-left: 8px;
}
#page-mod-questionnaire-fbsections .qcontainer.qcontent {
margin-bottom: -5em;
}
#page-mod-questionnaire-report div.chart {
overflow: auto;
margin-left: -40px;
}
#page-mod-questionnaire-report .generaltable.questionnairereport td {
border: 1px solid silver;
}
.qn-container .smalltext {
font-size: 0.75em;
}
#page-mod-questionnaire-questions #region-main .mform .fitem .felement {
margin-bottom: 0;
}
.qn-indent {
margin-left: 20px;
}
.mod_questionnaire_flex-container {
display: inline-flex;
}
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse,
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses {
flex-grow: 1;
margin-right: 10px;
}
#page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices,
#page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees {
resize: both;
}
.path-mod-questionnaire .slidecontainer {
width: 100%;
}
.path-mod-questionnaire .slider {
-webkit-appearance: none;
width: 100%;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
float: left;
margin-top: 40px;
}
.path-mod-questionnaire .slider input {
width: 100%;
}
.path-mod-questionnaire .slider:hover {
opacity: 1;
}
.path-mod-questionnaire .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 25px;
background: #04aa6d;
cursor: pointer;
border-radius: 50%;
}
.path-mod-questionnaire .slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #04aa6d;
cursor: pointer;
}
.path-mod-questionnaire .question-slider {
display: flex;
align-items: baseline;
}
.path-mod-questionnaire .left-side-label {
text-align: right;
padding-right: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .right-side-label {
text-align: left;
padding-left: 20px;
margin-top: 40px;
flex-grow: 1;
}
.path-mod-questionnaire .middle-side-content {
flex-grow: 8;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.path-mod-questionnaire .middle-side-label {
text-align: center;
}
.path-mod-questionnaire .bubble {
background: #000;
color: white;
padding: 3px;
border-radius: 10px;
left: 50%;
transform: translate(-52%, -50px);
position: relative;
text-align: center;
width: 40px;
}
.path-mod-questionnaire .bubble::after {
content: "";
position: absolute;
width: 2px;
height: 2px;
left: 50%;
}
/** Bits that can appear on any page. */
.path-mod-quiz .statedetails {
display: block;
font-size: 0.7em;
}
/** Attempt and review pages **/
#page-mod-quiz-attempt #page .controls,
#page-mod-quiz-summary #page .controls,
#page-mod-quiz-review #page .controls {
text-align: center;
margin: 8px auto;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: flex;
}
#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
margin-left: auto;
}
.path-mod-quiz .mod_quiz-redo_question_button {
margin: 0;
}
.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
padding: 2px 0.8em;
font-size: 1em;
}
#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
background: #eee;
border: 1px solid #dcdcdc;
}
#page-mod-quiz-attempt #connection-ok,
#page-mod-quiz-attempt #connection-error {
position: fixed;
top: 0;
width: 80%;
left: 10%;
color: #555;
border-radius: 0 0 10px 10px;
box-shadow: 5px 5px 20px 0 #666;
padding: 1em 1em 0;
z-index: 10000;
}
#page-mod-quiz-attempt #connection-error {
background-color: #fcc;
}
#page-mod-quiz-attempt #connection-ok {
background-color: #cfb;
width: 60%;
left: 20%;
}
/** Mod quiz attempt **/
.generalbox#passwordbox {
/* Should probably match .generalbox#intro above */
width: 70%;
margin-left: auto;
margin-right: auto;
}
#passwordform {
margin: 1em 0;
}
/* Question navigation block. */
#quiznojswarning {
color: red;
}
#quiznojswarning {
font-size: 0.7em;
line-height: 1.1;
}
.jsenabled #quiznojswarning {
display: none;
}
.path-mod-quiz #user-picture {
margin: 0.5em 0;
}
.path-mod-quiz #user-picture img {
width: auto;
height: auto;
vertical-align: bottom;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
padding: 0.7em 0 0;
margin: 0;
clear: both;
}
.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
padding-top: 0;
}
.path-mod-quiz .qnbutton {
display: block;
position: relative;
float: left;
width: 1.5em;
height: 1.5em;
overflow: hidden;
margin: 0.3em 0.3em 0.3em 0;
padding: 0;
border: 1px solid #bbb;
background: #ddd;
text-align: center;
line-height: 1.5em;
font-weight: bold;
text-decoration: none;
}
.path-mod-quiz .qnbutton:visited:hover,
.path-mod-quiz .qnbutton:link:hover {
text-decoration: underline;
}
.path-mod-quiz .qnbutton .trafficlight,
.path-mod-quiz .qnbutton .thispageholder {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.path-mod-quiz .qnbutton.thispage {
border-color: #666;
}
.path-mod-quiz .qnbutton.thispage .thispageholder {
border: 1px solid #666;
}
.path-mod-quiz .qnbutton.flagged .trafficlight {
background: url(/theme/image.php/academi/quiz/1790824836/navflagged) no-repeat top right;
}
.qnbutton.flagged .thispageholder {
background: transparent url(/theme/image.php/academi/quiz/1790824836/flag-on) 15px 0 no-repeat;
}
.qnbutton.invalidanswer .trafficlight {
background-image: url(/theme/image.php/academi/quiz/1790824836/warningtriangle) !important; /* stylelint-disable-line declaration-no-important */
}
.path-mod-quiz .qnbutton.blocked,
.path-mod-quiz .qnbutton.notyetanswered,
.path-mod-quiz .qnbutton.requiresgrading,
.path-mod-quiz .qnbutton.invalidanswer {
background-color: white;
}
.path-mod-quiz .qnbutton.correct {
background-color: #cfc;
}
.path-mod-quiz .qnbutton.correct .trafficlight {
border-bottom: 3px solid #080;
}
.path-mod-quiz .qnbutton.partiallycorrect {
background-color: #ffa;
}
.path-mod-quiz .qnbutton.notanswered,
.path-mod-quiz .qnbutton.incorrect {
background-color: #fcc;
}
.path-mod-quiz .qnbutton.blocked {
color: #999;
}
.path-mod-quiz .qnbutton.notanswered .trafficlight,
.path-mod-quiz .qnbutton.incorrect .trafficlight {
border-top: 3px solid #800;
}
.path-mod-quiz .othernav {
clear: both;
margin: 0.5em 0;
}
.path-mod-quiz .autosave_info {
font-size: small;
}
.path-mod-quiz .othernav a,
.path-mod-quiz .othernav input {
display: block;
margin: 0.5em 0;
}
#mod_quiz_navblock.nav-disabled > * {
opacity: .65;
pointer-events: none;
cursor: not-allowed;
}
/** mod quiz mod **/
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
width: 23%;
margin-left: 10px;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
width: 100%;
text-align: left;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
float: left;
width: 23%;
clear: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
width: 100%;
font-weight: bold;
text-align: left;
height: 2.5em;
margin-left: 0;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
clear: left;
margin: 0 0 1em;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
float: left;
clear: left;
line-height: 1.7;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
margin-left: 0.4em;
}
/** Mod quiz view **/
#page-mod-quiz-view .quizinfo,
#page-mod-quiz-view #page .quizgradefeedback {
text-align: center;
}
#page-mod-quiz-view .generalbox#feedback .overriddennotice {
text-align: center;
font-size: 0.7em;
}
.quizstartbuttondiv.quizsecuremoderequired input,
.quizstartbuttondiv.quizsecuremoderequired button {
display: none;
}
.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
display: inline;
}
.quizattempt #mod_quiz_preflight_form {
display: none;
}
#mod_quiz_preflight_form .femptylabel .fitemtitle {
display: none;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
width: 600px;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
padding: 1rem;
}
/* Standard Moodle rule that needs to be more specific here. */
.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
display: inherit;
visibility: inherit;
}
body.path-mod-quiz .gradedattempt,
body.path-mod-quiz table tbody tr.gradedattempt > td,
body.path-mod-quiz table tbody tr.gradedattempt > td.sticky-column {
border-color: #bce8f1;
background-color: #d9edf7;
}
/** Mod quiz summary **/
#page-mod-quiz-summary #content {
text-align: center;
}
#page-mod-quiz-summary #quiz-timer {
text-align: center;
margin-top: 1em;
}
#page-mod-quiz-summary .submitbtns {
margin-top: 1.5em;
}
@media print {
.quiz-secure-window * {
display: none;
}
}
/** Mod quiz review **/
table.quizreviewsummary {
width: 100%;
}
table.quizreviewsummary th.cell {
padding: 1px 0.5em 1px 1em;
font-weight: bold;
text-align: right;
width: 10em;
background: #f0f0f0;
}
table.quizreviewsummary td.cell {
padding: 1px 1em 1px 0.5em;
text-align: left;
background: #fafafa;
}
/** Mod quiz make comment or override grade popup. **/
#page-mod-quiz-comment .mform {
width: 100%;
}
#page-mod-quiz-comment .mform fieldset {
margin: 0;
border-bottom: none;
}
#page-mod-quiz-comment .que {
margin: 0;
}
/** Mod quiz report **/
#page-mod-quiz-report h2.main {
clear: both;
}
#page-mod-quiz-report .controls {
text-align: center;
}
#page-mod-quiz-report .dubious {
background-color: #fcc;
}
#page-mod-quiz-report .highlight {
border: 1px solid #bce8f1;
background-color: #d9edf7;
}
#page-mod-quiz-report .negcovar {
border: medium solid pink;
}
#page-mod-quiz-report .gradetheselink {
font-size: 0.8em;
}
#page-mod-quiz-report .mform fieldset.fgroup span label {
margin-right: 14px;
}
#page-mod-quiz-report table th {
white-space: normal;
}
#page-mod-quiz-report table#attempts td,
#page-mod-quiz-report table.quizresponseanalysis td {
word-wrap: break-word;
max-width: 20em;
}
#page-mod-quiz-report table.titlesleft td.c0 {
font-weight: bold;
}
#page-mod-quiz-report table .numcol {
text-align: center;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts {
clear: both;
margin: 0.2em auto;
}
#page-mod-quiz-report table#attempts .header,
#page-mod-quiz-report table#attempts .cell {
padding: 4px;
}
#page-mod-quiz-report table#attempts .header .commands {
display: inline;
}
#page-mod-quiz-report table#attempts .picture {
width: 40px;
}
#page-mod-quiz-report table#attempts td {
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
vertical-align: middle;
}
#page-mod-quiz-report table#attempts .header {
text-align: left;
}
#page-mod-quiz-report table#attempts .picture {
text-align: center;
}
#page-mod-quiz-report table#attempts.grades span.que,
#page-mod-quiz-report table#attempts span.avgcell {
white-space: nowrap;
}
#page-mod-quiz-report table#attempts span.que .requiresgrading {
white-space: normal;
}
#page-mod-quiz-report table#attempts .questionflag {
vertical-align: text-bottom;
padding-left: 6px;
}
#page-mod-quiz-report .graph.flexible-wrap {
text-align: center;
overflow: auto;
}
#page-mod-quiz-report #cachingnotice {
margin-bottom: 1em;
padding: 0.2em;
}
#page-mod-quiz-report #cachingnotice .singlebutton {
margin: 0.5em 0 0;
}
#page-mod-quiz-report .bold .reviewlink {
font-weight: normal;
}
#page-mod-quiz-report tr.lastrowforattempt {
border-bottom: lightgrey solid 0.2em;
}
#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
padding-top: 1px;
padding-bottom: 1px;
border-top: none;
}
/** Mod quiz edit **/
#page-mod-quiz-edit .statusdisplay {
background-color: #ffc;
clear: both;
margin: 0.3em 0;
padding: 1px 10px;
}
#page-mod-quiz-edit .statusdisplay p {
margin: 4px 0;
}
#page-mod-quiz-edit .mod_quiz-edit-top-controls {
position: relative;
}
#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
display: block;
min-height: 2.85em;
}
#page-mod-quiz-edit .maxgrade label {
display: inline;
}
#page-mod-quiz-edit .maxgrade input[type="submit"] {
margin: 0;
}
#page-mod-quiz-edit li.activity > div,
#page-mod-quiz-edit li.pagenumber {
position: relative;
}
#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
display: none;
}
#page-mod-quiz-edit .last-add-menu {
position: relative;
height: 1.5em;
margin: 0 20px;
}
#page-mod-quiz-edit .add-menu-outer {
position: absolute;
right: 0;
}
#page-mod-quiz-edit .slotnumber {
text-align: center;
margin: 0.1em 0.5em;
display: inline-block;
}
#page-mod-quiz-edit li.section .slotnumber.shuffled {
display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.unshuffled {
display: none;
}
#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled {
display: inline-block;
}
#page-mod-quiz-edit .slotnumber .inplaceeditable {
white-space: nowrap;
}
#page-mod-quiz-edit .section-heading {
margin-left: 20px;
margin-bottom: 0;
height: 40px;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer {
display: inline;
}
#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
display: inline;
color: #555;
}
#page-mod-quiz-edit .section-heading .editing_section,
#page-mod-quiz-edit .section-heading .editing_delete {
margin-left: 10px;
}
#page-mod-quiz-edit .section-heading .sectioninstance {
position: relative;
}
#page-mod-quiz-edit .section-heading .instancesection {
white-space: nowrap;
max-width: 72%;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom;
}
#page-mod-quiz-edit .section-heading form {
display: inline;
position: relative;
top: 3px;
left: -7px;
}
#page-mod-quiz-edit .section-heading form input {
font-size: 24px;
font-weight: bold;
width: 50%;
}
#page-mod-quiz-edit .section-heading .instanceshufflequestions {
float: right;
margin: 0.3em 20px 0 0;
}
.instanceshufflequestions [type="checkbox"] {
vertical-align: middle;
margin-right: .5rem;
}
#page-mod-quiz-edit ul.section {
margin: 0;
padding: 0 20px;
}
#page-mod-quiz-edit ul.slots {
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section {
border: 0;
}
#page-mod-quiz-edit ul.slots li.section .content {
background-color: #fafafa;
padding: 1px 0;
}
#page-mod-quiz-edit ul.slots li.section {
list-style: none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit ul.slots li.section li.activity {
background: #e6e6e6;
margin: 3px 0;
padding: 0.2em;
position: relative;
}
#page-mod-quiz-edit ul.slots li.section li.activity.qtype_missingtype {
background-color: #f0c5c1;
}
#page-mod-quiz-edit ul.slots li.section li.activity.qtype_missingtype .actions {
background-color: inherit;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
display: inline;
font-weight: normal;
font-size: 1em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
background: white;
padding: 0.5em 0 0.5em 0.1em;
margin: 2px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
width: 13px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
background: transparent;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
display: inline;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
display: inline-block;
text-align: right;
}
#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
position: absolute;
left: -20px;
bottom: -11px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
min-width: 1.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
min-width: 2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
min-width: 2.6em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
min-width: 3.2em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
min-width: 3.7em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
min-width: 4.3em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
min-width: 4.8em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
min-width: 5.45em;
}
#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
margin: 0 2px;
}
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
visibility: hidden;
}
#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
visibility: visible;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
position: absolute;
top: -1em;
right: -20px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
display: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
display: flex;
flex-wrap: wrap;
flex: 1 1 auto;
min-height: 1.7em;
padding-right: 2px;
}
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
display: flex;
padding-left: 22px;
}
#page-mod-quiz-edit ul.slots .activityinstance form {
display: inline;
}
#page-mod-quiz-edit span.editinstructions {
right: 0;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
margin: 0 0.2em;
}
#page-mod-quiz-edit .question-bank-table .questionname,
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
font-weight: bold;
color: #555;
overflow: hidden;
text-overflow: ellipsis;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
color: #555;
}
#page-mod-quiz-edit .sharedbank .badge {
white-space: initial;
}
#page-mod-quiz-edit .section .activity .editing_move {
position: absolute;
left: 0;
top: 0;
}
#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
font-size: 0.8em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 0.25rem;
}
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
float: inherit;
margin: .2em 0 0;
padding: 0;
}
#page-mod-quiz-edit .section .activity .actions {
position: inherit;
white-space: nowrap;
background: #e6e6e6;
padding: 0.1em 0;
display: flex;
align-items: baseline;
}
#page-mod-quiz-edit .mod_quiz_edit_forms {
display: none;
}
#page-mod-quiz-edit .question-bank-table {
width: 100%;
}
#page-mod-quiz-edit .question-bank-table .header {
text-align: center;
padding: 0 2px;
border: 0 none;
vertical-align: top;
width: auto;
}
#page-mod-quiz-edit .question-bank-table .header.checkbox {
vertical-align: bottom;
text-align: center;
}
#page-mod-quiz-edit .question-bank-table .header.qtype .sorters {
white-space: nowrap;
}
#page-mod-quiz-edit .question-bank-table th .sorters {
font-weight: normal;
font-size: 0.8em;
}
#page-mod-quiz-edit .question-bank-table td.modifiername,
#page-mod-quiz-edit .question-bank-table td.creatorname,
#page-mod-quiz-edit .question-bank-table td.questionlastused {
line-height: 1em;
}
#page-mod-quiz-edit .question-bank-table td.modifiername span.date,
#page-mod-quiz-edit .question-bank-table td.creatorname span.date {
font-weight: normal;
font-size: 0.8em;
}
#page-mod-quiz-edit table.question-bank-table {
table-layout: fixed;
overflow-x: visible;
border-collapse: separate;
border-spacing: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol {
width: 16px;
text-align: center;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .iconcol .icon {
width: 16px;
}
#page-mod-quiz-edit .question-bank-table .checkbox {
width: 32px;
text-align: center;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .editmenu {
width: 5em;
}
#page-mod-quiz-edit .question-bank-table .qtype {
text-align: center;
}
#page-mod-quiz-edit .question-bank-table .qtype {
width: 28px;
padding: 0;
}
#page-mod-quiz-edit .question-bank-table .questionnametext {
padding: 0 0.2em;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-edit .question-bank-table .questiontext {
position: relative;
zoom: 1;
padding: 0.3em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#page-mod-quiz-edit .question-bank-table .questionname {
white-space: nowrap;
overflow: hidden;
zoom: 1;
position: relative;
}
#page-mod-quiz-edit .question-bank-table .questiontext p {
margin: 0;
}
#page-mod-quiz-edit table.question-bank-table td,
#page-mod-quiz-edit table.question-bank-table th {
overflow: hidden;
white-space: nowrap;
width: 1.2em !important; /* stylelint-disable-line declaration-no-important */
}
#page-mod-quiz-edit table.question-bank-table td.questionnametext > div {
overflow: hidden;
text-overflow: ellipsis;
}
.mod_quiz_qbank_dialogue {
width: 80%;
min-height: 200px;
}
.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
width: 100%;
}
.mod_quiz_qbank_dialogue .questionbankloading {
position: absolute;
top: 30px;
bottom: 0;
left: 0;
right: 0;
background: #fff;
text-align: center;
opacity: 0.5;
padding-top: 50px;
}
.mod_quiz_qbank_dialogue #advancedsearch label {
font-size: 100%;
}
.quizquestionlistcontrols {
text-align: center;
}
.categoryinfo {
padding: 0.3em;
}
.path-mod-quiz .gradingdetails {
font-size: small;
}
#page-mod-quiz-edit div#repaginatedialog .mform {
margin-left: auto;
margin-right: auto;
}
#page-mod-quiz-edit div.container div.generalbox {
position: relative;
display: block;
border: 0 none;
margin: 0;
padding: 0;
}
#page-mod-quiz-edit .paging {
margin-top: 0;
margin-bottom: 0;
padding: 0.1em 0.3em;
display: block;
background-color: #ddd;
}
#page-mod-quiz-edit #page-footer {
clear: both;
padding-top: 1em;
}
#page-mod-quiz-edit .categoryinfofield {
font-style: italic;
}
#page-mod-quiz-edit .categorynamefield {
font-weight: bold;
}
#page-mod-quiz-edit .questionsortoptions {
background-color: #ddd;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
padding-top: 0.5em;
margin-top: 0.3em;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
.questionbank .categorysortopotionscontainer,
.questionbank .categorypagingbarcontainer,
.questionbank .categoryselectallcontainer {
background-color: #fff;
}
/* Bulk edit actions */
#page-mod-quiz-edit .btn-group.selectmultiplecommand,
#page-mod-quiz-edit .selectmultiplecommandbuttons,
#page-mod-quiz-edit .select-multiple-checkbox {
display: none;
}
#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
display: inline-block;
}
#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
display: inline;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
display: none;
}
#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
display: none;
}
#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
padding-left: 3px;
}
#page-mod-quiz-edit .section .summary .iconsmall,
#page-mod-quiz-edit .section .activity .iconsmall {
float: left;
}
/* Base theme needs extra support. */
#page-mod-quiz-edit ul.slots li.section ul.section {
list-style: none;
}
#page-mod-quiz-edit .inplaceeditable {
box-sizing: border-box;
background: #fdfdfe;
display: inline-block;
margin: 2px;
padding: 0.5em 0 0.5em 0.1em;
}
#page-mod-quiz-edit .inplaceeditable.inplaceeditingon input {
width: 64px;
vertical-align: middle;
}
#page-mod-quiz-edit .inplaceeditable-text {
color: #000;
text-align: right;
}
#page-mod-quiz-editgrading .inplaceeditable .quickeditlink {
color: var(--bs-primary);
}
#page-mod-quiz-edit .inplaceeditable .quickeditlink {
color: var(--bs-primary);
text-decoration: none;
background-color: transparent;
padding-left: 1px;
margin: 0;
}
#page-mod-quiz-edit .quickeditlink .aalink {
color: var(--bs-primary);
text-align: right;
width: 10px;
margin: 2px;
}
#page-mod-quiz-edit .quickedition {
color: var(--bs-primary);
text-align: right;
width: 10px;
margin: 2px;
}
#page-mod-quiz-edit .quickedition .visibleifjs {
text-align: right;
}
#page-mod-quiz-edit .quickeditlink {
text-align: right;
}
@media (max-width: 576px) {
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent {
display: none;
}
#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer,
#page-mod-quiz-edit li.section .slotnumber.unshuffled,
#page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled,
#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance,
#page-mod-quiz-edit ul.slots li.section li.activity .actions {
display: block;
}
}
/** Print formatting for attempt and review pages **/
@media print {
#page-mod-quiz-attempt header.navbar,
#page-mod-quiz-review header.navbar {
display: none;
}
#page-mod-quiz-attempt #dock,
#page-mod-quiz-review #dock {
display: none;
}
#page-mod-quiz-attempt #page #page-header h1,
#page-mod-quiz-review #page #page-header h1 {
display: none;
}
#page-mod-quiz-attempt #region-main,
#page-mod-quiz-review #region-main {
width: 100%;
}
#page-mod-quiz-attempt #block-region-side-pre,
#page-mod-quiz-attempt #block-region-side-post,
#page-mod-quiz-review #block-region-side-pre,
#page-mod-quiz-review #block-region-side-post {
display: none;
}
#page-mod-quiz-attempt #page-footer,
#page-mod-quiz-review #page-footer {
display: none;
}
#page-mod-quiz-attempt .editquestion,
#page-mod-quiz-review .editquestion,
#page-mod-quiz-attempt .questionflag,
#page-mod-quiz-review .questionflag {
display: none;
}
#page-mod-quiz-attempt .submitbtns,
#page-mod-quiz-review .submitbtns {
display: none;
}
#page-mod-quiz-review .que .commentlink {
display: none;
}
#page-mod-quiz-attempt .que,
#page-mod-quiz-review .que {
page-break-inside: avoid;
}
}
.path-mod-resource .resourcecontent {
text-align: center;
}
.path-mod-resource .resourcedetails {
font-size: 0.8em;
color: #555;
}
.resourcelinkdetails {
font-size: 0.8em;
color: #555;
}
.path-mod-scorm .top {
vertical-align: top;
}
.path-mod-scorm .scorm-left {
text-align: left;
}
.path-mod-scorm .scorm-right {
text-align: right;
}
.path-mod-scorm .scoframe {
position: relative;
width: 100%;
height: 100%;
}
.ios #scormpage #scorm_content {
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
#page-mod-scorm-player #scormtop {
position: relative;
width: 100%;
height: 30px;
}
#page-mod-scorm-player #scormbrowse {
position: absolute;
left: 5px;
top: 0;
}
#page-mod-scorm-player #scormnav {
position: absolute;
right: 5px;
text-align: center;
top: 3px;
width: 100%;
}
#page-mod-scorm-player #scormbox {
width: 74%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#page-mod-scorm-player #scormpage {
position: relative;
width: 100%;
height: 100%;
}
#page-mod-scorm-player #scormpage #toctree {
position: relative;
width: 100%;
}
#page-mod-scorm-player #tocbox {
position: relative;
left: 0;
width: 100%;
height: 100%;
font-size: 0.8em;
}
#page-mod-scorm-player #toctree {
overflow: visible;
}
#page-mod-scorm-player #tochead {
position: relative;
text-align: center;
top: 3px;
height: 30px;
}
#page-mod-scorm-player #scormpage .scoframe {
border: 0;
}
#page-mod-scorm-player #scormpage #scorm_object {
border: none;
width: 98%;
height: 98%;
}
#page-mod-scorm-player #scormpage #scorm_object.scorm_nav_under_content {
height: 95%;
}
#page-mod-scorm-player #scormpage #scorm_content {
height: 100%;
}
#page-mod-scorm-player #scormpage #scorm_toc {
position: relative;
}
#page-mod-scorm-player #scormpage #scorm_toc_title {
font-size: 1.2em;
font-weight: bold;
}
#page-mod-scorm-player #scormpage #scorm_tree {
border-right: 5px solid rgb(239, 245, 255);
}
#page-mod-scorm-player #scormpage #scorm_navpanel {
text-align: center;
}
#page-mod-scorm-player .toc,
#page-mod-scorm-player .no-toc {
width: 100%;
}
#page-mod-scorm-player .structlist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-player .structurelist {
position: relative;
list-style-type: none;
width: 96%;
margin: 0;
padding: 0;
}
#page-mod-scorm-player .structurelist ul {
padding-left: 0.5em;
margin-left: 0.5em;
}
#page-mod-scorm-player #scormpage #scorm_toc.disabled,
#page-mod-scorm-player #scormpage #scorm_toc.loading,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.disabled,
#page-mod-scorm-player #scormpage #scorm_toc_toggle.loading {
display: none;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .structurelist {
list-style-type: none;
white-space: nowrap;
}
#page-mod-scorm-view .exceededmaxattempts {
color: #c00;
}
#page-mod-scorm-player #altfinishlink {
font-size: 140%;
border: 0;
padding: 0;
}
#page-mod-scorm-player #scormmode {
float: left;
border: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-content .region-content {
padding: 0;
}
#page-mod-scorm-player.pagelayout-popup #page-wrapper {
width: 100%;
}
#page-mod-scorm-player .yui-layout-scroll div.yui-layout-bd {
overflow: visible;
}
#page-mod-scorm-player .yui-layout-unit-left div.yui-layout-bd {
overflow: auto;
}
.path-mod-scorm.forcejavascript .toc {
display: none;
}
.path-mod-scorm.forcejavascript #scormpage #tocbox {
display: none;
}
.path-mod-scorm.jsenabled .forcejavascriptmessage {
display: none;
}
.path-mod-scorm.jsenabled .toc {
display: block;
}
.path-mod-scorm.jsenabled #scormpage #tocbox {
display: block;
}
#page-mod-scorm-report-userreporttracks table .c1 {
word-wrap: break-word;
word-break: break-all;
}
#page-mod-scorm-report .scormattemptcounts {
clear: left;
text-align: center;
display: inline;
margin-left: 20%;
}
#page-mod-scorm-player #scormpage span.yui3-treeview-icon {
display: none;
}
#page-mod-scorm-player #scormpage li.yui3-treeview-has-children > div.yui3-treeview-row > span.yui3-treeview-icon {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-1,
#page-mod-scorm-player #scormpage div.yui3-u-3-4,
#page-mod-scorm-player #scormpage div.yui3-u-1-5,
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
display: inline-block;
*display: inline; /* stylelint-disable-line */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
#page-mod-scorm-player #scormpage div.yui3-u-1 {
display: block;
}
#page-mod-scorm-player #scormpage div.yui3-u-3-4 {
width: 75%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-5 {
width: 20%;
}
#page-mod-scorm-player #scormpage div.yui3-u-1-24 {
width: 4.1666%;
}
#page-mod-scorm-player #scormpage div.yui3-g-r {
letter-spacing: normal;
word-spacing: -0.43em;
}
#scorm_layout {
margin-bottom: 50px;
}
/**
* Opera as of 12 on Windows needs word-spacing.
* The ".opera-only" selector is used to prevent actual prefocus styling
* and is not required in markup.
*/
#page-mod-scorm-player .opera-only :-o-prefocus,
#page-mod-scorm-player #scormpage div.yui3-g-r img {
max-width: 100%;
}
/* === Player boundary wrapper === */
/* z-index: 1 prevents slideshow from overlapping Moodle primary/secondary navigation */
.nctslidesshow-content {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
padding: 24px 64px;
background: #f5f6f8;
border-radius: 12px;
border: 1px solid #e8eaed;
overflow: hidden;
}
/* === Player area wrapper (carousel + navigation) - excludes teacher panel === */
.nctslidesshow-content .slideshow-player-area {
position: relative;
}
/* === Slideshow container === */
.nctslidesshow-content .nct-slideshow-carousel {
max-width: 100%;
margin: 0 auto;
width: 100%;
position: relative;
}
/* Inner wrapper */
.nctslidesshow-content .nct-slideshow-carousel .carousel-inner {
width: 100%;
height: 100%;
padding: 0;
margin-bottom: 0;
border-radius: 8px;
background: #fff;
overflow: hidden;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
}
/* Each item */
.nctslidesshow-content .nct-slideshow-carousel .carousel-inner .carousel-item {
width: 100%;
height: 100%;
padding: 0;
}
/* From `.slide-image { &.active { ... } }` */
.nctslidesshow-content .nct-slideshow-carousel .carousel-inner .carousel-item .slide-image.active {
height: 100%;
display: flex;
flex-direction: column;
}
/* Image wrapper + img - uses object-fit:contain to show full image within the aspect ratio box */
.nctslidesshow-content .nct-slideshow-carousel .carousel-inner .carousel-item .slideshow-image-only-wrapper {
width: 100%;
height: 100%;
margin-bottom: 0;
overflow: hidden;
}
.nctslidesshow-content .nct-slideshow-carousel .carousel-inner .carousel-item .slideshow-image-only-wrapper img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* Counter */
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter {
text-align: right;
margin-bottom: 12px;
}
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter .current-slide,
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter .total-slides {
width: 36px;
height: 36px;
border: 1px solid #dde0e4;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
background: #fff;
}
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter .total-slides {
color: #64748b;
}
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter .pagination-separator {
margin: 0 4px;
color: #94a3b8;
}
.nctslidesshow-content .nct-slideshow-carousel .slideshow-pagination-counter .current-slide {
color: var(--bs-primary, #0d6efd);
border-color: var(--bs-primary, #0d6efd);
background-color: #fff;
}
/* ==================== NAVIGATION BUTTONS ==================== */
/* Navigation wrapper - positioned relative to .slideshow-player-area (excludes teacher panel) */
.nctslidesshow-content .slideshow-navigation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 5;
}
.nctslidesshow-content .slideshow-navigation .carousel-control {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* Nav buttons: positioned in the player boundary gutters */
.nctslidesshow-content .carousel-control-prev,
.nctslidesshow-content .carousel-control-next {
z-index: 5 !important;
pointer-events: auto !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #d1d5db !important;
background: #fff !important;
opacity: 1 !important;
cursor: pointer !important;
transition: background .15s, border-color .15s, box-shadow .15s;
box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
padding: 0 !important;
}
.nctslidesshow-content .carousel-control-prev:hover,
.nctslidesshow-content .carousel-control-next:hover {
background: #f0f2f5 !important;
border-color: #b0b5bd !important;
}
/* Place buttons in the padding gutters of .nctslidesshow-content.
.slideshow-player-area fills the content box (inside 64px padding).
Negative offsets push buttons into the padding area (still visible
because overflow:hidden clips to the padding-box). */
.nctslidesshow-content .carousel-control-prev {
left: -54px !important;
}
.nctslidesshow-content .carousel-control-next {
right: -54px !important;
}
/* Chevron icons - dark SVG arrows to contrast against white button background */
.nctslidesshow-content .carousel-control-prev-icon {
width: 16px !important;
height: 16px !important;
background-size: 100% 100% !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
opacity: 0.8 !important;
}
.nctslidesshow-content .carousel-control-next-icon {
width: 16px !important;
height: 16px !important;
background-size: 100% 100% !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
opacity: 0.8 !important;
}
/* Disabled state */
.nctslidesshow-content .carousel-control-prev[disabled],
.nctslidesshow-content .carousel-control-next[disabled],
.nctslidesshow-content .carousel-control-prev[aria-disabled="true"],
.nctslidesshow-content .carousel-control-next[aria-disabled="true"] {
background: #eceef0 !important;
border-color: #e5e5e5 !important;
cursor: default !important;
opacity: 0.4 !important;
pointer-events: none !important;
box-shadow: none !important;
}
/* Enabled (active) state */
.nctslidesshow-content .carousel-control-prev.next-slide-available,
.nctslidesshow-content .carousel-control-next.next-slide-available {
border-color: var(--bs-primary, #0d6efd) !important;
background: #fff !important;
}
.nctslidesshow-content .carousel-control-prev.next-slide-available:hover,
.nctslidesshow-content .carousel-control-next.next-slide-available:hover {
background: #f0f4ff !important;
border-color: var(--bs-primary, #0d6efd) !important;
}
/* visually-hidden label */
.nctslidesshow-content .visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* ==================== RESPONSIVE ==================== */
@media (max-width: 991px) {
.nctslidesshow-content {
padding: 20px 56px;
}
/* 56px gutter, 44px button: (56-44)/2=6px from edge => -50px */
.nctslidesshow-content .carousel-control-prev {
left: -50px !important;
}
.nctslidesshow-content .carousel-control-next {
right: -50px !important;
}
}
@media (max-width: 767px) {
.nctslidesshow-content {
padding: 16px 48px;
border-radius: 8px;
}
.nctslidesshow-content .carousel-control-prev,
.nctslidesshow-content .carousel-control-next {
width: 38px !important;
height: 38px !important;
}
/* 48px gutter, 38px button: (48-38)/2=5px from edge => -43px */
.nctslidesshow-content .carousel-control-prev {
left: -43px !important;
}
.nctslidesshow-content .carousel-control-next {
right: -43px !important;
}
.nctslidesshow-content .carousel-control-prev-icon,
.nctslidesshow-content .carousel-control-next-icon {
width: 14px !important;
height: 14px !important;
}
}
@media (max-width: 480px) {
.nctslidesshow-content {
padding: 12px 40px;
}
.nctslidesshow-content .carousel-control-prev,
.nctslidesshow-content .carousel-control-next {
width: 34px !important;
height: 34px !important;
}
/* 40px gutter, 34px button: (40-34)/2=3px from edge => -37px */
.nctslidesshow-content .carousel-control-prev {
left: -37px !important;
}
.nctslidesshow-content .carousel-control-next {
right: -37px !important;
}
}
/* ======================================================= */
#nct-slideshow-carousel {
height: auto !important;
position: relative;
}
/* Aspect-ratio container: carousel fills its aspect-ratio box */
#nct-slideshow-carousel .carousel-inner,
#nct-slideshow-carousel .carousel-item,
#nct-slideshow-carousel .slideshow-image-only-wrapper {
width: 100%;
height: 100%;
}
#nct-slideshow-carousel .slideshow-image {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
/* === Sorter UI === */
.slideshow-sorter-wrapper {
max-height: none;
overflow: visible;
width: 100%;
}
#slideshow-sorter {
list-style: none;
margin: 12px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
#slideshow-sorter > li.slideshow-sorter-item {
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.04);
transition: box-shadow .2s ease, transform .1s ease;
}
.slideshow-sorter-item-inner {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
}
.slideshow-sorter-wrapper .ss-handle {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: grab;
-webkit-user-select: none;
user-select: none;
color: #6b7280;
}
.slideshow-sorter-wrapper .ss-handle::before {
content: "⋮⋮";
line-height: 1;
font-size: 18px;
}
.slideshow-sorter-item.dragging .ss-handle {
cursor: grabbing;
}
.slideshow-sorter-item-inner > img {
width: 80px !important;
height: 60px !important;
object-fit: cover;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.08);
flex: 0 0 auto;
}
.slideshow-sorter-name {
flex: 1 1 auto;
min-width: 0;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.slideshow-sorter-controls {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.slideshow-sorter-controls .ss-move {
-webkit-appearance: none;
appearance: none;
border: 0;
background: transparent;
padding: 6px;
border-radius: 8px;
min-width: 30px;
min-height: 30px;
cursor: pointer;
}
.slideshow-sorter-controls .ss-move:hover {
background: rgba(0,0,0,.06);
}
#slideshow-sorter > li.slideshow-sorter-item:hover {
box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
#slideshow-sorter > li.slideshow-sorter-item.dragging {
transform: scale(.995);
box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
#slideshow-sorter > li.slideshow-sorter-placeholder {
border: 2px dashed rgba(0,0,0,.15);
border-radius: 12px;
background: rgba(0,0,0,.02);
height: 72px;
}
@media (max-width: 640px) {
.slideshow-sorter-item-inner > img {
width: 64px !important;
height: 48px !important;
}
.slideshow-sorter-item-inner {
padding: 8px 10px;
gap: 10px;
}
}
#fitem_id_reorderui .col-md-3 {
display: none;
}
#fitem_id_reorderui .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
}
#fitem_id_reorderui .slideshow-sorter-wrapper,
#fitem_id_reorderui #slideshow-sorter,
#fitem_id_reorderui .slideshow-sorter-item-inner {
width: 100%;
}
@media (prefers-reduced-motion: reduce) {
#slideshow-sorter > li.slideshow-sorter-item {
transition: none;
}
}
#nct-slideshow-carousel .carousel-item {
position: relative;
}
/* Smooth slide animation even without Bootstrap JS */
#nct-slideshow-carousel .carousel-item {
position: relative;
display: none;
transition: transform .6s ease;
}
#nct-slideshow-carousel .carousel-item.active,
#nct-slideshow-carousel .carousel-item-next,
#nct-slideshow-carousel .carousel-item-prev {
display: block;
}
/* initial positions of the incoming/outgoing items */
#nct-slideshow-carousel .carousel-item-next {
transform: translateX(100%);
}
#nct-slideshow-carousel .carousel-item-prev {
transform: translateX(-100%);
}
/* when the transition starts */
#nct-slideshow-carousel .carousel-item-start {
transform: translateX(0);
}
#nct-slideshow-carousel .carousel-item-end {
transform: translateX(0);
}
/* current active moves out */
#nct-slideshow-carousel .active.carousel-item-start {
transform: translateX(-100%);
}
#nct-slideshow-carousel .active.carousel-item-end {
transform: translateX(100%);
}
/* incoming item moves into place */
#nct-slideshow-carousel .carousel-item-next.carousel-item-start {
transform: translateX(0);
}
#nct-slideshow-carousel .carousel-item-prev.carousel-item-end {
transform: translateX(0);
}
/* === Voiceover Controls === */
.slideshow-voiceover-controls {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: rgba(0, 0, 0, 0.75);
border-radius: 24px;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
min-width: 200px;
max-width: 90%;
}
.slideshow-image-only-wrapper {
position: relative;
}
.slideshow-vo-btn {
background: none;
border: none;
color: #fff;
cursor: pointer;
padding: 4px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
transition: background 0.2s;
}
.slideshow-vo-btn:hover {
background: rgba(255, 255, 255, 0.2);
}
.slideshow-vo-progress {
flex: 1;
height: 4px;
background: rgba(255, 255, 255, 0.3);
border-radius: 2px;
overflow: hidden;
min-width: 80px;
}
.slideshow-vo-progress-bar {
height: 100%;
width: 0%;
background: #3b82f6;
border-radius: 2px;
transition: width 0.1s linear;
}
.slideshow-vo-status {
color: rgba(255, 255, 255, 0.8);
font-size: 11px;
white-space: nowrap;
flex-shrink: 0;
}
/* === Teacher Voiceover Panel === */
.slideshow-teacher-panel {
max-width: 1100px;
margin: 0 auto 16px;
border: 1px solid #e0e7ff;
border-radius: 10px;
background: #f0f4ff;
overflow: hidden;
}
.slideshow-teacher-panel-header {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
border-bottom: 1px solid #e0e7ff;
color: #1e3a5f;
}
.slideshow-teacher-panel-status {
margin-left: auto;
}
.slideshow-vo-badge {
display: inline-block;
padding: 2px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
}
.slideshow-vo-badge-ready {
background: #d1fae5;
color: #065f46;
}
.slideshow-vo-badge-pending {
background: #fef3c7;
color: #92400e;
}
.slideshow-vo-badge-error {
background: #fee2e2;
color: #991b1b;
}
.slideshow-vo-badge-disabled {
background: #e5e7eb;
color: #6b7280;
}
.slideshow-teacher-panel-body {
padding: 12px 16px;
}
.slideshow-teacher-panel-desc {
margin: 0 0 12px;
font-size: 13px;
color: #475569;
line-height: 1.5;
}
.slideshow-teacher-panel-actions {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.slideshow-teacher-panel-actions .btn {
display: inline-flex;
align-items: center;
}
.slideshow-vo-progress-wrap {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 200px;
}
.slideshow-vo-gen-bar-bg {
flex: 1;
height: 6px;
background: #cbd5e1;
border-radius: 3px;
overflow: hidden;
}
.slideshow-vo-gen-bar {
height: 100%;
width: 30%;
background: #3b82f6;
border-radius: 3px;
animation: slideshow-vo-pulse 1.5s ease-in-out infinite;
}
@keyframes slideshow-vo-pulse {
0%, 100% {
width: 30%;
}
50% {
width: 70%;
}
}
.slideshow-vo-gen-text {
font-size: 12px;
color: #64748b;
white-space: nowrap;
}
/* === Per-Slide Voiceover Editor === */
.slideshow-vo-slides-list {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
.slideshow-vo-slide-row {
border: 1px solid #e0e7ff;
border-radius: 8px;
background: #fff;
padding: 12px;
}
.slideshow-vo-slide-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.slideshow-vo-slide-thumb-wrap {
position: relative;
flex-shrink: 0;
cursor: pointer;
}
.slideshow-vo-slide-thumb {
width: 64px;
height: 48px;
object-fit: cover;
border-radius: 6px;
border: 1px solid rgba(0,0,0,.08);
flex-shrink: 0;
}
.slideshow-vo-slide-thumb-expanded {
display: none;
position: fixed;
z-index: 10000;
max-width: 600px;
max-height: 450px;
width: auto;
height: auto;
object-fit: contain;
border-radius: 8px;
border: 2px solid #6366f1;
box-shadow: 0 12px 40px rgba(0,0,0,.3);
background: #fff;
padding: 4px;
pointer-events: none;
}
.slideshow-vo-slide-info {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.slideshow-vo-slide-label {
font-weight: 600;
font-size: 13px;
color: #1e3a5f;
white-space: nowrap;
}
.slideshow-vo-slide-text-wrap {
position: relative;
}
.slideshow-vo-slide-textarea {
width: 100%;
font-size: 13px;
line-height: 1.5;
border: 1px solid #d1d5db;
border-radius: 6px;
padding: 8px 10px;
resize: vertical;
min-height: 60px;
color: #374151;
background: #fafbfc;
}
.slideshow-vo-slide-textarea:focus {
border-color: #6366f1;
outline: none;
box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.15);
background: #fff;
}
.slideshow-vo-slide-text-actions {
display: flex;
justify-content: flex-end;
margin-top: 4px;
}
.slideshow-vo-slide-gen-btn {
flex-shrink: 0;
font-size: 12px;
}
.slideshow-vo-toggle-btn {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
border-radius: 6px;
border: 1px solid #d1d5db;
background: #f9fafb;
color: #6b7280;
cursor: pointer;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.slideshow-vo-toggle-btn:hover {
background: #f3f4f6;
border-color: #9ca3af;
color: #374151;
}
.slideshow-vo-toggle-btn.is-disabled {
background: #fee2e2;
border-color: #fca5a5;
color: #dc2626;
}
.slideshow-vo-toggle-btn.is-disabled:hover {
background: #fecaca;
border-color: #f87171;
}
.slideshow-vo-slide-row.vo-disabled {
opacity: 0.55;
background: #f9fafb;
}
.slideshow-vo-slide-row.vo-disabled .slideshow-vo-slide-textarea {
background: #f3f4f6;
color: #9ca3af;
}
@media (max-width: 640px) {
.slideshow-vo-slide-thumb {
width: 48px;
height: 36px;
}
.slideshow-vo-slide-thumb-expanded {
max-width: 90vw;
max-height: 300px;
}
.slideshow-vo-slide-header {
flex-wrap: wrap;
gap: 6px;
}
}
.slideshow-vo-reload-hint {
margin: 8px 0;
text-align: center;
}
/* === PowerPoint Import Dropzone === */
.slideshow-pptx-import {
margin-bottom: 16px;
}
.slideshow-pptx-dropzone {
border: 2px dashed #cbd5e1;
border-radius: 12px;
padding: 32px 24px;
text-align: center;
cursor: pointer;
transition: border-color .2s, background .2s;
background: #fafbfc;
}
.slideshow-pptx-dropzone:hover,
.slideshow-pptx-dropzone.dragover {
border-color: #3b82f6;
background: #eff6ff;
}
.slideshow-pptx-dropzone-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.slideshow-pptx-dropzone-inner svg {
opacity: 0.5;
}
.slideshow-pptx-dropzone:hover .slideshow-pptx-dropzone-inner svg,
.slideshow-pptx-dropzone.dragover .slideshow-pptx-dropzone-inner svg {
opacity: 0.8;
stroke: #3b82f6;
}
.slideshow-pptx-dropzone-text {
margin: 0;
font-size: 14px;
font-weight: 500;
color: #475569;
}
.slideshow-pptx-dropzone-formats {
margin: 0;
font-size: 12px;
color: #94a3b8;
}
.slideshow-pptx-dropzone-sizelimit {
margin: 6px 0 0;
font-size: 12px;
font-weight: 600;
color: #64748b;
}
.slideshow-pptx-dropzone-compress {
margin: 4px 0 0;
font-size: 11px;
color: #94a3b8;
line-height: 1.4;
max-width: 480px;
}
.slideshow-pptx-progress {
display: flex;
align-items: center;
gap: 12px;
margin-top: 12px;
padding: 10px 16px;
background: #f0f4ff;
border-radius: 8px;
border: 1px solid #dbeafe;
}
.slideshow-pptx-progress-bar-bg {
flex: 1;
height: 6px;
background: #cbd5e1;
border-radius: 3px;
overflow: hidden;
}
.slideshow-pptx-progress-bar {
height: 100%;
width: 0%;
background: #3b82f6;
border-radius: 3px;
transition: width 0.3s ease;
}
.slideshow-pptx-progress-text {
font-size: 12px;
color: #475569;
white-space: nowrap;
min-width: 100px;
}
.slideshow-pptx-result {
margin-top: 10px;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
}
.slideshow-pptx-result.success {
background: #ecfdf5;
border: 1px solid #10b981;
color: #065f46;
}
.slideshow-pptx-result.error {
background: #fef2f2;
border: 1px solid #ef4444;
color: #991b1b;
}
/* Full-width PPTX import: hide label column, expand content column.
NOTE: Do NOT use :has() pseudo-class — Moodle's PHP CSS minifier does not
handle it correctly and will corrupt the entire site CSS cache, breaking
navigation menus. The JS in pptximport.js handles layout via DOM instead.
IMPORTANT: Bootstrap's .d-flex uses display:flex!important which overrides
non-important display:none. Must use !important to counter it. */
#fitem_id_pptximport .col-md-3,
[data-groupname="pptximport"] .col-md-3 {
display: none !important;
}
#fitem_id_pptximport .col-md-9,
[data-groupname="pptximport"] .col-md-9 {
-webkit-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100%;
padding-left: 0;
padding-right: 0;
}
#fitem_id_pptximport .col-md-9 .form-control-static,
[data-groupname="pptximport"] .col-md-9 .form-control-static {
width: 100%;
}
#fitem_id_pptximport,
[data-groupname="pptximport"] {
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
}
.slideshow-pptx-dropzone {
width: 100%;
box-sizing: border-box;
}
/* === Prevent slideshow from overlapping Moodle navigation === */
/* Moodle Boost nav typically uses z-index 1030+. Force slideshow stacking context low. */
/* Scoped to slideshow view page only so admin pages are never affected. */
/* NOTE: .navbar intentionally omitted here — Boost sets position:sticky on the navbar. */
/* Overriding it with position:relative breaks sticky behaviour and causes the site logo */
/* to scroll down and overlap the course-index drawer. z-index alone is sufficient since */
/* the navbar already has a positioning context from Boost. */
#page-mod-slideshow-view .primary-navigation,
#page-mod-slideshow-view .secondary-navigation,
#page-mod-slideshow-view .moremenu {
position: relative;
z-index: 1030;
}
#page-mod-slideshow-view .navbar {
z-index: 1030;
}
/* ============================================================
VIDEO & POSTER SLIDE STYLES (mod_slideshow v1.6.26)
============================================================ */
/* Video wrapper — fills the carousel-item box */
.nctslidesshow-content .slideshow-video-wrapper {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
background: #000;
}
/* Ratio box for iframe / HTML5 video: fills available height */
.nctslidesshow-content .slideshow-video-ratio-box {
flex: 1 1 auto;
position: relative;
overflow: hidden;
min-height: 0;
}
.nctslidesshow-content .slideshow-video-frame,
.nctslidesshow-content .slideshow-video-element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
display: block;
background: #000;
}
/* Slide title (shown below video or poster image) */
.nctslidesshow-content .slideshow-slide-title {
padding: 8px 14px 10px;
font-size: 0.92rem;
font-weight: 500;
color: #374151;
background: rgba(255,255,255,0.92);
border-top: 1px solid #e5e7eb;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 0 0 auto;
}
/* Watch-time gating bar — shown inside video slide when requirement not yet met */
.nctslidesshow-content .slideshow-video-watch-bar {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
background: rgba(245, 158, 11, 0.12);
border-top: 2px solid #f59e0b;
color: #92400e;
font-size: 0.88rem;
font-weight: 500;
flex: 0 0 auto;
transition: opacity 0.5s ease;
}
.nctslidesshow-content .slideshow-video-watch-inner {
display: flex;
align-items: center;
gap: 8px;
}
.nctslidesshow-content .slideshow-video-watch-inner svg {
flex-shrink: 0;
color: #d97706;
}
/* Satisfied state — turns green before fading */
.nctslidesshow-content .slideshow-video-watch-bar.ss-watch-satisfied {
background: rgba(16, 185, 129, 0.12);
border-color: #10b981;
color: #064e3b;
}
.nctslidesshow-content .slideshow-video-watch-bar.ss-watch-satisfied svg {
color: #059669;
}
/* Shake animation when student tries to skip past gated video */
@keyframes ss-shake {
0%,100%{ transform:translateX(0); }
20% { transform:translateX(-6px); }
40% { transform:translateX(6px); }
60% { transform:translateX(-4px); }
80% { transform:translateX(4px); }
}
.nctslidesshow-content .slideshow-video-watch-bar.ss-watch-shake {
animation: ss-shake 0.5s ease;
}
/* ============================================================
EXTRA SLIDE SORTER ITEM STYLES
============================================================ */
.slideshow-sorter-item.ss-extra-sorter-item {
background: #f0f4ff;
border-color: #c7d2fe;
}
.slideshow-sorter-item.ss-extra-sorter-item:hover {
background: #e5edff;
}
.slideshow-sorter-extra-inner {
gap: 8px;
}
.ss-extra-type-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 8px;
border-radius: 3px;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
white-space: nowrap;
flex-shrink: 0;
}
.ss-extra-type-badge.ss-type-video {
background: #dbeafe;
color: #1d4ed8;
border: 1px solid #93c5fd;
}
.ss-extra-type-badge.ss-type-poster {
background: #f0fdf4;
color: #15803d;
border: 1px solid #86efac;
}
.slideshow-sorter-name.ss-extra-name {
font-size: 0.82rem;
color: #374151;
}
.ss-extra-delete-inline {
font-size: 0.72rem;
padding: 2px 6px;
margin-left: 4px;
border-radius: 3px;
}
/* ============================================================
EXTRA SLIDES MANAGER (in mod_form.php)
============================================================ */
.ss-extra-manager {
padding: 12px 0 4px;
}
.ss-extra-add-btns {
margin-bottom: 16px;
}
.ss-add-panel {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 18px 20px 14px;
margin-top: 12px;
margin-bottom: 4px;
}
.ss-panel-title {
margin: 0 0 14px;
font-size: 1rem;
font-weight: 600;
color: #1e293b;
}
.ss-form-row {
margin-bottom: 12px;
}
.ss-form-label {
display: block;
font-size: 0.86rem;
font-weight: 500;
color: #475569;
margin-bottom: 4px;
}
.ss-form-actions {
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #e2e8f0;
}
.ss-add-status {
min-height: 0;
}
.path-mod-url .resourcecontent {
text-align: center;
}
/*
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see
.
*/ /**
* Wiki module style sheet
*
* @package mod-wiki-2.0
* @copyright 2009 Marc Alier, Jordi Piguillem marc.alier@upc.edu
* @copyright 2009 Universitat Politecnica de Catalunya http://www.upc.edu
*
* @author Jordi Piguillem
* @author Marc Alier
* @author David Jimenez
* @author Josep Arus
* @author Kenneth Riba
*
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.wiki_contentbox {
width: 80%;
margin: auto;
min-width: 200px;
min-height: 100px;
}
.wiki_previewbox {
width: 50%;
margin: auto;
border: thin solid blue;
}
.wiki_button {
margin: 5px;
}
.wiki_warning {
color: red;
}
.emptycomments {
color: red;
display: inline;
}
.wiki-toc {
border: 1px solid #bbb;
background: #eee;
margin: 16px;
padding: 8px;
}
.wiki-toc-title {
color: #666;
font-size: 1.1em;
font-variant: small-caps;
text-align: center;
}
.wiki-toc-section {
padding: 0;
margin: 2px 8px;
}
.wiki-toc-section-2 {
padding-left: 12px;
}
.wiki-toc-section-3 {
padding-left: 24px;
}
.wiki_form-button {
margin-left: 0%;
}
.wiki-upload-table {
margin: 8px auto;
clear: both;
}
.wiki-upload-table table {
margin: auto;
}
.wiki-upload-table h3 {
margin: 4px 0;
text-align: center;
}
.wiki-upload-section {
border: 1px solid #eee;
width: 400px;
margin: 8px auto;
}
.wiki-upload-section legend {
font-weight: bold;
font-size: 0.9em;
margin-left: 16px;
}
.wiki-tags {
text-align: right;
}
.wiki_modifieduser p {
line-height: 35px;
}
.wiki_modifieduser img {
border: thin solid black;
}
.wiki_restoreform,
.wiki_deletecommentform {
width: 10%;
margin: auto;
}
.wiki_versionuser {
float: left;
}
.wiki_diffuserleft,
.wiki_diffuserright {
font-weight: normal;
padding-top: 1%;
}
.wiki_diffuserleft {
float: right;
}
.wiki_diffuserright {
float: left;
}
.wiki_compareheading {
font-weight: normal;
}
.wiki_restore,
.wiki_diffview,
.wiki_difftime,
.wiki_headingtime {
font-size: 0.8em;
font-weight: normal;
}
.wiki_difftime,
.wiki_headingtime {
font-style: oblique;
text-align: center;
}
.wiki_diff_oldpaging {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_diff_newpaging {
float: right;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_diff_old,
.wiki_diff_new {
float: left;
min-width: 200px;
width: 40%;
}
.wiki_difftable td {
width: 50%;
float: left;
}
.wiki_histdate {
text-align: left;
}
.wiki_histnewdate {
border-top: 1px dotted gray;
}
.ouw_deleted {
background: #ffa;
color: red;
text-decoration: line-through;
}
.ouw_added {
background: #cfc;
color: red;
}
a.wiki_newentry:link,
a.wiki_newentry:visited {
color: red;
font-style: italic;
}
.wiki_newentry a {
color: red;
font-style: italic;
}
.wiki_navigation_container {
margin: 0 auto;
}
.wiki_navigation_from {
float: left;
width: 40%;
min-width: 200px;
margin-left: 5%;
}
.wiki_navigation_to {
float: left;
width: 40%;
min-width: 200px;
margin-right: 5%;
}
.wiki_headingtitle {
text-align: center;
}
.wiki_clear {
clear: both;
}
.wiki_right {
text-align: right;
}
.wiki_index {
text-align: right;
}
.notunderlined {
text-decoration: none;
}
a.wiki_edit_section {
font-size: 0.6em;
position: relative;
float: right;
}
.midpad {
text-align: center;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.block_wiki_search ul {
margin-top: 0.5em;
margin-bottom: 3px;
}
.wiki-attachment:before {
content: url(/mod/wiki/pix/attachment.png);
padding-right: 2px;
}
/** Print CSS */
#wiki_printable_content {
text-align: left;
}
#wiki_printable_content a {
color: black;
}
#wiki_printable_title {
font-size: 2.2em;
text-decoration: underline;
}
.wiki_diff_boxes {
width: 100%;
clear: both;
}
.wiki_diff_paging {
width: 100%;
clear: both;
}
.wiki_grayline {
color: gray;
}
.wikisearchresults {
padding-left: 50px;
padding-top: 20px;
}
.wiki-diff-container {
width: 95%;
margin: 10px auto;
}
.wiki-diff-container .wiki-diff-leftside,
.wiki-diff-container .wiki-diff-rightside {
width: 49.5%;
margin: 0;
padding: 0;
float: left;
}
.wiki-diff-container .wiki-diff-rightside {
margin-left: 1%;
}
.wiki-diff-container .wiki-diff-heading,
.wiki-diff-container .no-overflow {
padding: 10px;
border: 1px solid #ddd;
}
.wiki-diff-container .wiki-diff-rightside .wiki_diffversion {
text-align: right;
}
.path-mod-wiki .printicon {
background: url(/theme/image.php/academi/core/1790824836/t/print) no-repeat scroll 2px center transparent;
padding-left: 20px;
}
#page-mod-wiki-prettyview .displayprinticon {
text-align: right;
}
#page-mod-wiki-prettyview {
background-image: none;
}
.path-mod-workshop .collapsibleregion {
margin-bottom: 0.75em;
}
.path-mod-workshop .collapsibleregioncaption {
font-weight: bold;
font-size: 120%;
}
.path-mod-workshop .collapsibleregioncaption img {
max-width: 16px;
max-height: 16px;
}
.path-mod-workshop div.singlebutton {
text-align: center;
margin: 0.75em auto;
}
.path-mod-workshop #workshop-viewlet-assignedassessments div.singlebutton,
.path-mod-workshop #workshop-viewlet-allexamples div.singlebutton,
.path-mod-workshop #workshop-viewlet-examples div.singlebutton {
text-align: left;
}
.path-mod-workshop .groupwidget {
text-align: center;
margin: 0.75em auto;
}
.path-mod-workshop .perpagewidget {
text-align: center;
margin: 0.75em auto;
}
/**
* Submission - one line summary display
*/
.path-mod-workshop .submission-summary {
position: relative;
margin-bottom: 10px;
}
.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .author,
.path-mod-workshop .submission-summary .author .fullname,
.path-mod-workshop .submission-summary .author .picture {
display: inline;
}
.path-mod-workshop .submission-summary .title,
.path-mod-workshop .submission-summary .userdate,
.path-mod-workshop .submission-summary .grade-status {
margin: 0 0 0 40px;
}
.path-mod-workshop .submission-summary .author {
margin-left: 1ex;
}
.path-mod-workshop .submission-summary.anonymous .title,
.path-mod-workshop .submission-summary.anonymous .author,
.path-mod-workshop .submission-summary.anonymous .userdate,
.path-mod-workshop .submission-summary.anonymous .grade-status {
margin: 0 0 0 5px;
}
.path-mod-workshop .submission-summary .userdate {
font-size: x-small;
color: #333;
}
.path-mod-workshop .submission-summary .userdate span {
font-style: italic;
}
.path-mod-workshop .submission-summary .author .picture {
position: absolute;
top: 0;
left: 0;
}
/**
* Submission - full display
*/
.path-mod-workshop .submission-full {
border: 1px solid #ddd;
margin: 0 0 1em 0;
}
.path-mod-workshop .submission-full .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 67px;
}
.path-mod-workshop .submission-full .header .title,
.path-mod-workshop .submission-full .header .author,
.path-mod-workshop .submission-full .header .userdate {
margin: 0 0 0 80px;
}
.path-mod-workshop .submission-full.anonymous .header .title,
.path-mod-workshop .submission-full.anonymous .header .author,
.path-mod-workshop .submission-full.anonymous .header .userdate {
margin: 0 0 0 5px;
}
.path-mod-workshop .submission-full .header .userdate.created {
padding-right: 10px;
}
.path-mod-workshop .submission-full .header .userdate.modified {
padding-left: 10px;
margin-left: 0;
border-left: 1px solid #000;
}
.path-mod-workshop .submission-full .header .userdate {
font-size: x-small;
color: #333;
display: inline;
}
.path-mod-workshop .submission-full .header .userdate span {
font-style: italic;
}
.path-mod-workshop .submission-full .header .author .picture {
position: absolute;
top: 3px;
left: 3px;
}
.path-mod-workshop .submission-full .content,
.path-mod-workshop .submission-full .attachments {
padding: 5px 10px;
}
.path-mod-workshop .submission-full .attachments .files img.icon {
margin-right: 5px;
}
.path-mod-workshop .submission-full .attachments .images div {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #ddd;
}
/**
* Example submission - summary display
*/
.path-mod-workshop .submission-summary.example .title,
.path-mod-workshop .submission-summary.example .userdate {
margin: 0 0 0 0;
}
/**
* Example submission - full display
*/
.path-mod-workshop .submission-full.example .header {
min-height: 0;
}
.path-mod-workshop .submission-full.example .header .title {
margin: 0 0 0 0;
}
/**
* Elements generated by the workshop renderer
*/
.path-mod-workshop .message {
padding: 5px 5em 5px 15px;
margin: 0 auto 20px auto;
width: 100%;
font-size: 80%;
position: relative;
}
.path-mod-workshop .message .singlebutton {
text-align: left;
margin: 0;
}
.path-mod-workshop .message.ok {
color: #547c22;
background-color: #e7f1c3;
}
.path-mod-workshop .message.error {
color: #dd0221;
background-color: #ffd3d9;
}
.path-mod-workshop .message.info {
color: #1666a9;
background-color: #d2ebff;
}
/**
* Allocators
*/
.path-mod-workshop .allocation-init-results {
margin: 10px auto;
width: 100%;
font-size: 80%;
}
.path-mod-workshop .allocation-init-results .indent {
margin-left: 20px;
}
.path-mod-workshop .allocation-init-results .ok {
color: #547c22;
background-color: #e7f1c3;
}
.path-mod-workshop .allocation-init-results .error {
color: #dd0221;
background-color: #ffd3d9;
}
.path-mod-workshop .allocation-init-results .info {
color: #1666a9;
background-color: #d2ebff;
}
.path-mod-workshop .allocation-init-results .debug {
color: black;
background-color: #ddd;
}
/**
* User plan
*/
.path-mod-workshop .userplan {
width: 100%;
margin: 1em auto 1em auto;
font-size: 80%;
border: 1px solid #ddd;
position: relative;
overflow: hidden;
}
.path-mod-workshop .userplan dt {
vertical-align: bottom;
white-space: normal;
color: #495057;
background-color: #f5f5f5;
border-bottom: 1px solid #ced4da;
padding: 3px;
}
.path-mod-workshop .userplan dt.active {
vertical-align: top;
color: #212529;
border: 1px solid #ced4da;
border-bottom: 0;
border-top: 0;
background: #e7f1c3;
}
.path-mod-workshop .userplan dt.active .phasetitle {
font-size: 140%;
}
.path-mod-workshop .userplan dl {
width: 20%;
float: left;
margin: 0;
}
@media only screen and (max-width: 768px) {
.path-mod-workshop .userplan {
border-right: none;
border-top: none;
}
.path-mod-workshop .userplan dl {
width: 102%;
border-right: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 30%;
border-bottom: none;
border-top: 1px solid #ddd;
}
.path-mod-workshop .userplan dt.active {
border: none;
}
.path-mod-workshop .userplan dd {
float: left;
width: 65%;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
}
}
@media only screen and (max-width: 420px) {
.path-mod-workshop .userplan {
border-bottom: none;
}
.path-mod-workshop .userplan dt {
float: left;
width: 70%;
border-bottom: none;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0;
padding: 5px;
}
.path-mod-workshop .userplan dd {
float: left;
width: 70%;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
.path-mod-workshop .userplan dd {
vertical-align: top;
border-right: 1px solid #ced4da;
background-color: #f5f5f5;
margin: 0;
min-height: 180px;
padding: 5px;
}
.path-mod-workshop .userplan dd,
.path-mod-workshop .userplan dd a,
.path-mod-workshop .userplan dd a:link,
.path-mod-workshop .userplan dd a:hover,
.path-mod-workshop .userplan dd a:visited,
.path-mod-workshop .userplan dd a:active {
color: #495057;
}
.path-mod-workshop .userplan dd.active,
.path-mod-workshop .userplan dd.active a,
.path-mod-workshop .userplan dd.active a:link,
.path-mod-workshop .userplan dd.active a:hover,
.path-mod-workshop .userplan dd.active a:visited,
.path-mod-workshop .userplan dd.active a:active {
color: #212529;
}
.path-mod-workshop .userplan dd.lastcol {
border-right: 0;
}
.path-mod-workshop .userplan dd.active {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #e7f1c3;
}
.path-mod-workshop .userplan dt .actions {
font-size: smaller;
}
.path-mod-workshop .userplan dd.phasetasks li {
background-image: url(/theme/image.php/academi/mod_workshop/1790824836/userplan/task-todo);
background-position: top left;
background-repeat: no-repeat;
list-style-type: none;
min-height: 20px;
margin: .2em 0;
background-size: 15px;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks li {
background-position: top right;
}
.path-mod-workshop .userplan dd.phasetasks li.completed {
background-image: url(/theme/image.php/academi/mod_workshop/1790824836/userplan/task-done);
}
.path-mod-workshop .userplan dd.phasetasks li.fail {
background-image: url(/theme/image.php/academi/mod_workshop/1790824836/userplan/task-fail);
}
.path-mod-workshop .userplan dd.phasetasks li.info {
background-image: url(/theme/image.php/academi/mod_workshop/1790824836/userplan/task-info);
}
.path-mod-workshop .userplan dd.phasetasks .tasks {
list-style: none;
margin: 0;
padding: 0;
}
.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 10px 0 20px;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .title {
padding: 0 20px 0 10px;
}
.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 10px 0 25px;
font-size: 80%;
}
.dir-rtl.path-mod-workshop .userplan dd.phasetasks .details {
padding: 0 25px 0 10px;
}
/**
* Assessment - full display
*/
.path-mod-workshop .assessment-full {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
}
.path-mod-workshop .assessment-full .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .assessment-full .header .title {
font-weight: bold;
}
.path-mod-workshop .assessment-full .header .title,
.path-mod-workshop .assessment-full .header .reviewer,
.path-mod-workshop .assessment-full .header .grade,
.path-mod-workshop .assessment-full .header .weight {
margin: 0 0 0 40px;
}
.path-mod-workshop .assessment-full.anonymous .header .title,
.path-mod-workshop .assessment-full.anonymous .header .reviewer,
.path-mod-workshop .assessment-full.anonymous .header .grade,
.path-mod-workshop .assessment-full.anonymous .header .weight {
margin: 0 0 0 5px;
}
.path-mod-workshop .assessment-full .header .reviewer .picture {
position: absolute;
top: 3px;
left: 3px;
}
.dir-rtl.path-mod-workshop .assessment-full .header .reviewer .picture {
right: 3px;
left: auto;
}
.path-mod-workshop .assessment-full .header .actions {
position: absolute;
top: 5px;
right: 5px;
text-align: right;
}
.path-mod-workshop .assessment-full .header .actions .singlebutton,
.path-mod-workshop .assessment-full .header .actions .singlebutton form,
.path-mod-workshop .assessment-full .header .actions .singlebutton form div {
display: inline;
}
.path-mod-workshop .assessment-full .assessment-form-wrapper,
.path-mod-workshop .assessment-full .overall-feedback-wrapper {
margin-top: 0.5em;
padding: 0 1em;
}
.path-mod-workshop .assessment-summary.graded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.graded .singlebutton input[type="submit"] {
background-color: #e7f1c3;
}
.path-mod-workshop .assessment-summary.notgraded .singlebutton input[type="submit"],
.path-mod-workshop .example-summary.notgraded .singlebutton input[type="submit"] {
background-color: #ffd3d9;
}
/**
* Overall feedback
*/
.path-mod-workshop .assessment-full .overallfeedback .content,
.path-mod-workshop .assessment-full .overallfeedback .attachments {
padding: 5px 10px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .files img.icon {
margin-right: 5px;
}
.path-mod-workshop .assessment-full .overallfeedback .attachments .images div {
display: inline-block;
margin: 5px;
padding: 5px;
border: 1px solid #ddd;
}
/**
* Assessment form
*/
.path-mod-workshop .assessmentform .description {
margin: 0 1em;
}
/**
* Grading report
*/
.path-mod-workshop .grading-report {
width: 100%;
margin: 1em auto 1em auto;
font-size: 80%;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report .userpicture {
margin: 0 3px;
vertical-align: middle;
}
.path-mod-workshop .grading-report del {
color: red;
font-size: 90%;
text-decoration: line-through;
}
.path-mod-workshop .grading-report ins {
color: green;
font-weight: bold;
text-decoration: underline;
}
.path-mod-workshop .grading-report th {
white-space: normal;
}
.path-mod-workshop .grading-report td {
vertical-align: top;
border: 1px solid #ddd;
}
.path-mod-workshop .grading-report tr.published td.submission {
background-color: #d2ebff;
}
.path-mod-workshop .grading-report tr.published td.submission a {
font-weight: bold;
}
.path-mod-workshop .grading-report .assessmentdetails {
white-space: nowrap;
}
.path-mod-workshop .grading-report .receivedgrade span.grade,
.path-mod-workshop .grading-report .givengrade span.gradinggrade {
font-weight: bold;
}
.path-mod-workshop .grading-report .submissiongrade.cell,
.path-mod-workshop .grading-report .gradinggrade.cell {
text-align: center;
font-size: 200%;
white-space: nowrap;
}
.path-mod-workshop .grading-report .givengrade.null .user,
.path-mod-workshop .grading-report .receivedgrade.null .user {
color: #e00;
}
/**
* Final grades
*/
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades {
text-align: center;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade {
border: 1px solid #ddd;
margin: 1em;
padding: 2em;
display: inline-block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.submissiongrade {
background-color: #d2ebff;
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade.assessmentgrade {
background-color: #eee;
/*background-color: #e7f1c3;*/
}
.path-mod-workshop #workshop-viewlet-yourgrades .finalgrades .grade .gradevalue {
font-weight: bold;
font-size: x-large;
margin: 10px;
}
/**
* Edit assessment form
*/
#mod-workshop-editform fieldset.fgroup * {
vertical-align: top;
}
/**
* Feedback
*/
.path-mod-workshop .feedback {
border: 1px solid #ddd;
margin: 0 auto 1em auto;
width: 100%;
}
.path-mod-workshop .feedback .header {
position: relative;
background-color: #ddd;
padding: 3px;
min-height: 35px;
}
.path-mod-workshop .feedback .header .title {
margin: 0 0 0 40px;
}
.path-mod-workshop .feedback .header .picture {
position: absolute;
top: 3px;
left: 3px;
}
.path-mod-workshop .feedback .content {
padding: 5px 10px;
}
/**
* Misc
*/
.path-mod-workshop div.buttonsbar {
text-align: center;
}
.path-mod-workshop div.buttonsbar .singlebutton {
display: inline;
}
.path-mod-workshop .toolboxaction {
margin-right: 1em;
}
.path-mod-workshop .toolboxaction,
.path-mod-workshop .toolboxaction .singlebutton,
.path-mod-workshop .toolboxaction .singlebutton form,
.path-mod-workshop .toolboxaction .singlebutton form div {
display: inline;
}
.path-mod-workshop div.buttonwithhelp div {
display: inline;
}
.path-mod-workshop #evaluationmethodchooser {
margin: 2em auto;
text-align: center;
}
.path-mod-workshop .lastmodified {
line-height: 1.0em;
}
.path-mod-workshop .workshop-risk-dataloss {
vertical-align: text-bottom;
}
#page-mod-zoom-view a .btn-primary .icon {
color: white;
}
#mod-zoom-old-meetings-header {
float: left;
}
#mod-zoom-meeting-room-participants,
#mod-zoom-meeting-room-participant-groups {
list-style-type: none;
}
#mod-zoom-meeting-rooms-list .empty-alert {
margin: auto;
width: 80%;
padding: 40% 0;
}
#mod-zoom-breakout-rooms-table {
width: 100%;
height: 400px;
}
#mod-zoom-breakout-rooms-table td:first-child {
width: 20%;
}
#mod-zoom-breakout-rooms-table td:nth-child(2) {
width: 80%;
}
#mod-zoom-breakout-rooms-table .delete-room {
margin: -34px 5px;
background: transparent;
border: none;
}
#page-mod-zoom-participants .mimetypeicon {
width: 24px;
height: 24px;
}
/* enrol_lti styles */
#registration-tab-content .input-group button.btn {
border: solid 1px #8f959e;
}
form#auto_submit {
display: none;
}
#registration-tab-content .input-group button.btn span.pix {
padding-left: 0.5rem;
}
.block_accessreview_success,
.block_accessreview.block_accessreview_success.hasinfo {
color: #1e451e;
background: #eff5ef;
box-shadow: 0 0 2px 2px #619a61;
}
.block_accessreview_danger,
.block_accessreview.block_accessreview_danger.hasinfo {
color: #6e211e;
background: #fdf7f7;
box-shadow: 0 0 2px 2px #da6960;
}
.block_accessreview_warning,
.block_accessreview.block_accessreview_warning.hasinfo {
color: #694b21;
background: #fdf2e3;
box-shadow: 0 0 2px 2px #c97a0e;
}
.block_accessreview_table {
border-bottom: 1px solid;
border-color: #eee8e8;
}
.block_accessreview_links {
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
}
.block_accessreview_link {
padding-left: 10px;
padding-right: 10px;
}
.block_accessreview_analysisbutton {
text-align: center;
}
.block_activity_results h1 {
margin: 4px;
font-size: 1.1em;
}
.block_activity_results table.grades {
text-align: left;
width: 100%;
}
.block_activity_results table.grades .number {
text-align: left;
width: 10%;
}
.block_activity_results table.grades .name {
text-align: left;
width: 77%;
}
.block_activity_results table.grades .grade {
text-align: right;
}
/**
* AI Plugin Navigation Block Styles
* Matches lms-labs.com design with solid blue (#3b82f6)
* Mobile-first design with min 16px font sizes
*
* @package block_aiplugin_nav
* @copyright 2025 Essay Grader AI
*/
/* Plugin spotlight fonts, bundled in fonts/ (SIL OFL 1.1, see thirdpartylibs.xml). Moodle
resolves the /theme/font.php/academi/core/1790824836/... placeholders, so no external font service is contacted. */
@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 100 900;
font-stretch: 62% 125%;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/archivo-latin-wdth.woff2) format("woff2");
}
@font-face {
font-family: "Public Sans";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/public-sans-latin-400.woff2) format("woff2");
}
@font-face {
font-family: "Public Sans";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/public-sans-latin-500.woff2) format("woff2");
}
@font-face {
font-family: "Public Sans";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/public-sans-latin-600.woff2) format("woff2");
}
@font-face {
font-family: "Public Sans";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/public-sans-latin-700.woff2) format("woff2");
}
@font-face {
font-family: "Public Sans";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/public-sans-latin-800.woff2) format("woff2");
}
@font-face {
font-family: "IBM Plex Mono";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/ibm-plex-mono-latin-500.woff2) format("woff2");
}
@font-face {
font-family: "IBM Plex Mono";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/theme/font.php/academi/block_aiplugin_nav/1790824836/ibm-plex-mono-latin-600.woff2) format("woff2");
}
/* Container - Full width horizontal bar */
/* Brand/Logo */
/* Navigation sections container */
/* Dropdown container */
/* Dropdown trigger button */
/* AI Moodle Support Button */
/* Dropdown menu */
/* Two-column dropdown for settings */
/* Install First badge for Central Config */
/* Configured badge (Central Config is installed) */
/* Dropdown items */
/* External links section */
/* Credits badge styles */
/* Credits display in top bar */
/* Icon base styles */
/* Use default Moodle block styling - background, border, shadow, and header */
/* AI Tools Quick Access Section */
/* Site Quick Links Section */
/* Responsive adjustments */
/* Dark mode support */
/* Create Link Button */
/* Custom Link with delete button */
/* Modal Overlay */
/* Modal */
/* Form Elements */
/* Icon Picker */
/* Buttons */
/* Dark mode for Create Link and Modal */
/* Custom Report in Dropdown */
/* Create Report Button in Dropdown */
/* Dark mode for custom reports */
/* ============================================
Plugin Management Section (v1.6.0)
============================================ */
/* Plugin Management Header */
/* ========================================
4-COLUMN GRID LAYOUT - Premium SaaS Design
AI plugins span 2 columns, Blocks & Utilities each get 1 column
======================================== */
/* Group header for organizing plugins within a category */
/* AI plugins section uses 2-column grid inside */
/* Responsive: 2 columns stacked on large-medium screens (AI + Blocks row, then Time Saving row) */
/* Responsive: Single column on medium screens */
/* Responsive: 1 column on small screens */
@media (max-width: 768px) {
/* Make plugin cards stack better on mobile */
/* Hide docs link text on mobile, show only icon */
}
/* Plugin Grid (legacy) */
/* Plugin Card */
/* Compact icon variant - same as base but explicit */
/* Status Labels - Icon-only colored dots with tooltips */
/* Orange dot - In Testing */
/* Green dot - Ready */
/* Red/Orange dot - Update Available */
/* Purple dot - Purchase Required */
/* Update Button */
/* Not Installed Card Styling */
/* Install Now Button */
/* Action Column (v2.1.5) - Download/Purchase icons */
/* Download button - Green */
/* Install button - Blue (auto-install via AJAX) */
/* Install button - Testing mode (Orange - matches status-testing dot) */
/* Install success state */
/* Purchase button - Orange/Amber */
/* Go to plugin button - Blue */
/* Settings icon */
/* Installed indicator - Green circle with tick (1px border, not filled) */
/* Update available icon - Green square (same style as go to icon) */
/* Install First icon - Orange/Amber exterior link style */
/* Download button - Blue for uninstalled plugins */
/* Success Modal */
/* All-up-to-date toast (v2.3.81)
* Appears inside the block when version check confirms every installed plugin is current.
* Accent colour comes from var(--primary) which is set dynamically from the Moodle theme,
* so it matches the site's brand colour with no hardcoded value. */
/* Plugin Update Popup (v2.3.83)
* Full-screen modal shown after "Check for Updates" fires.
* Orange gradient = updates available; green = all current. */
/* Up-to-date state */
/* Footer buttons */
/* Loading spinner */
@keyframes ainav-spin {
to {
transform: rotate(360deg);
}
}
/* Auto-update button (v1.8.0) */
/* Upgrade prompt modal */
/* Dark mode for plugin management */
@media (prefers-color-scheme: dark) {
/* Action column dark mode (v2.1.6) */
}
/* ==========================================
MODERN ROW LAYOUT & BEAUTIFUL TOOLTIPS (v1.9.1)
Mobile-first design with 16px base font
========================================== */
/* Mobile-first base - 16px font size */
/* Category Section - Full Width Row */
/* Plugin Grid - Responsive */
/* Category Header with Badge */
/* Category Title Row */
/* Plugin Card - Modern with Docs Link */
/* Left side: Icon + Name */
/* Right side: Docs Link + Version - Right-aligned */
/* Docs Link Button */
/* Compact Docs Link for Plugin Cards */
/* Version Badge */
/* Mobile Responsive */
/* ==========================================
BEAUTIFUL HOVER TOOLTIPS
========================================== */
/* Tooltip Arrow */
/* Tooltip Content */
/* Tooltip Header */
/* Tooltip Description */
/* Tooltip Access Info */
/* Tooltip animation enhancement */
@keyframes tooltipPulse {
0% {
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 8px 10px -6px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(0, 0, 0, 0.05);
}
50% {
box-shadow:
0 25px 30px -5px rgba(59, 130, 246, 0.15),
0 10px 12px -6px rgba(59, 130, 246, 0.1),
0 0 0 2px rgba(59, 130, 246, 0.1);
}
100% {
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 8px 10px -6px rgba(0, 0, 0, 0.1),
0 0 0 1px rgba(0, 0, 0, 0.05);
}
}
/* Tooltip positioning for edge cards */
/* Dark mode tooltips */
/* ================================================
CACHE MANAGEMENT SECTION (v2.0.4)
Balanced design - not too big, not too small
================================================ */
/* Toggle switch */
/* Form select styling */
/* Modal footer */
/* Dark mode support for cache section */
/* ===== COLLAPSIBLE SECTION STYLES (v2.2.53) ===== */
/* Toggle button */
/* Toggle arrow icon */
/* Collapsed state - rotate arrow */
/* Collapsible content wrapper */
/* Collapsed content */
/* Header alignment with toggle */
/* Dark mode adjustments */
/* ========================================
v2.4.51 — SUPER-GROUP LAYOUT
AI & Learning Intelligence + Administration & Operations
======================================== */
/* Outer wrapper for both super-groups */
/* Super-group section header (the ✦ / ⚙ bar) */
/* Horizontal rule that fills remaining space */
/* Foundation plugin bar (Central Config) at the top of AI group */
/* Category column grid for AI super-group — 5 equal columns */
/* Category column grid for Admin super-group — adaptive columns */
/* AI-toned category card */
/* Admin-toned category card */
/* Responsive: collapse AI grid to 3 cols on medium screens */
/* ── Settings dropdown subheadings (v2.4.51) ─────────────────────────────── */
/* ===== World-class plugin finder (v2.4.56) ===== */
/**
* AI Dashboard Quick Links block — v2 UI styles (block_aiplugin_nav v2.5.0).
*
* Styles for the new four-panel UI rendered by amd/src/ui.js into
*
. Ported from the approved mockup
* (quicklinks.html). Appended to the end of the existing styles.css —
* every selector below is scoped under .ainav2 so it cannot collide with,
* or leak into, the legacy .ainav-* styles above or the host Moodle theme.
*
* Class names all start "ainav2-"; see amd/src/ui.js for the markup that
* consumes them. The accent colour derives from the Moodle theme primary
* via the --primary custom property the block root carries inline
* (style="--primary:..."); see "Design tokens & theming" below.
*
* @package block_aiplugin_nav
* @copyright 2025 Essay Grader AI
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/* ================================================================== *
* Design tokens & theming
*
* Light tokens live on .ainav2 itself. Dark tokens are re-declared
* twice: once under prefers-color-scheme so the block follows the
* visitor's OS/browser preference, and once under the explicit
* .ainav2-dark hook so a Moodle theme's own dark-mode toggle can force
* it regardless of OS preference (higher specificity wins over the
* media-query block). The 12 plugin-type hues and the semantic
* ok/credit/warn colours are fixed brand colours and do NOT derive from
* --primary.
* ================================================================== */
.ainav2 {
--ground: #ebe8e1;
--surface: #fff;
--surface-2: #f7f5f1;
--surface-3: #f0ede7;
--line: #ddd8cf;
--line-soft: #e9e5dd;
--ink: #12161b;
--ink-2: #4b525a;
--ink-3: #7e858e;
/* Moodle theme primary drives the accent; the hex is only a fallback. */
--accent: var(--primary, #0e6e68);
--accent-2: color-mix(in srgb, var(--accent) 80%, white);
--accent-soft: color-mix(in srgb, var(--accent) 11%, white);
--accent-ink: color-mix(in srgb, var(--accent) 72%, black);
--credit: #a9690c;
--credit-soft: #f9efdd;
--ok: #2c7643;
--ok-soft: #e3f0e7;
--warn: #b4472c;
--warn-soft: #fae9e4;
--e1: 0 1px 2px rgba(18, 22, 27, .05);
--e2: 0 1px 2px rgba(18, 22, 27, .05), 0 6px 16px -8px rgba(18, 22, 27, .16);
--e3: 0 1px 2px rgba(18, 22, 27, .06), 0 18px 40px -20px rgba(18, 22, 27, .3);
--r: 10px;
box-sizing: border-box;
background: var(--surface);
color: var(--ink);
border: 1px solid var(--line);
border-radius: 14px;
box-shadow: var(--e3);
overflow: hidden;
display: flex;
flex-direction: column;
font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
font-size: 14.5px;
line-height: 1.4;
-webkit-font-smoothing: antialiased;
max-width: 100%;
}
.ainav2 *,
.ainav2 *::before,
.ainav2 *::after {
box-sizing: border-box;
}
.ainav2 img,
.ainav2 svg {
max-width: 100%;
}
/* ------------------------------------------------------------------ *
* Theme isolation.
*
* Moodle themes are Bootstrap-based and style bare
and