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 > :last-child,
 662 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-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 .instanceshufflequestions [type="checkbox"] {
 738     vertical-align: middle;
 739     margin-right: .5rem;
 740 }
 741
 742 #page-mod-quiz-edit ul.section {
 743     margin: 0;
 744     padding: 0 20px;
 745 }
 746
 747 #page-mod-quiz-edit ul.slots {
 748     margin: 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 }
 771
 772 #page-mod-quiz-edit ul.slots li.section li.activity.page {
 773     background: transparent;
 774 }
 775
 776 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
 777     display: inline;
 778     font-weight: normal;
 779     font-size: 1em;
 780 }
 781
 782 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
 783     background: white;
 784     padding: 0.2em;
 785     margin: 0.4em;
 786 }
 787
 788 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
 789     width: 13px;
 790 }
 791
 792 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
 793     background: transparent;
 794 }
 795
 796 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
 797     display: inline;
 798 }
 799
 800 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
 801     display: inline-block;
 802     text-align: right;
 803 }
 804
 805 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
 806     position: absolute;
 807 }
 808
 809 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
 810     position: relative;
 811     left: -20px;
 812     top: -7px;
 813 }
 814
 815 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
 816     min-width: 1.3em;
 817 }
 818
 819 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
 820     min-width: 2em;
 821 }
 822
 823 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
 824     min-width: 2.6em;
 825 }
 826
 827 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
 828     min-width: 3.2em;
 829 }
 830
 831 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
 832     min-width: 3.7em;
 833 }
 834
 835 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
 836     min-width: 4.3em;
 837 }
 838
 839 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
 840     min-width: 4.8em;
 841 }
 842
 843 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
 844     min-width: 5.45em;
 845 }
 846
 847 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
 848 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
 849 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
 850 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
 851     margin: 0 2px;
 852 }
 853
 854 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
 855 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
 856     visibility: hidden;
 857 }
 858
 859 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
 860     visibility: visible;
 861 }
 862
 863 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
 864     position: absolute;
 865     top: 0;
 866     right: 0;
 867 }
 868
 869 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
 870     display: none;
 871 }
 872
 873 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
 874 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
 875     position: relative;
 876     left: 20px;
 877     top: -1em;
 878 }
 879
 880 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
 881     display: block;
 882     min-height: 1.7em;
 883     position: absolute;
 884     top: 0;
 885     left: 5em;
 886     width: 100%;
 887 }
 888
 889 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
 890     padding-left: 22px;
 891 }
 892
 893 #page-mod-quiz-edit ul.slots .activityinstance form {
 894     display: inline;
 895 }
 896
 897 #page-mod-quiz-edit span.editinstructions {
 898     right: 0;
 899 }
 900
 901 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
 902     overflow-x: hidden;
 903     white-space: nowrap;
 904     text-overflow: ellipsis;
 905     overflow: hidden;
 906     width: 70%;
 907     display: inline-block;
 908     height: 20px;
 909 }
 910
 911 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
 912     margin: 0 0.2em;
 913 }
 914
 915 #page-mod-quiz-edit #categoryquestions .questionname,
 916 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
 917     font-weight: bold;
 918     color: #555;
 919 }
 920
 921 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
 922     color: #555;
 923 }
 924
 925 #page-mod-quiz-edit .section .activity .editing_move {
 926     position: absolute;
 927     left: 0;
 928     top: 0;
 929 }
 930
 931 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
 932     font-size: 0.8em;
 933 }
 934
 935 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
 936     float: left;
 937     margin: .2em 0 0;
 938     padding: 0;
 939 }
 940
 941 #page-mod-quiz-edit .section .activity .actions {
 942     white-space: nowrap;
 943     background: #e6e6e6;
 944     padding: 0.1em 0;
 945 }
 946
 947 #page-mod-quiz-edit .mod_quiz_edit_forms {
 948     display: none;
 949 }
 950
 951 #categoryquestions > tbody > tr:nth-of-type(even) {
 952     background: #e4e4e4;
 953 }
 954
 955 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
 956     background-color: #afa;
 957 }
 958
 959 #categoryquestions .header {
 960     text-align: center;
 961     padding: 0 2px;
 962     border: 0 none;
 963 }
 964
 965 #categoryquestions th.modifiername .sorters,
 966 #categoryquestions th.creatorname .sorters {
 967     font-weight: normal;
 968     font-size: 0.8em;
 969 }
 970
 971 #categoryquestions td.modifiername,
 972 #categoryquestions td.creatorname {
 973     line-height: 1em;
 974 }
 975
 976 #categoryquestions td.modifiername span.date,
 977 #categoryquestions td.creatorname span.date {
 978     font-weight: normal;
 979     font-size: 0.8em;
 980 }
 981
 982 table#categoryquestions {
 983     width: 100%;
 984     overflow: hidden;
 985     table-layout: fixed;
 986 }
 987
 988 #categoryquestions .iconcol {
 989     width: 15px;
 990     text-align: center;
 991     padding: 0;
 992 }
 993
 994 #categoryquestions .checkbox {
 995     width: 19px;
 996     text-align: center;
 997     padding: 0;
 998 }
 999
1000 #categoryquestions .qtype {
1001     text-align: center;
1002 }
1003
1004 #categoryquestions .qtype {
1005     width: 28px;
1006     padding: 0;
1007 }
1008
1009 #categoryquestions .questiontext {
1010     position: relative;
1011     zoom: 1;
1012     padding-left: 0.3em;
1013     overflow: hidden;
1014     white-space: nowrap;
1015     text-overflow: ellipsis;
1016 }
1017
1018 #categoryquestions .questionname {
1019     white-space: nowrap;
1020     overflow: hidden;
1021     zoom: 1;
1022     position: relative;
1023 }
1024
1025 #categoryquestions .questiontext p {
1026     margin: 0;
1027 }
1028
1029 #page-mod-quiz-edit table#categoryquestions td,
1030 #page-mod-quiz-edit table#categoryquestions th {
1031     overflow: hidden;
1032     white-space: nowrap;
1033 }
1034
1035 .mod_quiz_qbank_dialogue {
1036     width: 80%;
1037     min-height: 200px;
1038 }
1039
1040 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
1041     width: 100%;
1042 }
1043
1044 .mod_quiz_qbank_dialogue .questionbankloading {
1045     position: absolute;
1046     top: 30px;
1047     bottom: 0;
1048     left: 0;
1049     right: 0;
1050     background: #fff;
1051     text-align: center;
1052     opacity: 0.5;
1053     padding-top: 50px;
1054 }
1055
1056 .mod_quiz_qbank_dialogue #advancedsearch label {
1057     font-size: 100%;
1058 }
1059
1060 .modulespecificbuttonscontainer {
1061     padding-left: 0.3em;
1062     padding-right: 0.3em;
1063 }
1064
1065 .questionbankformforpopup .modulespecificbuttonscontainer {
1066     padding-top: 10px;
1067     padding-left: 0;
1068 }
1069
1070 .quizquestionlistcontrols {
1071     text-align: center;
1072 }
1073
1074 .categoryinfo {
1075     padding: 0.3em;
1076 }
1077
1078 .path-mod-quiz .gradingdetails {
1079     font-size: small;
1080 }
1081
1082 #page-mod-quiz-edit div#repaginatedialog .mform {
1083     margin-left: auto;
1084     margin-right: auto;
1085 }
1086
1087 #page-mod-quiz-edit div.container div.generalbox {
1088     position: relative;
1089     display: block;
1090     border: 0 none;
1091     margin: 0;
1092     padding: 0;
1093 }
1094
1095 #page-mod-quiz-edit .paging {
1096     margin-top: 0;
1097     margin-bottom: 0;
1098     padding: 0.1em 0.3em;
1099     display: block;
1100     background-color: #ddd;
1101 }
1102
1103 #page-mod-quiz-edit #page-footer {
1104     clear: both;
1105     padding-top: 1em;
1106 }
1107
1108 #page-mod-quiz-edit .categoryinfofield {
1109     font-style: italic;
1110 }
1111
1112 #page-mod-quiz-edit .categorynamefield {
1113     font-weight: bold;
1114 }
1115
1116 #page-mod-quiz-edit .questionsortoptions {
1117     background-color: #ddd;
1118 }
1119
1120 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1121     padding-top: 0.5em;
1122     margin-top: 0.3em;
1123 }
1124
1125 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1126 .questionbank .categorysortopotionscontainer,
1127 .questionbank .categorypagingbarcontainer,
1128 .questionbank .categoryselectallcontainer {
1129     background-color: #fff;
1130 }
1131
1132 /* Bulk edit actions */
1133
1134 #page-mod-quiz-edit .selectmultiplecommandbuttons {
1135     margin: 0.6em 0.4em;
1136 }
1137
1138 #page-mod-quiz-edit .btn-group.selectmultiplecommand,
1139 #page-mod-quiz-edit .btn-group.selectmultiplecommandbuttons,
1140 #page-mod-quiz-edit .select-multiple-checkbox {
1141     display: none;
1142 }
1143
1144 #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1145 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1146 #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
1147     display: inherit;
1148 }
1149
1150 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons .separator {
1151     position: relative;
1152     float: left;
1153     padding: .5rem 0;
1154 }
1155
1156 #page-mod-quiz-edit #questionselectall {
1157     padding-right: .1rem;
1158 }
1159
1160 #page-mod-quiz-edit #questiondeselectall {
1161     padding-left: .1rem;
1162 }
1163
1164 #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
1165     display: inline;
1166 }
1167
1168 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1169 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
1170     display: none;
1171 }
1172
1173 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
1174     display: none;
1175 }
1176
1177 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1178 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
1179     display: none;
1180 }
1181
1182 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1183 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
1184     display: none;
1185 }
1186
1187 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading,
1188 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
1189 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instancesectioncontainer,
1190 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions,
1191 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instancesectioncontainer h3 {
1192     display: none;
1193 }
1194
1195 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .m-b-1 {
1196     display: none;
1197 }
1198
1199 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
1200     padding-left: 3px;
1201 }
1202
1203 #page-mod-quiz-edit .section .summary .iconsmall,
1204 #page-mod-quiz-edit .section .activity .iconsmall {
1205     float: left;
1206 }
1207
1208 /* Base theme needs extra support. */
1209 #page-mod-quiz-edit ul.slots li.section ul.section {
1210     list-style: none;
1211 }
1212
1213 /** Print formatting for attempt and review pages **/
1214
1215 @media print {
1216     #page-mod-quiz-attempt header.navbar,
1217     #page-mod-quiz-review header.navbar {
1218         display: none;
1219     }
1220
1221     #page-mod-quiz-attempt #dock,
1222     #page-mod-quiz-review #dock {
1223         display: none;
1224     }
1225
1226     #page-mod-quiz-attempt #page #page-header h1,
1227     #page-mod-quiz-review #page #page-header h1 {
1228         display: none;
1229     }
1230
1231     #page-mod-quiz-attempt #region-main,
1232     #page-mod-quiz-review #region-main {
1233         width: 100%;
1234     }
1235
1236     #page-mod-quiz-attempt #block-region-side-pre,
1237     #page-mod-quiz-attempt #block-region-side-post,
1238     #page-mod-quiz-review #block-region-side-pre,
1239     #page-mod-quiz-review #block-region-side-post {
1240         display: none;
1241     }
1242
1243     #page-mod-quiz-attempt #page-footer,
1244     #page-mod-quiz-review #page-footer {
1245         display: none;
1246     }
1247
1248     #page-mod-quiz-attempt .editquestion,
1249     #page-mod-quiz-review .editquestion,
1250     #page-mod-quiz-attempt .questionflag,
1251     #page-mod-quiz-review .questionflag {
1252         display: none;
1253     }
1254
1255     #page-mod-quiz-attempt .submitbtns,
1256     #page-mod-quiz-review .submitbtns {
1257         display: none;
1258     }
1259
1260     #page-mod-quiz-review .que .commentlink {
1261         display: none;
1262     }
1263
1264     #page-mod-quiz-attempt .que,
1265     #page-mod-quiz-review .que {
1266         page-break-inside: avoid;
1267     }
1268 }