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