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