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