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