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