/* Question bank */ .questionbank h2 { margin-top: 0; } .questioncategories h3 { margin-top: 0; } #chooseqtypebox { margin-top: 1em; } #chooseqtype h3 { margin: 0 0 0.3em; } #chooseqtype .instruction { display: none; } #chooseqtype .fakeqtypes { border-top: 1px solid silver; } #chooseqtype .qtypeoption { margin-bottom: 0.5em; } #chooseqtype label { display: block; } #chooseqtype .qtypename img { padding: 0 0.3em; } #chooseqtype .qtypesummary { display: block; margin: 0 2em; } #chooseqtype .submitbuttons { margin: 0.7em 0; text-align: center; } #qtypechoicecontainer { display: none; } #qtypechoicecontainer_c.yui-panel-container.shadow .underlay { background: none; } #qtypechoicecontainer.yui-panel .hd { color: #333333; letter-spacing: 1px; text-shadow: 1px 1px 1px #FFFFFF; border-radius: 10px 10px 0 0; border: 1px solid #CCCCCC; border-bottom: 1px solid #BBBBBB; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); } #qtypechoicecontainer { font-size: 12px; color: #333333; background: #F2F2F2; border-radius: 10px; border: 1px solid #CCCCCC; border-top: 0 none; -webkit-box-shadow: 5px 5px 20px 0px #666666; -moz-box-shadow: 5px 5px 20px 0px #666666; box-shadow: 5px 5px 20px 0px #666666; } #qtypechoicecontainer #chooseqtype { width: 35em; } #qtypechoicecontainer #chooseqtypehead h3 { margin: 0; font-weight: normal; } #qtypechoicecontainer #chooseqtype .qtypes { position: relative; border-bottom: 1px solid #BBBBBB; padding: 0.24em 0; } #qtypechoicecontainer #chooseqtype .alloptions { overflow-x: hidden; overflow-y: auto; max-height: 400px; max-height: calc(100vh - 8em); width: 60%; } #qtypechoicecontainer #chooseqtype .qtypeoption { margin-bottom: 0; padding: 0.3em 0 0.3em 1.6em; } #qtypechoicecontainer #chooseqtype .qtypeoption img { vertical-align: text-bottom; padding-left: 1em; padding-right: 0.5em; } #qtypechoicecontainer #chooseqtype .selected { background-color: #FFFFFF; box-shadow: 0px 0px 10px 0px #CCCCCC; -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC; -moz-box-shadow: 0px 0px 10px 0px #CCCCCC; } #qtypechoicecontainer #chooseqtype .instruction, #qtypechoicecontainer #chooseqtype .qtypesummary { display: none; position: absolute; top: 0; right: 0; left: 60%; margin: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; padding: 1.5em 1.6em; background-color: #FFFFFF; } #qtypechoicecontainer #chooseqtype .instruction, #qtypechoicecontainer #chooseqtype .selected .qtypesummary { display: block; } #categoryquestions { margin: 0; } #categoryquestions td, #categoryquestions th { padding: 0 0.2em; } #categoryquestions th { text-align: left; font-weight: normal; } .dir-rtl #categoryquestions th { text-align: right; } .questionbank .singleselect { margin: 0; } /* Question editing forms. */ #page-question-addquestion #chooserdialogue, #page-question-addquestion #choosertitle { display: block; } #combinedfeedbackhdr div.fhtmleditor { padding: 0; } #combinedfeedbackhdr div.fcheckbox { margin-bottom: 1em; } #multitriesheader div.fitem_feditor { margin-top: 1em; } #multitriesheader div.fitem_fgroup { margin-bottom: 1em; } #multitriesheader div.fitem_fgroup fieldset.felement label { margin-left: 0.3em; margin-right: 0.3em; } body.path-question-type .fitem_fgroup .accesshide { font: inherit; left: 0; position: static; padding-right: .3em; } /* Questions being attempted. */ .que { clear: left; text-align: left; margin: 0 auto 1.8em auto; } .dir-rtl .que { text-align: right; } .que .info { float: left; width: 7em; padding: 0.5em; margin-bottom: 1.8em; background: #eee; } .que h3.no { margin: 0; font-size: 0.8em; line-height: 1; } .que span.qno { font-size: 1.5em; font-weight: bold; } .que .info > div { font-size: 0.8em; margin-top: 0.7em; } .que .info .questionflag.editable { cursor: pointer; } .que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input { vertical-align: bottom; } .que .content { margin: 0 0 0 8.5em; } .que .formulation, .que .outcome, .que .comment, .que .history { padding: 0.5em; margin: 0 0 0.5em; } .que .formulation { background: #e4f1fa; } .que .outcome { background: #fff3bf; } .que .comment { background: #e0ffe0; } .que .history { background: #eee; } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .im-controls { margin-top: 0.5em; text-align: left; } .dir-rtl .que .im-controls { text-align: right; } .que .specificfeedback, .que .generalfeedback, .que .rightanswer, .que .im-feedback, .que .feedback, .que p { margin: 0 0 0.5em; } .que .qtext { margin-bottom: 1.5em; } .que .correct { background-color: #afa; } .que .notanswered, .que .incorrect { background-color: #faa; } .que .partiallycorrect { background-color: #ff9; } .que .validationerror { color: #a00; } .que .grading, .que .comment, .que .commentlink, .que .history { margin-top: 0.5em; } .que .history h3 { margin: 0 0 0.2em; font-size: 1em; } .que .history table { width: 100%; margin: 0; } .que .history .current { font-weight: bold; } .que .questioncorrectnessicon { vertical-align: text-bottom; } .que input.questionflagimage { padding-right: 3px; } .dir-rtl .que input.questionflagimage { padding-left: 3px; padding-right: 0; } /* Miscellaneous. */ .importerror { margin-top: 10px; border-bottom: 1px solid #555; } .mform .que.comment .fitemtitle { width: 20%; } #page-question-preview #techinfo { margin: 1em 0; } #page-mod-quiz-edit #categoryquestions .header { background: none; } .path-question-type #id_answerhdr .fitem_feditor .felement { margin-left: 0px; margin-right: 0px; } @media (min-width: 1200px) { .path-question-type #id_answerhdr .fitem_feditor .felement { margin-left: 16%; margin-right: 0px; } body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle { padding-left: 0; padding-right: 0; } .dir-rtl.path-question-type #id_answerhdr .fitem_feditor .felement { margin-right: 16%; margin-left: 0px; } body.dir-rtl#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle { padding-left: 0; padding-right: 0; } } /** Overide for RTL layout **/ .dir-rtl #qtypechoicecontainer #chooseqtype .instruction, .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary { right: 60%; left: 0%; border-left: 0; border-right: 1px solid grey; } #qtypechoicecontainer #chooseqtype .qtypeoption { padding-right: 0.3em; } body.path-question-type .mform fieldset.hidden { padding: 0; margin: 0.7em 0 0; }