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