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
 559 #page-mod-quiz-edit .mod-quiz-edit-content .moodle-actionmenu[data-enhanced].show .menu a {
 560     white-space: nowrap;
 561 }
 562
 563 #page-mod-quiz-edit .slotnumber {
 564     background-color: #D3D3D3;
 565     text-align: center;
 566     margin: 0.1em 0.5em;
 567     min-width: 2em;
 568     display: inline-block;
 569 }
 570
 571 #page-mod-quiz-edit ul.slots li.section {
 572     border: 0;
 573 }
 574 #page-mod-quiz-edit ul.slots li.section .content {
 575     background-color:#FAFAFA;
 576     padding:5px 10px;
 577 }
 578 #page-mod-quiz-edit ul.slots li.section .content h3 {
 579     margin: 0;
 580     color: #777;
 581     font-weight: normal;
 582 }
 583 #page-mod-quiz-edit ul.slots li.section .left {
 584     padding: 4px 0;
 585 }
 586 #page-mod-quiz-edit ul.slots li.section .right {
 587     padding: 4px 0;
 588 }
 589 #page-mod-quiz-edit ul.slots {
 590     margin: 0;
 591 }
 592 #page-mod-quiz-edit ul.slots li.section {
 593     list-style: none;
 594     margin: 0 0 5px 0;
 595     padding: 0;
 596 }
 597 #page-mod-quiz-edit ul.slots li.section .left {
 598     float: left;
 599 }
 600 #page-mod-quiz-edit ul.slots li.section .right {
 601     float: right;
 602 }
 603 #page-mod-quiz-edit ul.slots li.section .left,
 604 #page-mod-quiz-edit ul.slots li.section .right {
 605     width: 40px;
 606     text-align: center;
 607     padding: 6px 0;
 608 }
 609 #page-mod-quiz-edit ul.slots li.section .right img.icon {
 610     padding: 0 0 4px 0;
 611 }
 612 #page-mod-quiz-edit ul.slots li.section .left .section-handle img.icon {
 613     padding: 0;
 614     vertical-align: baseline;
 615 }
 616 #page-mod-quiz-edit ul.slots li.section li.activity {
 617     background: #E6E6E6;
 618     margin: 3px 0 3px 0;
 619     padding: 0.2em;
 620 }
 621 #page-mod-quiz-edit ul.slots li.section li.activity.page {
 622     background: transparent;
 623 }
 624
 625 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
 626     background: white;
 627     padding: 0.2em;
 628     margin: 0.4em;
 629 }
 630 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
 631     width: 13px;
 632 }
 633 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
 634     background: transparent;
 635 }
 636 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
 637     display: inline;
 638 }
 639 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
 640     margin: 0;
 641     padding: 0.2em;
 642     height: 1em;
 643 }
 644
 645 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
 646     display: inline-block;
 647     text-align: right;
 648 }
 649 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .instancemaxmark {
 650     text-align: left;
 651 }
 652 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
 653     position: absolute;
 654 }
 655 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
 656     position: relative;
 657     left: -20px;
 658     top: -7px;
 659 }
 660 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .page_split_join {
 661     left: auto;
 662     right: -20px;
 663 }
 664
 665 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
 666     min-width: 1.3em;
 667 }
 668 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
 669     min-width: 2em;
 670 }
 671 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
 672     min-width: 2.6em;
 673 }
 674 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
 675     min-width: 3.2em;
 676 }
 677 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
 678     min-width: 3.7em;
 679 }
 680 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
 681     min-width: 4.3em;
 682 }
 683 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
 684     min-width: 4.8em;
 685 }
 686 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
 687     min-width: 5.45em;
 688 }
 689
 690 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
 691 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
 692 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
 693 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
 694     margin: 0 2px;
 695 }
 696
 697 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
 698     display: block;
 699     min-height: 1.7em;
 700     position: absolute;
 701     top: 0;
 702     left: 5em;
 703     width: 100%;
 704 }
 705 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .activityinstance {
 706     left: auto;
 707     right: 5em;
 708 }
 709
 710 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
 711     padding-left: 22px;
 712 }
 713 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .mod-indent-outer {
 714     padding-left: 0;
 715     padding-right: 22px;
 716 }
 717
 718 #page-mod-quiz-edit ul.slots .activityinstance form {
 719     display: inline;
 720 }
 721 #page-mod-quiz-edit span.editinstructions {
 722     right: 0;
 723 }
 724 #page-mod-quiz-edit.dir-rtl span.editinstructions {
 725     left: 0;
 726     right: auto;
 727 }
 728
 729 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
 730     overflow-x: hidden;
 731     white-space: nowrap;
 732     text-overflow: ellipsis;
 733     overflow: hidden;
 734     word-break: break-word;
 735     width: 70%;
 736     display: inline-block;
 737     height: 20px;
 738 }
 739
 740 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
 741     margin: 0 0.2em;
 742 }
 743 #page-mod-quiz-edit #categoryquestions .questionname,
 744 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
 745   font-weight: bold;
 746     color: #555;
 747 }
 748 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
 749     color: #555;
 750 }
 751 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
 752     font-size: 0.8em;
 753 }
 754
 755 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
 756     float: left;
 757     margin: .2em 0 0;
 758     padding: 0;
 759 }
 760 #page-mod-quiz-edit.dir-rtl ul.slots .activityinstance img.activityicon {
 761     float: right;
 762 }
 763
 764 #page-mod-quiz-edit .section .activity .actions {
 765     white-space: nowrap;
 766     background: #e6e6e6;
 767     padding: 0.1em 0;
 768 }
 769
 770 #page-mod-quiz-edit .mod_quiz_edit_forms {
 771     display: none;
 772 }
 773
 774 #categoryquestions > tbody > tr:nth-of-type(even) {
 775     background: #e4e4e4;
 776 }
 777 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
 778     background-color: #AAFFAA;
 779 }
 780 #categoryquestions .header {
 781     text-align: center;
 782     padding: 0 2px;
 783     border: 0 none;
 784 }
 785 #categoryquestions th.modifiername .sorters,
 786 #categoryquestions th.creatorname .sorters {
 787     font-weight: normal;
 788     font-size: 0.8em;
 789 }
 790 table#categoryquestions {
 791     width: 100%;
 792     overflow: hidden;
 793     table-layout: fixed;
 794 }
 795 #categoryquestions .iconcol {
 796     width: 15px;
 797     text-align: center;
 798     padding: 0;
 799 }
 800 #categoryquestions .checkbox {
 801     width: 19px;
 802     text-align: center;
 803     padding: 0;
 804 }
 805 #categoryquestions .qtype {
 806     text-align: center;
 807 }
 808 #categoryquestions .qtype {
 809     width: 28px;
 810     padding: 0;
 811 }
 812 #categoryquestions .questiontext {
 813     position: relative;
 814     zoom: 1;
 815     padding-left: 0.3em;
 816     overflow: hidden;
 817     white-space: nowrap;
 818     text-overflow: ellipsis;
 819 }
 820 .dir-rtl #categoryquestions .questiontext {
 821     padding-left: 0;
 822     padding-right: 0.3em;
 823 }
 824 #categoryquestions .questionname {
 825     white-space: nowrap;
 826     overflow: hidden;
 827     zoom: 1;
 828     position: relative;
 829 }
 830 #categoryquestions .questiontext p {
 831     margin: 0;
 832 }
 833
 834 #page-mod-quiz-edit table#categoryquestions td,
 835 #page-mod-quiz-edit table#categoryquestions th {
 836     overflow: hidden;
 837     white-space: nowrap;
 838 }
 839 .mod_quiz_qbank_dialogue {
 840     width: 80%;
 841     min-height: 200px;
 842 }
 843 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
 844     width: 100%;
 845
 846 }
 847 .mod_quiz_qbank_dialogue .questionbankloading {
 848     position: absolute;
 849     top: 30px;
 850     bottom: 0;
 851     left: 0;
 852     right: 0;
 853     background: #fff;
 854     text-align: center;
 855     opacity: 0.5;
 856     padding-top: 50px;
 857 }
 858
 859 .modulespecificbuttonscontainer {
 860     padding-left: 0.3em;
 861     padding-right: 0.3em;
 862 }
 863
 864 .quizquestionlistcontrols {
 865     text-align: center;
 866 }
 867
 868 .categoryinfo {
 869     padding: 0.3em;
 870 }
 871
 872 .path-mod-quiz .gradingdetails {
 873     font-size: small;
 874 }
 875
 876 #page-mod-quiz-edit div#repaginatedialog .mform {
 877     margin-left: auto;
 878     margin-right: auto;
 879 }
 880 #page-mod-quiz-edit div.container div.generalbox {
 881     position: relative;
 882     display: block;
 883     border: 0 none;
 884     margin: 0;
 885     padding: 0;
 886 }
 887
 888 #page-mod-quiz-edit .paging {
 889     margin-top: 0;
 890     margin-bottom: 0;
 891     padding: 0.1em 0.3em;
 892     display: block;
 893     background-color: #ddd;
 894 }
 895
 896 #page-mod-quiz-edit #page-footer {
 897     clear: both;
 898     padding-top: 1em;
 899 }
 900
 901 #page-mod-quiz-edit .categoryinfofield {
 902     font-style: italic;
 903 }
 904 #page-mod-quiz-edit .categorynamefield {
 905     font-weight: bold;
 906 }
 907 #page-mod-quiz-edit .questionsortoptions {
 908     background-color: #ddd;
 909 }
 910
 911 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
 912     padding-top: 0.5em;
 913     margin-top: 0.3em;
 914 }
 915 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
 916 .questionbank .categorysortopotionscontainer,
 917 .questionbank .categorypagingbarcontainer,
 918 .questionbank .categoryselectallcontainer {
 919     background-color: #FFF;
 920 }
 921
 922 /* Base theme needs extra support. */
 923 #page-mod-quiz-edit ul.slots li.section ul.section {
 924     list-style: none;
 925 }