[Summary view] [Print] [Text view]

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