[Summary view] [Print] [Text view]

   1  /* Question bank */
   2  .questionbank h2 {
   3      margin-top: 0;
   4  }
   5  
   6  .questioncategories h3 {
   7      margin-top: 0;
   8  }
   9  
  10  #chooseqtypebox {
  11      margin-top: 1em;
  12  }
  13  
  14  #chooseqtype h3 {
  15      margin: 0 0 0.3em;
  16  }
  17  
  18  #chooseqtype .instruction {
  19      display: none;
  20  }
  21  
  22  #chooseqtype .fakeqtypes {
  23      border-top: 1px solid silver;
  24  }
  25  
  26  #chooseqtype .qtypeoption {
  27      margin-bottom: 0.5em;
  28  }
  29  
  30  #chooseqtype label {
  31      display: block;
  32  }
  33  
  34  #chooseqtype .qtypename img {
  35      padding: 0 0.3em;
  36  }
  37  
  38  #chooseqtype .qtypesummary {
  39      display: block;
  40      margin: 0 2em;
  41  }
  42  
  43  #chooseqtype .submitbuttons {
  44      margin: 0.7em 0;
  45      text-align: center;
  46  }
  47  
  48  #qtypechoicecontainer {
  49      display: none;
  50  }
  51  
  52  #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
  53      background: none;
  54  }
  55  
  56  #qtypechoicecontainer.yui-panel .hd {
  57      color: #333333;
  58      letter-spacing: 1px;
  59      text-shadow: 1px 1px 1px #FFFFFF;
  60      border-radius: 10px 10px 0 0;
  61      border: 1px solid #CCCCCC;
  62      border-bottom: 1px solid #BBBBBB;
  63      background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  64      background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  65  }
  66  
  67  #qtypechoicecontainer {
  68      font-size: 12px;
  69      color: #333333;
  70      background: #F2F2F2;
  71      border-radius: 10px;
  72      border: 1px solid #CCCCCC;
  73      border-top: 0 none;
  74      -webkit-box-shadow: 5px 5px 20px 0px #666666;
  75      -moz-box-shadow: 5px 5px 20px 0px #666666;
  76      box-shadow: 5px 5px 20px 0px #666666;
  77  }
  78  
  79  #qtypechoicecontainer #chooseqtype {
  80      width: 35em;
  81  }
  82  
  83  #qtypechoicecontainer #chooseqtypehead h3 {
  84      margin: 0;
  85      font-weight: normal;
  86  }
  87  
  88  #qtypechoicecontainer #chooseqtype .qtypes {
  89      position: relative;
  90      border-bottom: 1px solid #BBBBBB;
  91      padding: 0.24em 0;
  92  }
  93  
  94  #qtypechoicecontainer #chooseqtype .alloptions {
  95      overflow-x: hidden;
  96      overflow-y: auto;
  97      max-height: 400px;
  98      max-height: calc(100vh - 8em);
  99      width: 60%;
 100  }
 101  
 102  #qtypechoicecontainer #chooseqtype .qtypeoption {
 103      margin-bottom: 0;
 104      padding: 0.3em 0 0.3em 1.6em;
 105  }
 106  
 107  #qtypechoicecontainer #chooseqtype .qtypeoption img {
 108      vertical-align: text-bottom;
 109      padding-left: 1em;
 110      padding-right: 0.5em;
 111  }
 112  
 113  #qtypechoicecontainer #chooseqtype .selected {
 114      background-color: #FFFFFF;
 115      box-shadow: 0px 0px 10px 0px #CCCCCC;
 116      -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
 117      -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
 118  }
 119  
 120  #qtypechoicecontainer #chooseqtype .instruction,
 121  #qtypechoicecontainer #chooseqtype .qtypesummary {
 122      display: none;
 123      position: absolute;
 124      top: 0;
 125      right: 0;
 126      left: 60%;
 127      margin: 0;
 128      bottom: 0;
 129      overflow-x: hidden;
 130      overflow-y: auto;
 131      padding: 1.5em 1.6em;
 132      background-color: #FFFFFF;
 133  }
 134  
 135  #qtypechoicecontainer #chooseqtype .instruction,
 136  #qtypechoicecontainer #chooseqtype .selected .qtypesummary {
 137      display: block;
 138  }
 139  
 140  #categoryquestions {
 141      margin: 0;
 142  }
 143  
 144  #categoryquestions td,
 145  #categoryquestions th {
 146      padding: 0 0.2em;
 147  }
 148  
 149  #categoryquestions th {
 150      text-align: left;
 151      font-weight: normal;
 152  }
 153  
 154  .dir-rtl #categoryquestions th {
 155      text-align: right;
 156  }
 157  
 158  .questionbank .singleselect {
 159      margin: 0;
 160  }
 161  
 162  /* Question editing forms. */
 163  #page-question-addquestion #chooserdialogue,
 164  #page-question-addquestion #choosertitle {
 165      display: block;
 166  }
 167  
 168  #combinedfeedbackhdr div.fhtmleditor {
 169      padding: 0;
 170  }
 171  
 172  #combinedfeedbackhdr div.fcheckbox {
 173      margin-bottom: 1em;
 174  }
 175  
 176  #multitriesheader div.fitem_feditor {
 177      margin-top: 1em;
 178  }
 179  
 180  #multitriesheader div.fitem_fgroup {
 181      margin-bottom: 1em;
 182  }
 183  
 184  #multitriesheader div.fitem_fgroup fieldset.felement label {
 185      margin-left: 0.3em;
 186      margin-right: 0.3em;
 187  }
 188  
 189  body.path-question-type .fitem_fgroup .accesshide {
 190      font: inherit;
 191      left: 0;
 192      position: static;
 193      padding-right: .3em;
 194  }
 195  
 196  /* Questions being attempted. */
 197  .que {
 198      clear: left;
 199      text-align: left;
 200      margin: 0 auto 1.8em auto;
 201  }
 202  
 203  .dir-rtl .que {
 204      text-align: right;
 205  }
 206  
 207  .que .info {
 208      float: left;
 209      width: 7em;
 210      padding: 0.5em;
 211      margin-bottom: 1.8em;
 212      background: #eee;
 213  }
 214  
 215  .que h3.no {
 216      margin: 0;
 217      font-size: 0.8em;
 218      line-height: 1;
 219  }
 220  
 221  .que span.qno {
 222      font-size: 1.5em;
 223      font-weight: bold;
 224  }
 225  
 226  .que .info > div {
 227      font-size: 0.8em;
 228      margin-top: 0.7em;
 229  }
 230  
 231  .que .info .questionflag.editable {
 232      cursor: pointer;
 233  }
 234  
 235  .que .info .editquestion img,
 236  .que .info .questionflag img,
 237  .que .info .questionflag input {
 238      vertical-align: bottom;
 239  }
 240  
 241  .que .content {
 242      margin: 0 0 0 8.5em;
 243  }
 244  
 245  .que .formulation,
 246  .que .outcome,
 247  .que .comment,
 248  .que .history {
 249      padding: 0.5em;
 250      margin: 0 0 0.5em;
 251  }
 252  
 253  .que .formulation {
 254      background: #e4f1fa;
 255  }
 256  
 257  .que .outcome {
 258      background: #fff3bf;
 259  }
 260  
 261  .que .comment {
 262      background: #e0ffe0;
 263  }
 264  
 265  .que .history {
 266      background: #eee;
 267  }
 268  
 269  .que .ablock {
 270      margin: 0.7em 0 0.3em 0;
 271  }
 272  
 273  .que .im-controls {
 274      margin-top: 0.5em;
 275      text-align: left;
 276  }
 277  
 278  .dir-rtl .que .im-controls {
 279      text-align: right;
 280  }
 281  
 282  .que .specificfeedback,
 283  .que .generalfeedback,
 284  .que .rightanswer,
 285  .que .im-feedback,
 286  .que .feedback,
 287  .que p {
 288      margin: 0 0 0.5em;
 289  }
 290  
 291  .que .qtext {
 292      margin-bottom: 1.5em;
 293  }
 294  
 295  .que .correct {
 296      background-color: #afa;
 297  }
 298  
 299  .que .notanswered,
 300  .que .incorrect {
 301      background-color: #faa;
 302  }
 303  
 304  .que .partiallycorrect {
 305      background-color: #ff9;
 306  }
 307  
 308  .que .validationerror {
 309      color: #a00;
 310  }
 311  
 312  .que .grading,
 313  .que .comment,
 314  .que .commentlink,
 315  .que .history {
 316      margin-top: 0.5em;
 317  }
 318  
 319  .que .history h3 {
 320      margin: 0 0 0.2em;
 321      font-size: 1em;
 322  }
 323  
 324  .que .history table {
 325      width: 100%;
 326      margin: 0;
 327  }
 328  
 329  .que .history .current {
 330      font-weight: bold;
 331  }
 332  
 333  .que .questioncorrectnessicon {
 334      vertical-align: text-bottom;
 335  }
 336  
 337  .que input.questionflagimage {
 338      padding-right: 3px;
 339  }
 340  
 341  .dir-rtl .que input.questionflagimage {
 342      padding-left: 3px;
 343      padding-right: 0;
 344  }
 345  
 346  /* Miscellaneous. */
 347  .importerror {
 348      margin-top: 10px;
 349      border-bottom: 1px solid #555;
 350  }
 351  
 352  .mform .que.comment .fitemtitle {
 353      width: 20%;
 354  }
 355  
 356  #page-question-preview #techinfo {
 357      margin: 1em 0;
 358  }
 359  
 360  #page-mod-quiz-edit #categoryquestions .header {
 361      background: none;
 362  }
 363  
 364  .path-question-type #id_answerhdr .fitem_feditor .felement {
 365      margin-left: 0px;
 366      margin-right: 0px;
 367  }
 368  
 369  @media (min-width: 1200px) {
 370      .path-question-type #id_answerhdr .fitem_feditor .felement {
 371          margin-left: 16%;
 372          margin-right: 0px;
 373      }
 374  
 375      body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
 376          padding-left: 0;
 377          padding-right: 0;
 378      }
 379  
 380      .dir-rtl.path-question-type #id_answerhdr .fitem_feditor .felement {
 381          margin-right: 16%;
 382          margin-left: 0px;
 383      }
 384  
 385      body.dir-rtl#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
 386          padding-left: 0;
 387          padding-right: 0;
 388      }
 389  }
 390  
 391  /** Overide for RTL layout **/
 392  .dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
 393  .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {
 394      right: 60%;
 395      left: 0%;
 396      border-left: 0;
 397      border-right: 1px solid grey;
 398  }
 399  
 400  #qtypechoicecontainer #chooseqtype .qtypeoption {
 401      padding-right: 0.3em;
 402  }
 403  
 404  body.path-question-type .mform fieldset.hidden {
 405      padding: 0;
 406      margin: 0.7em 0 0;
 407  }