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