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
 239 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
 240     width: 100%;
 241     font-weight: bold;
 242     text-align: left;
 243     height: 2.5em;
 244     margin-left: 0;
 245 }
 246
 247 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
 248     clear: left;
 249     margin: 0 0 1em;
 250 }
 251 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
 252     float: left;
 253     clear: left;
 254     line-height: 1.7;
 255 }
 256 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
 257     margin-left: 0.4em;
 258 }
 259
 260 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitem {
 261     float: right;
 262 }
 263 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr fieldset.fgroup span {
 264     float: right;
 265     clear: right;
 266 }
 267 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitemtitle {
 268     text-align: right;
 269 }
 270
 271 /** Mod quiz view **/
 272 #page-mod-quiz-view .quizinfo,
 273 #page-mod-quiz-view #page .quizgradefeedback,
 274 #page-mod-quiz-view #page .quizattempt {
 275     text-align: center;
 276 }
 277 #page-mod-quiz-view #page .quizattemptsummary td p {
 278     margin-top: 0;
 279 }
 280 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
 281     border-color: #bce8f1;
 282     background-color: #d9edf7;
 283 }
 284 table.quizattemptsummary .noreviewmessage {
 285     color: gray;
 286 }
 287 #page-mod-quiz-view .generaltable.quizattemptsummary {
 288     margin-left: auto;
 289     margin-right: auto;
 290 }
 291 #page-mod-quiz-view .generalbox#feedback {
 292     width: 70%;
 293     margin-left: auto;
 294     margin-right: auto;
 295     padding-bottom: 15px;
 296 }
 297 #page-mod-quiz-view .generalbox#feedback h2 {
 298     margin: 0;
 299 }
 300 #page-mod-quiz-view .generalbox#feedback h3 {
 301     text-align: left;
 302 }
 303 #page-mod-quiz-view.dir-rtl .generalbox#feedback h3 {
 304     text-align: center;
 305 }
 306 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
 307     text-align: center;
 308     font-size: 0.7em;
 309 }
 310 .quizstartbuttondiv.quizsecuremoderequired input {
 311     display: none;
 312 }
 313 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input {
 314     display: inline;
 315 }
 316
 317 body.path-mod-quiz .gradedattempt,
 318 body.path-mod-quiz table tbody tr.gradedattempt > td {
 319     border-color: #bce8f1;
 320     background-color: #d9edf7;
 321 }
 322
 323 .quizattemptcounts {
 324     clear: left;
 325     text-align: center;
 326     display:inline;
 327     margin-left:20%;
 328 }
 329 .dir-rtl .quizattemptcounts {
 330     margin-left:0;
 331     margin-right: 20%;
 332 }
 333 #page-mod-quiz-view .quizattemptcounts,
 334 .dir-rtl #page-mod-quiz-view .quizattemptcounts {
 335     display: block;
 336     margin-left: 0;
 337     margin-right: 0;
 338 }
 339
 340 /** Mod quiz summary **/
 341 #page-mod-quiz-summary #content {
 342     text-align: center;
 343 }
 344 #page-mod-quiz-summary .questionflag {
 345     vertical-align: text-bottom;
 346 }
 347 #page-mod-quiz-summary #quiz-timer {
 348     text-align: center;
 349     margin-top: 1em;
 350 }
 351 #page-mod-quiz-summary .submitbtns {
 352     margin-top: 1.5em;
 353 }
 354 @media print {
 355     .quiz-secure-window * {
 356         display: none !important;
 357     }
 358 }
 359
 360 /** Mod quiz review **/
 361 table.quizreviewsummary {
 362     width: 100%;
 363 }
 364 table.quizreviewsummary th.cell {
 365     padding: 1px 0.5em 1px 1em;
 366     font-weight: bold;
 367     text-align: right;
 368     width: 10em;
 369     background: #f0f0f0;
 370 }
 371 table.quizreviewsummary td.cell {
 372     padding: 1px 1em 1px 0.5em;
 373     text-align: left;
 374     background: #fafafa;
 375 }
 376 .dir-rtl table.quizreviewsummary td.cell {
 377     text-align: right;
 378 }
 379
 380 /** Mod quiz make comment or override grade popup. **/
 381 #page-mod-quiz-comment .mform {
 382     width: 100%;
 383 }
 384 #page-mod-quiz-comment .mform fieldset {
 385     margin: 0;
 386 }
 387 #page-mod-quiz-comment .que {
 388     margin: 0;
 389 }
 390
 391 /** Mod quiz report **/
 392 #page-mod-quiz-report h2.main {
 393     clear: both;
 394 }
 395 #page-mod-quiz-report div#commands,
 396 #page-mod-quiz-report .controls {
 397     text-align: center;
 398 }
 399 #page-mod-quiz-report .dubious {
 400     background-color: #fcc;
 401 }
 402 #page-mod-quiz-report .highlight {
 403     border: 1px solid #bce8f1;
 404     background-color: #d9edf7;
 405 }
 406 #page-mod-quiz-report .negcovar {
 407     border : medium solid pink;
 408 }
 409 #page-mod-quiz-report .toggleincludeauto {
 410     text-align: center;
 411 }
 412 #page-mod-quiz-report .gradetheselink {
 413     font-size: 0.8em;
 414 }
 415 #page-mod-quiz-report .mform fieldset.fgroup span label {
 416     margin-right: 14px;
 417 }
 418 #page-mod-quiz-report table th {
 419     white-space: normal;
 420 }
 421 #page-mod-quiz-report table#attempts td,
 422 #page-mod-quiz-report table.quizresponseanalysis td {
 423     word-wrap: break-word;
 424     max-width: 20em;
 425 }
 426 #page-mod-quiz-report table.titlesleft td.c0 {
 427     font-weight: bold;
 428 }
 429 #page-mod-quiz-report table .numcol {
 430     text-align: center;
 431     vertical-align : middle !important;
 432 }
 433
 434 #page-mod-quiz-report table#attempts {
 435     clear: both;
 436     width: 80%;
 437     margin: 0.2em auto;
 438 }
 439 #page-mod-quiz-report table#attempts .header,
 440 #page-mod-quiz-report table#attempts .cell {
 441     padding: 4px;
 442 }
 443 #page-mod-quiz-report table#attempts .header .commands {
 444     display: inline;
 445 }
 446 #page-mod-quiz-report table#attempts .picture {
 447     width: 40px;
 448 }
 449 #page-mod-quiz-report table#attempts td {
 450     border-left-width: 1px;
 451     border-right-width: 1px;
 452     border-left-style: solid;
 453     border-right-style: solid;
 454     vertical-align: middle;
 455 }
 456 #page-mod-quiz-report table#attempts .header {
 457     text-align: left;
 458 }
 459 #page-mod-quiz-report table#attempts .picture {
 460     text-align: center !important;
 461 }
 462 #page-mod-quiz-report table#attempts.grades span.que,
 463 #page-mod-quiz-report table#attempts span.avgcell {
 464     white-space: nowrap;
 465 }
 466 #page-mod-quiz-report table#attempts span.que .requiresgrading {
 467     white-space: normal;
 468 }
 469 #page-mod-quiz-report table#attempts .questionflag {
 470     vertical-align: text-bottom;
 471     padding-left: 6px;
 472 }
 473 .dir-rtl#page-mod-quiz-report table#attempts .questionflag {
 474     padding-right: 6px;
 475     padding-left: 0;
 476 }
 477
 478 #page-mod-quiz-report .graph.flexible-wrap {
 479     text-align: center;
 480     overflow: auto;
 481 }
 482
 483 #page-mod-quiz-report #cachingnotice {
 484     margin-bottom: 1em;
 485     padding: 0.2em;
 486 }
 487 #page-mod-quiz-report #cachingnotice .singlebutton {
 488     margin: 0.5em 0 0;
 489 }
 490 #page-mod-quiz-report .bold .reviewlink {
 491     font-weight: normal;
 492 }
 493
 494 #page-mod-quiz-report tr.lastrowforattempt {
 495     border-bottom: lightgrey solid 0.2em;
 496 }
 497
 498 /** Mod quiz edit **/
 499 #page-mod-quiz-edit h2.main {
 500     display: inline;
 501     padding-right: 1em;
 502     clear: left;
 503 }
 504
 505 #page-mod-quiz-edit .statusbar {
 506     margin: 0.6em 0.4em;
 507 }
 508 #page-mod-quiz-edit .statusdisplay {
 509     background-color: #ffc;
 510     clear: both;
 511     margin: 0.3em 1em 0.3em 0;
 512     padding: 1px ;
 513     /* Stop margin collapse. */
 514 }
 515 #page-mod-quiz-edit .statusdisplay p {
 516     margin: 0.4em;
 517 }
 518
 519 #page-mod-quiz-edit .maxgrade,
 520 #page-mod-quiz-edit .totalpoints {
 521     display: block;
 522     float: right;
 523     margin: -2.5em 1em 0em 1em;
 524     padding: .2em;
 525 }
 526 #page-mod-quiz-edit .maxgrade label {
 527     display: inline;
 528 }
 529
 530 #page-mod-quiz-edit li.activity > div,
 531 #page-mod-quiz-edit li.pagenumber {
 532     position: relative;
 533 }
 534
 535 #page-mod-quiz-edit .last-add-menu {
 536     position: relative;
 537     height: 1.5em;
 538 }
 539 #page-mod-quiz-edit .add-menu-outer {
 540     position: absolute;
 541     top: 0;
 542     right: 0;
 543 }
 544 #page-mod-quiz-edit .add-menu {
 545     max-height: 20px;
 546     width:10em;
 547 }
 548 #page-mod-quiz-edit .slotnumber {
 549     background-color: #D3D3D3;
 550     text-align: center;
 551     margin-right: 0.5em;
 552     margin-top: 0.1em;
 553     margin-bottom: .1em;
 554     min-width: 2em;
 555     display: inline-block;
 556     float: left;
 557 }
 558
 559 #page-mod-quiz-edit ul.slots li.section {
 560     border: 0;
 561 }
 562 #page-mod-quiz-edit ul.slots li.section .content {
 563     background-color:#FAFAFA;
 564     padding:5px 10px;
 565 }
 566 #page-mod-quiz-edit ul.slots li.section .content h3 {
 567     margin:0;
 568     color:#777;
 569     font-weight: normal;
 570 }
 571 #page-mod-quiz-edit ul.slots li.section .left {
 572     padding:4px 0;
 573 }
 574 #page-mod-quiz-edit ul.slots li.section .right {
 575     padding:4px 0;
 576 }
 577 #page-mod-quiz-edit ul.slots {
 578     margin:0;
 579 }
 580 #page-mod-quiz-edit ul.slots li.section {
 581     list-style: none;
 582     margin:0 0 5px 0;
 583     padding:0;
 584 }
 585 #page-mod-quiz-edit ul.slots li.section .left {
 586     float:left;
 587 }
 588 #page-mod-quiz-edit ul.slots li.section .right {
 589     float:right;
 590 }
 591 #page-mod-quiz-edit ul.slots li.section .left,
 592 #page-mod-quiz-edit ul.slots li.section .right {
 593     width:40px;
 594     text-align:center;
 595     padding: 6px 0;
 596 }
 597 #page-mod-quiz-edit ul.slots li.section .right img.icon {
 598     padding: 0 0 4px 0;
 599 }
 600 #page-mod-quiz-edit ul.slots li.section .left .section-handle img.icon {
 601     padding:0;
 602     vertical-align: baseline;
 603 }
 604 #page-mod-quiz-edit ul.slots li.section li.activity {
 605     background: #E6E6E6;
 606     margin: 3px 0 3px 0;
 607     padding: 0.2em 0 0.2em 0.2em;
 608 }
 609 #page-mod-quiz-edit ul.slots li.section li.activity.page {
 610     background: transparent;
 611 }
 612
 613 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
 614     background: white;
 615     padding: .2em;
 616     margin: .4em;
 617 }
 618 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
 619     display: inline;
 620 }
 621 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
 622     margin: 0;
 623     padding: 0.2em;
 624     height: 1em;
 625 }
 626
 627 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
 628     display: inline-block;
 629     text-align: right;
 630 }
 631 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
 632     position: absolute;
 633 }
 634 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
 635     position: relative;
 636     left: -20px;
 637     top: -7px;
 638 }
 639
 640 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
 641     min-width: 1.3em;
 642 }
 643 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
 644     min-width: 2em;
 645 }
 646
 647 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
 648     min-width: 2.6em;
 649 }
 650
 651 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
 652     min-width: 3.2em;
 653 }
 654
 655 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
 656     min-width: 3.7em;
 657 }
 658
 659 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
 660     min-width: 4.3em;
 661 }
 662
 663 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
 664     min-width: 4.8em;
 665 }
 666
 667 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
 668     min-width: 5.45em;
 669 }
 670
 671 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
 672 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
 673 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
 674 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
 675     margin-left: 5px
 676 }
 677
 678 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
 679     display: block;
 680     min-height: 1.7em;
 681     position: absolute;
 682     top: 0;
 683     left: 5em;
 684     width: 100%;
 685 }
 686
 687 #page-mod-quiz-edit ul.slots .activityinstance form {
 688     display: inline;
 689 }
 690 #page-mod-quiz-edit span.editinstructions {
 691     right: 0;
 692 }
 693
 694 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
 695     overflow-x: hidden;
 696     white-space: nowrap;
 697     text-overflow: ellipsis;
 698     overflow: hidden;
 699     word-break: break-word;
 700     width: 70%;
 701     display: inline-block;
 702     height: 20px;
 703 }
 704
 705 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
 706     margin-right: .2em;
 707 }
 708 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
 709     font-weight: bold;
 710     color: #555;
 711 }
 712 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
 713     color: #555;
 714 }
 715 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
 716     font-size: 0.8em;
 717 }
 718
 719 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
 720     float: left;
 721     margin-top: .2em;
 722     margin-right: 0;
 723 }
 724
 725 #page-mod-quiz-edit .section .activity .actions {
 726     white-space: nowrap;
 727     background: #e6e6e6;
 728     padding: .2em 0 .2em .5em;
 729 }
 730
 731 #page-mod-quiz-edit .mod_quiz_edit_forms {
 732     display: none;
 733 }
 734
 735 #categoryquestions > tbody > tr:nth-of-type(even) {
 736     background: #e4e4e4;
 737 }
 738 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
 739     background-color: #AAFFAA;
 740 }
 741 #categoryquestions .header {
 742     text-align: center;
 743     padding: 0 2px;
 744     border: 0 none;
 745 }
 746 #categoryquestions th.modifiername .sorters,
 747 #categoryquestions th.creatorname .sorters {
 748     font-weight: normal;
 749     font-size: 0.8em;
 750 }
 751 table#categoryquestions {
 752     width: 100%;
 753     overflow: hidden;
 754     table-layout: fixed;
 755 }
 756 #categoryquestions .iconcol {
 757     width: 15px;
 758     text-align: center;
 759     padding: 0;
 760 }
 761 #categoryquestions .checkbox {
 762     width: 19px;
 763     text-align: center;
 764     padding: 0;
 765 }
 766 #categoryquestions .qtype {
 767     text-align: center;
 768 }
 769 #categoryquestions .qtype {
 770     width: 28px;
 771     padding: 0;
 772 }
 773 #categoryquestions .questiontext {
 774     position: relative;
 775     zoom: 1;
 776     padding-left: 0.3em;
 777     overflow: hidden;
 778     white-space: nowrap;
 779     text-overflow: ellipsis;
 780 }
 781 #categoryquestions .questionname {
 782     white-space: nowrap;
 783     overflow: hidden;
 784     zoom: 1;
 785     position: relative;
 786 }
 787 #categoryquestions .questiontext p {
 788     margin: 0;
 789 }
 790
 791 #page-mod-quiz-edit table#categoryquestions td,
 792 #page-mod-quiz-edit table#categoryquestions th {
 793     overflow: hidden;
 794     white-space: nowrap;
 795 }
 796 .mod_quiz_qbank_dialogue {
 797     width: 80%;
 798     min-height: 200px;
 799 }
 800 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
 801     width: 100%;
 802
 803 }
 804 .mod_quiz_qbank_dialogue .questionbankloading {
 805     position: absolute;
 806     top: 30px;
 807     bottom: 0;
 808     left: 0;
 809     right: 0;
 810     background: #fff;
 811     text-align: center;
 812     opacity: 0.5;
 813     padding-top: 50px;
 814 }
 815
 816 .modulespecificbuttonscontainer {
 817     padding-left: 0.3em;
 818     padding-right: 0.3em;
 819 }
 820
 821 .quizquestionlistcontrols {
 822     text-align: center;
 823 }
 824
 825 .categoryinfo {
 826     padding: 0.3em;
 827 }
 828
 829 .path-mod-quiz .gradingdetails {
 830     font-size: small;
 831 }
 832
 833 #page-mod-quiz-edit div#repaginatedialog .mform {
 834     margin-left: auto;
 835     margin-right: auto;
 836 }
 837 #page-mod-quiz-edit div.container div.generalbox {
 838     position: relative;
 839     display: block;
 840     border: 0 none;
 841     margin: 0;
 842     padding: 0;
 843 }
 844
 845 #page-mod-quiz-edit .paging {
 846     margin-top: 0;
 847     margin-bottom: 0;
 848     display: block;
 849     background-color: #ddd;
 850 }
 851 #page-mod-quiz-edit .pagingbottom {
 852     padding-bottom: 0.3em;
 853 }
 854 #page-mod-quiz-edit .paging a:hover {
 855     background-color: #eef;
 856 }
 857
 858 #page-mod-quiz-edit #page-footer {
 859     clear: both;
 860     padding-top: 1em;
 861 }
 862
 863 #page-mod-quiz-edit .categoryinfofield {
 864     font-style: italic;
 865 }
 866 #page-mod-quiz-edit .categorynamefield {
 867     font-weight: bold;
 868 }
 869 #page-mod-quiz-edit .questionsortoptions {
 870     background-color: #ddd;
 871 }
 872
 873 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
 874     padding-top: 0.5em;
 875     margin-top: 0.3em;
 876 }
 877 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
 878 .questionbank .categorysortopotionscontainer,
 879 .questionbank .categorypagingbarcontainer,
 880 .questionbank .categoryselectallcontainer {
 881     background-color: #FFF;
 882 }
 883
 884 /* RTL Mode */
 885 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitem {
 886     width: 23%;
 887     float: right;
 888 }
 889 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitemtitle {
 890     text-align: right;
 891 }
 892 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr fieldset.fgroup span {
 893     clear: right;
 894     float: right;
 895 }
 896 #page-mod-quiz-edit.dir-rtl #categoryquestions .questiontext {
 897     padding-right: 0.3em;
 898 }
 899 #page-mod-quiz-edit.dir-rtl div.quizcontents {
 900     clear: right;
 901     float: right;
 902 }
 903 .path-question.dir-rtl input[name="maxmark"],
 904 .path-question-type.dir-rtl input[name="defaultmark"],
 905 #page-mod-quiz-edit.dir-rtl div.points input {
 906     direction: ltr;
 907     text-align: left;
 908 }