[Summary view] [Print] [Text view]

   1  /* Question bank */
   2  .questionbank h2 {margin-top: 0;}
   3  .questioncategories h3 {margin-top: 0;}
   4  
   5  #chooseqtypebox {margin-top: 1em;}
   6  #chooseqtype h3 {margin: 0 0 0.3em;}
   7  #chooseqtype .instruction {display: none;}
   8  #chooseqtype .fakeqtypes {border-top: 1px solid silver;}
   9  #chooseqtype .qtypeoption {margin-bottom: 0.5em;}
  10  #chooseqtype label {display: block;}
  11  #chooseqtype .qtypename img {padding: 0 0.3em;}
  12  #chooseqtype .qtypesummary {display: block;margin: 0 2em;}
  13  #chooseqtype .submitbuttons {margin: 0.7em 0;text-align: center;}
  14  
  15  #qtypechoicecontainer {display: none;}
  16  
  17  #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {background: none;}
  18  #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);}
  19  
  20  #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;}
  21  #qtypechoicecontainer #chooseqtype {width: 35em;}
  22  #qtypechoicecontainer #chooseqtypehead h3 {margin: 0;font-weight: normal;}
  23  #qtypechoicecontainer #chooseqtype .qtypes {position: relative;border-bottom: 1px solid #BBBBBB;padding: 0.24em 0;}
  24  #qtypechoicecontainer #chooseqtype .alloptions {
  25      overflow-x: hidden;
  26      overflow-y: auto;
  27      max-height: 400px;
  28      max-height: calc(100vh - 8em);
  29      width: 60%;
  30  }
  31  #qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.3em 0 0.3em 1.6em;}
  32  #qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: text-bottom;padding-left: 1em;padding-right: 0.5em;}
  33  #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;}
  34  #qtypechoicecontainer #chooseqtype .instruction,
  35  #qtypechoicecontainer #chooseqtype .qtypesummary {
  36      display: none;
  37      position: absolute;
  38      top: 0;
  39      right: 0;
  40      left: 60%;
  41      margin: 0;
  42      bottom: 0;
  43      overflow-x: hidden;
  44      overflow-y: auto;
  45      padding: 1.5em 1.6em;
  46      background-color: #FFFFFF;
  47  }
  48  #qtypechoicecontainer #chooseqtype .instruction,
  49  #qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;}
  50  
  51  #categoryquestions { margin: 0; }
  52  #categoryquestions td,
  53  #categoryquestions th { padding: 0 0.2em; }
  54  #categoryquestions th { text-align: left; font-weight: normal; }
  55  .dir-rtl #categoryquestions th { text-align: right; }
  56  .questionbank .singleselect { margin: 0; }
  57  
  58  /* Question editing forms. */
  59  #page-question-addquestion #chooserdialogue,
  60  #page-question-addquestion #choosertitle {
  61      display: block;
  62  }
  63  
  64  #combinedfeedbackhdr div.fhtmleditor {padding: 0;}
  65  #combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
  66  
  67  #multitriesheader div.fitem_feditor {margin-top: 1em;}
  68  #multitriesheader div.fitem_fgroup {margin-bottom: 1em;}
  69  #multitriesheader div.fitem_fgroup fieldset.felement label {margin-left: 0.3em; margin-right: 0.3em;}
  70  
  71  body.path-question-type .fitem_fgroup .accesshide {font: inherit;left: 0;position: static;padding-right:.3em}
  72  
  73  /* Questions being attempted. */
  74  .que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
  75  .dir-rtl .que {text-align: right;}
  76  
  77  .que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
  78  .que h3.no {margin: 0;font-size: 0.8em;line-height: 1;}
  79  .que span.qno {font-size: 1.5em;font-weight:bold;}
  80  .que .info > div {font-size: 0.8em;margin-top: 0.7em;}
  81  .que .info .questionflag.editable {cursor:pointer;}
  82  .que .info .editquestion img,
  83  .que .info .questionflag img,
  84  .que .info .questionflag input {vertical-align: bottom;}
  85  
  86  .que .content {margin: 0 0 0 8.5em;}
  87  
  88  .que .formulation,
  89  .que .outcome,
  90  .que .comment,
  91  .que .history {padding: 0.5em;margin: 0 0 0.5em;}
  92  .que .formulation {background: #e4f1fa;}
  93  .que .outcome {background: #fff3bf;}
  94  .que .comment {background: #e0ffe0;}
  95  .que .history {background: #eee;}
  96  
  97  .que .ablock {margin: 0.7em 0 0.3em 0;}
  98  .que .im-controls {margin-top: 0.5em;text-align: left;}
  99  .dir-rtl .que .im-controls {text-align: right;}
 100  
 101  .que .specificfeedback,
 102  .que .generalfeedback,
 103  .que .rightanswer,
 104  .que .im-feedback,
 105  .que .feedback,
 106  .que p {margin: 0 0 0.5em;}
 107  .que .qtext {margin-bottom: 1.5em;}
 108  
 109  .que .correct {background-color: #afa;}
 110  .que .notanswered,
 111  .que .incorrect {background-color: #faa;}
 112  .que .partiallycorrect {background-color: #ff9;}
 113  .que .validationerror {color: #a00;}
 114  .que .grading,
 115  .que .comment,
 116  .que .commentlink,
 117  .que .history {margin-top: 0.5em;}
 118  
 119  .que .history h3 {margin: 0 0 0.2em;font-size: 1em;}
 120  .que .history table {width: 100%;margin: 0;}
 121  .que .history .current {font-weight: bold;}
 122  
 123  .que .questioncorrectnessicon { vertical-align: text-bottom; }
 124  .que input.questionflagimage { padding-right: 3px; }
 125  .dir-rtl .que input.questionflagimage { padding-left: 3px; padding-right: 0; }
 126  
 127  /* Miscellaneous. */
 128  .importerror {margin-top: 10px;border-bottom: 1px solid #555;}
 129  .mform .que.comment .fitemtitle {width: 20%;}
 130  
 131  #page-question-preview #techinfo {
 132      margin: 1em 0;
 133  }
 134  #page-mod-quiz-edit #categoryquestions .header {
 135      background: none;
 136  }
 137  
 138  .path-question-type #id_answerhdr .fitem_feditor .felement {
 139      margin-left: 0px;
 140      margin-right: 0px;
 141  }
 142  @media (min-width: 1200px) {
 143      .path-question-type #id_answerhdr .fitem_feditor .felement {
 144          margin-left: 16%;
 145          margin-right: 0px;
 146      }
 147      body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
 148          padding-left: 0;
 149          padding-right: 0;
 150      }
 151      .dir-rtl.path-question-type #id_answerhdr .fitem_feditor .felement {
 152          margin-right: 16%;
 153          margin-left: 0px;
 154      }
 155  
 156      body.dir-rtl#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
 157          padding-left: 0;
 158          padding-right: 0;
 159      }
 160  }
 161  
 162  /** Overide for RTL layout **/
 163  .dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
 164  .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
 165  #qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}
 166  
 167  body.path-question-type .mform fieldset.hidden {
 168      padding: 0;
 169      margin: 0.7em 0 0;
 170  }