mod/quiz/styles.css

   1 /** Bits that can appear on any page. */
   2 .path-mod-quiz .statedetails {
   3     display: block;
   4     font-size: 0.7em;
   5 }
   6
   7 /** Attempt and review pages **/
   8 #page-mod-quiz-attempt #page .controls,
   9 #page-mod-quiz-summary #page .controls,
  10 #page-mod-quiz-review #page .controls {
  11     text-align: center;
  12     margin: 8px auto;
  13 }
  14
  15 #page-mod-quiz-attempt .submitbtns,
  16 #page-mod-quiz-review .submitbtns {
  17     display: flex;
  18 }
  19
  20 #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
  21 #page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
  22     margin-left: auto;
  23 }
  24
  25 .path-mod-quiz .mod_quiz-redo_question_button {
  26     margin: 0;
  27 }
  28
  29 .path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
  30     padding: 2px 0.8em;
  31     font-size: 1em;
  32 }
  33
  34 #page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
  35 #page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
  36     background: #eee;
  37     border: 1px solid #dcdcdc;
  38 }
  39
  40 #page-mod-quiz-attempt #connection-ok,
  41 #page-mod-quiz-attempt #connection-error {
  42     position: fixed;
  43     top: 0;
  44     width: 80%;
  45     left: 10%;
  46     color: #555;
  47     border-radius: 0 0 10px 10px;
  48     box-shadow: 5px 5px 20px 0 #666;
  49     padding: 1em 1em 0;
  50     z-index: 10000;
  51 }
  52
  53 #page-mod-quiz-attempt #connection-error {
  54     background-color: #fcc;
  55 }
  56
  57 #page-mod-quiz-attempt #connection-ok {
  58     background-color: #cfb;
  59     width: 60%;
  60     left: 20%;
  61 }
  62
  63 /** Mod quiz attempt **/
  64 .generalbox#passwordbox {
  65     /* Should probably match .generalbox#intro above */
  66     width: 70%;
  67     margin-left: auto;
  68     margin-right: auto;
  69 }
  70
  71 #passwordform {
  72     margin: 1em 0;
  73 }
  74
  75 /* Question navigation block. */
  76 #quiznojswarning {
  77     color: red;
  78 }
  79
  80 #quiznojswarning {
  81     font-size: 0.7em;
  82     line-height: 1.1;
  83 }
  84
  85 .jsenabled #quiznojswarning {
  86     display: none;
  87 }
  88
  89 .path-mod-quiz #user-picture {
  90     margin: 0.5em 0;
  91 }
  92
  93 .path-mod-quiz #user-picture img {
  94     width: auto;
  95     height: auto;
  96     vertical-align: bottom;
  97 }
  98
  99 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
 100     padding: 0.7em 0 0;
 101     margin: 0;
 102     clear: both;
 103 }
 104
 105 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
 106     padding-top: 0;
 107 }
 108
 109 .path-mod-quiz .qnbutton {
 110     display: block;
 111     position: relative;
 112     float: left;
 113     width: 1.5em;
 114     height: 1.5em;
 115     overflow: hidden;
 116     margin: 0.3em 0.3em 0.3em 0;
 117     padding: 0;
 118     border: 1px solid #bbb;
 119     background: #ddd;
 120     text-align: center;
 121     line-height: 1.5em;
 122     font-weight: bold;
 123     text-decoration: none;
 124 }
 125
 126 .path-mod-quiz .qnbutton:visited:hover,
 127 .path-mod-quiz .qnbutton:link:hover {
 128     text-decoration: underline;
 129 }
 130
 131 .path-mod-quiz .qnbutton .trafficlight,
 132 .path-mod-quiz .qnbutton .thispageholder {
 133     display: block;
 134     position: absolute;
 135     top: 0;
 136     bottom: 0;
 137     left: 0;
 138     right: 0;
 139 }
 140
 141 .path-mod-quiz .qnbutton.thispage {
 142     border-color: #666;
 143 }
 144
 145 .path-mod-quiz .qnbutton.thispage .thispageholder {
 146     border: 1px solid #666;
 147 }
 148
 149 .path-mod-quiz .qnbutton.flagged .trafficlight {
 150     background: url([[pix:quiz|navflagged]]) no-repeat top right;
 151 }
 152
 153 .path-mod-quiz .qnbutton.blocked,
 154 .path-mod-quiz .qnbutton.notyetanswered,
 155 .path-mod-quiz .qnbutton.requiresgrading,
 156 .path-mod-quiz .qnbutton.invalidanswer {
 157     background-color: white;
 158 }
 159
 160 .path-mod-quiz .qnbutton.correct {
 161     background-color: #cfc;
 162 }
 163
 164 .path-mod-quiz .qnbutton.correct .trafficlight {
 165     border-bottom: 3px solid #080;
 166 }
 167
 168 .path-mod-quiz .qnbutton.partiallycorrect {
 169     background-color: #ffa;
 170 }
 171
 172 .path-mod-quiz .qnbutton.notanswered,
 173 .path-mod-quiz .qnbutton.incorrect {
 174     background-color: #fcc;
 175 }
 176
 177 .path-mod-quiz .qnbutton.blocked {
 178     color: #999;
 179 }
 180
 181 .path-mod-quiz .qnbutton.notanswered .trafficlight,
 182 .path-mod-quiz .qnbutton.incorrect .trafficlight {
 183     border-top: 3px solid #800;
 184 }
 185
 186 .path-mod-quiz .othernav {
 187     clear: both;
 188     margin: 0.5em 0;
 189 }
 190
 191 .path-mod-quiz .othernav a,
 192 .path-mod-quiz .othernav input {
 193     display: block;
 194     margin: 0.5em 0;
 195 }
 196
 197 #mod_quiz_navblock.nav-disabled > * {
 198     opacity: .65;
 199     pointer-events: none;
 200     cursor: not-allowed;
 201 }
 202
 203 /** mod quiz mod **/
 204 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
 205     width: 23%;
 206     margin-left: 10px;
 207 }
 208
 209 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
 210     width: 100%;
 211     text-align: left;
 212     margin-left: 0;
 213 }
 214
 215 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
 216     float: left;
 217     width: 23%;
 218     clear: none;
 219 }
 220
 221 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
 222     width: 100%;
 223     font-weight: bold;
 224     text-align: left;
 225     height: 2.5em;
 226     margin-left: 0;
 227 }
 228
 229 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
 230     clear: left;
 231     margin: 0 0 1em;
 232 }
 233
 234 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
 235     float: left;
 236     clear: left;
 237     line-height: 1.7;
 238 }
 239
 240 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
 241     margin-left: 0.4em;
 242 }
 243
 244 /** Mod quiz view **/
 245 #page-mod-quiz-view .quizinfo,
 246 #page-mod-quiz-view #page .quizgradefeedback {
 247     text-align: center;
 248 }
 249
 250 #page-mod-quiz-view #page .quizattemptsummary td p {
 251     margin-top: 0;
 252 }
 253
 254 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
 255     border-color: #bce8f1;
 256     background-color: #d9edf7;
 257 }
 258
 259 table.quizattemptsummary .noreviewmessage {
 260     color: gray;
 261 }
 262
 263 #page-mod-quiz-view .generaltable.quizattemptsummary {
 264     margin-left: auto;
 265     margin-right: auto;
 266 }
 267
 268 #page-mod-quiz-view .generalbox#feedback {
 269     width: 70%;
 270     margin-left: auto;
 271     margin-right: auto;
 272     padding-bottom: 15px;
 273 }
 274
 275 #page-mod-quiz-view .generalbox#feedback h2 {
 276     margin: 0;
 277 }
 278
 279 #page-mod-quiz-view .generalbox#feedback h3 {
 280     text-align: left;
 281 }
 282
 283 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
 284     text-align: center;
 285     font-size: 0.7em;
 286 }
 287
 288 .quizstartbuttondiv.quizsecuremoderequired input,
 289 .quizstartbuttondiv.quizsecuremoderequired button {
 290     display: none;
 291 }
 292
 293 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
 294 .jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
 295     display: inline;
 296 }
 297
 298 .quizattempt #mod_quiz_preflight_form {
 299     display: none;
 300 }
 301
 302 #mod_quiz_preflight_form .femptylabel .fitemtitle {
 303     display: none;
 304 }
 305
 306 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
 307     width: 600px;
 308 }
 309 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
 310     overflow: hidden;
 311 }
 312
 313 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
 314     padding: 1rem;
 315 }
 316
 317 /* Standard Moodle rule that needs to be more specific here. */
 318 .moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
 319     display: inherit;
 320     visibility: inherit;
 321 }
 322
 323 body.path-mod-quiz .gradedattempt,
 324 body.path-mod-quiz table tbody tr.gradedattempt > td {
 325     border-color: #bce8f1;
 326     background-color: #d9edf7;
 327 }
 328
 329 .quizattemptcounts {
 330     clear: left;
 331     text-align: center;
 332     display: inline;
 333     margin-left: 20%;
 334 }
 335
 336 #page-mod-quiz-view .quizattemptcounts {
 337     display: block;
 338     margin-left: 0;
 339     margin-right: 0;
 340 }
 341
 342 /** Mod quiz summary **/
 343 #page-mod-quiz-summary #content {
 344     text-align: center;
 345 }
 346
 347 #page-mod-quiz-summary .questionflag {
 348     vertical-align: text-bottom;
 349 }
 350
 351 #page-mod-quiz-summary #quiz-timer {
 352     text-align: center;
 353     margin-top: 1em;
 354 }
 355
 356 #page-mod-quiz-summary .submitbtns {
 357     margin-top: 1.5em;
 358 }
 359
 360 #page-mod-quiz-edit .section .activity .actions .version-selection {
 361     width: 8em;
 362     padding: 0;
 363 }
 364
 365 @media print {
 366     .quiz-secure-window * {
 367         display: none;
 368     }
 369 }
 370
 371 /** Mod quiz review **/
 372 table.quizreviewsummary {
 373     width: 100%;
 374 }
 375
 376 table.quizreviewsummary th.cell {
 377     padding: 1px 0.5em 1px 1em;
 378     font-weight: bold;
 379     text-align: right;
 380     width: 10em;
 381     background: #f0f0f0;
 382 }
 383
 384 table.quizreviewsummary td.cell {
 385     padding: 1px 1em 1px 0.5em;
 386     text-align: left;
 387     background: #fafafa;
 388 }
 389
 390 /** Mod quiz make comment or override grade popup. **/
 391 #page-mod-quiz-comment .mform {
 392     width: 100%;
 393 }
 394
 395 #page-mod-quiz-comment .mform fieldset {
 396     margin: 0;
 397 }
 398
 399 #page-mod-quiz-comment .que {
 400     margin: 0;
 401 }
 402
 403 /** Mod quiz report **/
 404 #page-mod-quiz-report h2.main {
 405     clear: both;
 406 }
 407
 408 #page-mod-quiz-report div#commands,
 409 #page-mod-quiz-report .controls {
 410     text-align: center;
 411 }
 412
 413 #page-mod-quiz-report .dubious {
 414     background-color: #fcc;
 415 }
 416
 417 #page-mod-quiz-report .highlight {
 418     border: 1px solid #bce8f1;
 419     background-color: #d9edf7;
 420 }
 421
 422 #page-mod-quiz-report .negcovar {
 423     border: medium solid pink;
 424 }
 425
 426 #page-mod-quiz-report .toggleincludeauto {
 427     text-align: center;
 428 }
 429
 430 #page-mod-quiz-report .gradetheselink {
 431     font-size: 0.8em;
 432 }
 433
 434 #page-mod-quiz-report .mform fieldset.fgroup span label {
 435     margin-right: 14px;
 436 }
 437
 438 #page-mod-quiz-report table th {
 439     white-space: normal;
 440 }
 441
 442 #page-mod-quiz-report table#attempts td,
 443 #page-mod-quiz-report table.quizresponseanalysis td {
 444     word-wrap: break-word;
 445     max-width: 20em;
 446 }
 447
 448 #page-mod-quiz-report table.titlesleft td.c0 {
 449     font-weight: bold;
 450 }
 451
 452 #page-mod-quiz-report table .numcol {
 453     text-align: center;
 454     vertical-align: middle;
 455 }
 456
 457 #page-mod-quiz-report table#attempts {
 458     clear: both;
 459     width: 80%;
 460     margin: 0.2em auto;
 461 }
 462
 463 #page-mod-quiz-report table#attempts .header,
 464 #page-mod-quiz-report table#attempts .cell {
 465     padding: 4px;
 466 }
 467
 468 #page-mod-quiz-report table#attempts .header .commands {
 469     display: inline;
 470 }
 471
 472 #page-mod-quiz-report table#attempts .picture {
 473     width: 40px;
 474 }
 475
 476 #page-mod-quiz-report table#attempts td {
 477     border-left-width: 1px;
 478     border-right-width: 1px;
 479     border-left-style: solid;
 480     border-right-style: solid;
 481     vertical-align: middle;
 482 }
 483
 484 #page-mod-quiz-report table#attempts .header {
 485     text-align: left;
 486 }
 487
 488 #page-mod-quiz-report table#attempts .picture {
 489     text-align: center;
 490 }
 491
 492 #page-mod-quiz-report table#attempts.grades span.que,
 493 #page-mod-quiz-report table#attempts span.avgcell {
 494     white-space: nowrap;
 495 }
 496
 497 #page-mod-quiz-report table#attempts span.que .requiresgrading {
 498     white-space: normal;
 499 }
 500
 501 #page-mod-quiz-report table#attempts .questionflag {
 502     vertical-align: text-bottom;
 503     padding-left: 6px;
 504 }
 505
 506 #page-mod-quiz-report .graph.flexible-wrap {
 507     text-align: center;
 508     overflow: auto;
 509 }
 510
 511 #page-mod-quiz-report #cachingnotice {
 512     margin-bottom: 1em;
 513     padding: 0.2em;
 514 }
 515
 516 #page-mod-quiz-report #cachingnotice .singlebutton {
 517     margin: 0.5em 0 0;
 518 }
 519
 520 #page-mod-quiz-report .bold .reviewlink {
 521     font-weight: normal;
 522 }
 523
 524 #page-mod-quiz-report tr.lastrowforattempt {
 525     border-bottom: lightgrey solid 0.2em;
 526 }
 527
 528 #page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
 529     padding-top: 1px;
 530     padding-bottom: 1px;
 531     border-top: none;
 532 }
 533
 534 /** Mod quiz edit **/
 535 #page-mod-quiz-edit .statusdisplay {
 536     background-color: #ffc;
 537     clear: both;
 538     margin: 0.3em 0;
 539     padding: 1px 10px;
 540 }
 541
 542 #page-mod-quiz-edit .statusdisplay p {
 543     margin: 4px 0;
 544 }
 545
 546 #page-mod-quiz-edit .mod_quiz-edit-top-controls {
 547     position: relative;
 548 }
 549 #page-mod-quiz-edit .mod_quiz-edit-action-buttons {
 550     display: block;
 551     min-height: 2.85em;
 552 }
 553
 554 @media (max-width: 576px) {
 555     #page-mod-quiz-edit .maxgrade {
 556         margin-bottom: 0.6em;
 557     }
 558     #page-mod-quiz-edit .maxgrade .form-control {
 559         display: inline-block;
 560         vertical-align: middle;
 561     }
 562 }
 563 #page-mod-quiz-edit .maxgrade label {
 564     display: inline;
 565 }
 566 #page-mod-quiz-edit .maxgrade input[type="submit"] {
 567     margin: 0;
 568 }
 569
 570 #page-mod-quiz-edit li.activity > div,
 571 #page-mod-quiz-edit li.pagenumber {
 572     position: relative;
 573 }
 574
 575 #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
 576 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
 577     display: none;
 578 }
 579
 580 #page-mod-quiz-edit .last-add-menu {
 581     position: relative;
 582     height: 1.5em;
 583     margin: 0 20px;
 584 }
 585
 586 #page-mod-quiz-edit .add-menu-outer {
 587     position: absolute;
 588     right: 0;
 589 }
 590
 591 #page-mod-quiz-edit .slotnumber {
 592     background-color: #d3d3d3;
 593     text-align: center;
 594     margin: 0.1em 0.5em;
 595     min-width: 2em;
 596     display: inline-block;
 597 }
 598
 599 #page-mod-quiz-edit .section-heading {
 600     margin-left: 20px;
 601     margin-bottom: 0;
 602     height: 40px;
 603 }
 604
 605 #page-mod-quiz-edit .section-heading .instancesectioncontainer {
 606     font-size: 24px;
 607     display: inline;
 608 }
 609
 610 #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
 611     display: inline;
 612     color: #999;
 613 }
 614
 615 #page-mod-quiz-edit .section-heading .editing_section,
 616 #page-mod-quiz-edit .section-heading .editing_delete {
 617     margin-left: 10px;
 618 }
 619
 620 #page-mod-quiz-edit .section-heading .sectioninstance {
 621     position: relative;
 622 }
 623
 624 #page-mod-quiz-edit .section-heading .instancesection {
 625     white-space: nowrap;
 626     max-width: 72%;
 627     display: inline-block;
 628     text-overflow: ellipsis;
 629     overflow: hidden;
 630     vertical-align: bottom;
 631 }
 632
 633 #page-mod-quiz-edit .section-heading form {
 634     display: inline;
 635     position: relative;
 636     top: 3px;
 637     left: -7px;
 638 }
 639
 640 #page-mod-quiz-edit .section-heading form input {
 641     font-size: 24px;
 642     font-weight: bold;
 643     width: 50%;
 644 }
 645
 646 #page-mod-quiz-edit .section-heading .instanceshufflequestions {
 647     float: right;
 648     margin: 0.3em 20px 0 0;
 649 }
 650
 651 .instanceshufflequestions [type="checkbox"] {
 652     vertical-align: middle;
 653     margin-right: .5rem;
 654 }
 655
 656 #page-mod-quiz-edit ul.section {
 657     margin: 0;
 658     padding: 0 20px;
 659 }
 660
 661 #page-mod-quiz-edit ul.slots {
 662     margin: 0;
 663     padding: 0;
 664 }
 665
 666 #page-mod-quiz-edit ul.slots li.section {
 667     border: 0;
 668 }
 669
 670 #page-mod-quiz-edit ul.slots li.section .content {
 671     background-color: #fafafa;
 672     padding: 1px 0;
 673 }
 674
 675 #page-mod-quiz-edit ul.slots li.section {
 676     list-style: none;
 677     margin: 0;
 678     padding: 0;
 679 }
 680
 681 #page-mod-quiz-edit ul.slots li.section li.activity {
 682     background: #e6e6e6;
 683     margin: 3px 0;
 684     padding: 0.2em;
 685     position: relative;
 686 }
 687
 688 #page-mod-quiz-edit ul.slots li.section li.activity.page {
 689     background: transparent;
 690 }
 691
 692 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
 693     display: inline;
 694     font-weight: normal;
 695     font-size: 1em;
 696 }
 697
 698 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
 699     background: white;
 700     padding: 0.2em;
 701     margin: 0.4em;
 702 }
 703
 704 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
 705     width: 13px;
 706 }
 707
 708 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
 709     background: transparent;
 710 }
 711
 712 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
 713     display: inline;
 714 }
 715
 716 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
 717     display: inline-block;
 718     text-align: right;
 719 }
 720
 721 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
 722     position: absolute;
 723     left: -20px;
 724     bottom: -11px;
 725 }
 726
 727 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
 728     min-width: 1.3em;
 729 }
 730
 731 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
 732     min-width: 2em;
 733 }
 734
 735 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
 736     min-width: 2.6em;
 737 }
 738
 739 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
 740     min-width: 3.2em;
 741 }
 742
 743 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
 744     min-width: 3.7em;
 745 }
 746
 747 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
 748     min-width: 4.3em;
 749 }
 750
 751 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
 752     min-width: 4.8em;
 753 }
 754
 755 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
 756     min-width: 5.45em;
 757 }
 758
 759 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
 760 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
 761 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
 762 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
 763     margin: 0 2px;
 764 }
 765
 766 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
 767 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
 768     visibility: hidden;
 769 }
 770
 771 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
 772     visibility: visible;
 773 }
 774
 775 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
 776     position: absolute;
 777     top: 0;
 778     right: 0;
 779 }
 780
 781 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
 782     display: none;
 783 }
 784
 785 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
 786 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
 787     position: relative;
 788     left: 20px;
 789     top: -1em;
 790 }
 791
 792 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
 793     display: flex;
 794     flex: 1 1 auto;
 795     min-height: 1.7em;
 796     padding-right: 2px;
 797 }
 798
 799 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
 800     display: flex;
 801     padding-left: 22px;
 802 }
 803
 804 #page-mod-quiz-edit ul.slots .activityinstance form {
 805     display: inline;
 806 }
 807
 808 #page-mod-quiz-edit span.editinstructions {
 809     right: 0;
 810 }
 811
 812 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
 813     overflow-x: hidden;
 814     white-space: nowrap;
 815     text-overflow: ellipsis;
 816     overflow: hidden;
 817     display: inline-block;
 818     height: 20px;
 819 }
 820
 821 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
 822     margin: 0 0.2em;
 823 }
 824
 825 #page-mod-quiz-edit #categoryquestions .questionname,
 826 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
 827     font-weight: bold;
 828     color: #555;
 829     overflow: hidden;
 830     text-overflow: ellipsis;
 831     white-space: nowrap;
 832 }
 833
 834 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
 835     color: #555;
 836 }
 837
 838 #page-mod-quiz-edit .section .activity .editing_move {
 839     position: absolute;
 840     left: 0;
 841     top: 0;
 842 }
 843
 844 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
 845     font-size: 0.8em;
 846     overflow: hidden;
 847     text-overflow: ellipsis;
 848     white-space: nowrap;
 849     margin-left: 0.25rem;
 850 }
 851
 852 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
 853     float: inherit;
 854     margin: .2em 0 0;
 855     padding: 0;
 856 }
 857
 858 #page-mod-quiz-edit .section .activity .actions {
 859     position: inherit;
 860     white-space: nowrap;
 861     background: #e6e6e6;
 862     padding: 0.1em 0;
 863 }
 864
 865 #page-mod-quiz-edit .mod_quiz_edit_forms {
 866     display: none;
 867 }
 868
 869 #categoryquestions .header {
 870     text-align: center;
 871     padding: 0 2px;
 872     border: 0 none;
 873     vertical-align: top;
 874 }
 875
 876 #categoryquestions .header.checkbox {
 877     vertical-align: bottom;
 878 }
 879
 880 #categoryquestions .header.qtype {
 881     white-space: nowrap;
 882 }
 883
 884 #categoryquestions th .sorters {
 885     font-weight: normal;
 886     font-size: 0.8em;
 887 }
 888
 889 #categoryquestions td.modifiername,
 890 #categoryquestions td.creatorname {
 891     line-height: 1em;
 892 }
 893
 894 #categoryquestions td.modifiername span.date,
 895 #categoryquestions td.creatorname span.date {
 896     font-weight: normal;
 897     font-size: 0.8em;
 898 }
 899
 900 table#categoryquestions {
 901     width: 100%;
 902     table-layout: fixed;
 903     overflow-x: visible;
 904 }
 905
 906 #categoryquestions .iconcol {
 907     width: 15px;
 908     text-align: center;
 909     padding: 0;
 910 }
 911
 912 #categoryquestions .checkbox {
 913     width: 19px;
 914     text-align: center;
 915     padding: 0;
 916 }
 917
 918 #categoryquestions .editmenu {
 919     width: 5em;
 920 }
 921
 922 #categoryquestions .qtype {
 923     text-align: center;
 924 }
 925
 926 #categoryquestions .qtype {
 927     width: 28px;
 928     padding: 0;
 929 }
 930
 931 #categoryquestions .questiontext {
 932     position: relative;
 933     zoom: 1;
 934     padding-left: 0.3em;
 935     overflow: hidden;
 936     white-space: nowrap;
 937     text-overflow: ellipsis;
 938 }
 939
 940 #categoryquestions .questionname {
 941     white-space: nowrap;
 942     overflow: hidden;
 943     zoom: 1;
 944     position: relative;
 945 }
 946
 947 #categoryquestions .questiontext p {
 948     margin: 0;
 949 }
 950
 951 #page-mod-quiz-edit table#categoryquestions td,
 952 #page-mod-quiz-edit table#categoryquestions th {
 953     overflow: hidden;
 954     white-space: nowrap;
 955 }
 956
 957 .mod_quiz_qbank_dialogue {
 958     width: 80%;
 959     min-height: 200px;
 960 }
 961
 962 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
 963     width: 100%;
 964 }
 965
 966 .mod_quiz_qbank_dialogue .questionbankloading {
 967     position: absolute;
 968     top: 30px;
 969     bottom: 0;
 970     left: 0;
 971     right: 0;
 972     background: #fff;
 973     text-align: center;
 974     opacity: 0.5;
 975     padding-top: 50px;
 976 }
 977
 978 .mod_quiz_qbank_dialogue #advancedsearch label {
 979     font-size: 100%;
 980 }
 981
 982 .quizquestionlistcontrols {
 983     text-align: center;
 984 }
 985
 986 .categoryinfo {
 987     padding: 0.3em;
 988 }
 989
 990 .path-mod-quiz .gradingdetails {
 991     font-size: small;
 992 }
 993
 994 #page-mod-quiz-edit div#repaginatedialog .mform {
 995     margin-left: auto;
 996     margin-right: auto;
 997 }
 998
 999 #page-mod-quiz-edit div.container div.generalbox {
1000     position: relative;
1001     display: block;
1002     border: 0 none;
1003     margin: 0;
1004     padding: 0;
1005 }
1006
1007 #page-mod-quiz-edit .paging {
1008     margin-top: 0;
1009     margin-bottom: 0;
1010     padding: 0.1em 0.3em;
1011     display: block;
1012     background-color: #ddd;
1013 }
1014
1015 #page-mod-quiz-edit #page-footer {
1016     clear: both;
1017     padding-top: 1em;
1018 }
1019
1020 #page-mod-quiz-edit .categoryinfofield {
1021     font-style: italic;
1022 }
1023
1024 #page-mod-quiz-edit .categorynamefield {
1025     font-weight: bold;
1026 }
1027
1028 #page-mod-quiz-edit .questionsortoptions {
1029     background-color: #ddd;
1030 }
1031
1032 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1033     padding-top: 0.5em;
1034     margin-top: 0.3em;
1035 }
1036
1037 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1038 .questionbank .categorysortopotionscontainer,
1039 .questionbank .categorypagingbarcontainer,
1040 .questionbank .categoryselectallcontainer {
1041     background-color: #fff;
1042 }
1043
1044 /* Bulk edit actions */
1045
1046 #page-mod-quiz-edit .btn-group.selectmultiplecommand,
1047 #page-mod-quiz-edit .selectmultiplecommandbuttons,
1048 #page-mod-quiz-edit .select-multiple-checkbox {
1049     display: none;
1050 }
1051
1052 #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1053 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1054 #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
1055     display: inline-block;
1056 }
1057
1058 #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
1059     display: inline;
1060 }
1061
1062 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1063 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
1064     display: none;
1065 }
1066
1067 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
1068     display: none;
1069 }
1070
1071 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1072 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
1073     display: none;
1074 }
1075
1076 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1077 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
1078     display: none;
1079 }
1080
1081 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
1082 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
1083 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
1084     display: none;
1085 }
1086
1087 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
1088     display: none;
1089 }
1090
1091 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
1092     padding-left: 3px;
1093 }
1094
1095 #page-mod-quiz-edit .section .summary .iconsmall,
1096 #page-mod-quiz-edit .section .activity .iconsmall {
1097     float: left;
1098 }
1099
1100 /* Base theme needs extra support. */
1101 #page-mod-quiz-edit ul.slots li.section ul.section {
1102     list-style: none;
1103 }
1104
1105 @media (max-width: 576px) {
1106     #page-mod-quiz-edit ul.slots li.section li.activity {
1107         padding-top: 30px;
1108     }
1109     #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
1110         top: -30px;
1111         left: 0;
1112         padding-right: 0;
1113         overflow: hidden;
1114         align-items: center;
1115         position: absolute;
1116         width: 100%;
1117     }
1118 }
1119
1120 /** Print formatting for attempt and review pages **/
1121
1122 @media print {
1123     #page-mod-quiz-attempt header.navbar,
1124     #page-mod-quiz-review header.navbar {
1125         display: none;
1126     }
1127
1128     #page-mod-quiz-attempt #dock,
1129     #page-mod-quiz-review #dock {
1130         display: none;
1131     }
1132
1133     #page-mod-quiz-attempt #page #page-header h1,
1134     #page-mod-quiz-review #page #page-header h1 {
1135         display: none;
1136     }
1137
1138     #page-mod-quiz-attempt #region-main,
1139     #page-mod-quiz-review #region-main {
1140         width: 100%;
1141     }
1142
1143     #page-mod-quiz-attempt #block-region-side-pre,
1144     #page-mod-quiz-attempt #block-region-side-post,
1145     #page-mod-quiz-review #block-region-side-pre,
1146     #page-mod-quiz-review #block-region-side-post {
1147         display: none;
1148     }
1149
1150     #page-mod-quiz-attempt #page-footer,
1151     #page-mod-quiz-review #page-footer {
1152         display: none;
1153     }
1154
1155     #page-mod-quiz-attempt .editquestion,
1156     #page-mod-quiz-review .editquestion,
1157     #page-mod-quiz-attempt .questionflag,
1158     #page-mod-quiz-review .questionflag {
1159         display: none;
1160     }
1161
1162     #page-mod-quiz-attempt .submitbtns,
1163     #page-mod-quiz-review .submitbtns {
1164         display: none;
1165     }
1166
1167     #page-mod-quiz-review .que .commentlink {
1168         display: none;
1169     }
1170
1171     #page-mod-quiz-attempt .que,
1172     #page-mod-quiz-review .que {
1173         page-break-inside: avoid;
1174     }
1175 }