grade/report/grader/styles.css

   1 .path-grade-report-grader .flexible th {
   2 white-space:normal;
   3 }
   4
   5 .gradestable {
   6     margin-bottom:0;
   7 }
   8
   9 .gradestable th.user img {
  10 width:20px;
  11 height:20px;
  12 }
  13
  14 .gradestable th img {
  15     vertical-align: text-bottom;
  16     padding-bottom: 0;
  17 }
  18 .gradestable th .grade_icons { margin-top: .3em; }
  19 .gradestable th img.sorticon { margin-left: .3em; }
  20 .dir-rtl .gradestable th img.sorticon { margin-left: 0; margin-right: .3em; }
  21
  22 table#user-grades .catlevel2 {
  23 background-color:#f9f9f9;
  24 }
  25
  26 table#user-grades tr.avg td.cell {
  27 background-color:#efefff;
  28 font-weight:700;
  29 color:#00008B;
  30 }
  31
  32 table#user-grades tr.odd td.cell {
  33 background-color:#efefef;
  34 white-space:nowrap;
  35 }
  36
  37 table#user-grades tr td.overridden {background-color:#F3E4C0;}
  38 table#user-grades tr.odd td.overridden {background-color:#EFD9A4;}
  39
  40 table#user-grades tr td.ajaxoverridden {background-color:#FFE3A0;}
  41 table#user-grades tr.odd td.ajaxoverridden {background-color:#FFDA83;}
  42
  43 table#user-grades tr.even td.excluded {
  44 background-color:#EABFFF;
  45 }
  46
  47 table#user-grades tr.odd td.excluded {
  48 background-color:#E5AFFF;
  49 }
  50
  51 table#user-grades tr.odd th.header {
  52 background-color:#efefef;
  53 background-image:none;
  54 }
  55
  56 table#user-grades tr.groupavg td.cell {
  57 background-color:#efffef;
  58 font-weight:700;
  59 color:#006400;
  60 }
  61
  62 table#user-grades td.cat,
  63 table#user-grades td.course {
  64 font-weight:700;
  65 }
  66
  67 table#user-grades {
  68 font-size:10px;
  69 width:auto;
  70 background-color:transparent;
  71 border-style:solid;
  72 border-width:1px;
  73 margin:20px 0 0;
  74 }
  75
  76 .path-grade-report-grader #overDiv table {
  77 margin:0;
  78 }
  79
  80 .path-grade-report-grader #overDiv table td.feedback {
  81 border:0;
  82 }
  83
  84 .path-grade-report-grader #overDiv .feedback {
  85 font-size:70%;
  86 background-color:#ABF;
  87 color:#000;
  88 font-family:Verdana;
  89 font-weight:400;
  90 }
  91
  92 .path-grade-report-grader #overDiv .caption {
  93 font-size:70%;
  94 background-color:#56C;
  95 color:#CCF;
  96 font-family:Arial;
  97 font-weight:700;
  98 }
  99
 100 .path-grade-report-grader #overDiv .intersection {
 101 font-size:70%;
 102 background-color:#ABF;
 103 color:#000;
 104 font-family:Verdana;
 105 font-weight:400;
 106 }
 107
 108 .path-grade-report-grader #overDiv .intersectioncaption {
 109 background-color:#56C;
 110 color:#CCF;
 111 font-family:Arial;
 112 font-weight:700;
 113 }
 114
 115 .path-grade-report-grader div.submit {
 116 margin-top:20px;
 117 text-align:center;
 118 }
 119
 120 table#user-grades td {
 121 text-align:right;
 122 border-style:solid;
 123 border-width:0 1px 1px 0;
 124 }
 125
 126 table#user-grades th.category {
 127 vertical-align:top;
 128 border-style:solid;
 129 border-width:1px 1px 0;
 130 }
 131
 132 table#user-grades th.user {
 133 text-align:left;
 134 border-style:solid;
 135 border-width:0 0 1px;
 136 }
 137
 138 table#user-grades th.userfield {
 139 border-style:solid;
 140 border-width:0 0 1px 1px;
 141 }
 142
 143 table#user-grades th.categoryitem,
 144 table#user-grades td.topleft {
 145 vertical-align: bottom;
 146 border-style:solid;
 147 border-width:0 1px;
 148 }
 149
 150 .path-grade-report-grader td,.path-grade-report-grader th {
 151 border-color:#CECECE;
 152 }
 153
 154 .path-grade-report-grader table#participants th {
 155 vertical-align:top;
 156 width:auto;
 157 }
 158
 159 table#user-grades td.fillerfirst {
 160 border-style:solid;
 161 border-width:0 0 0 1px;
 162 }
 163
 164 table#user-grades td.fillerlast {
 165 border-style:solid;
 166 border-width:0 1px 0 0;
 167 }
 168
 169 table#user-grades th.item ,
 170 table#user-grades th.categoryitem,
 171 table#user-grades th.courseitem {
 172 border-bottom-color:#000;
 173 vertical-align:bottom;
 174 border-style:solid;
 175 border-width:1px;
 176 }
 177
 178 div.gradertoggle {
 179 display:inline;
 180 margin-left:20px;
 181 }
 182
 183 table#user-grades th.range {
 184 text-align:right;
 185 border-style:solid;
 186 border-width:1px;
 187 }
 188
 189 table#user-grades .userpic {
 190 display:inline;
 191 margin-right:10px;
 192 }
 193
 194 table#user-grades .quickfeedback {
 195 border:1px dashed #000;
 196 margin-left: 10px;
 197 }
 198 .dir-rtl table#user-grades .quickfeedback { margin-left: 0; margin-right: 10px;}
 199
 200 .path-grade-report-grader #siteconfiglink {
 201 text-align:right;
 202 }
 203
 204 table#user-grades .hidden,
 205 table#user-grades .hidden a {
 206 color:#aaa;
 207 }
 208
 209 table#user-grades .datesubmitted {
 210 font-size:.7em;
 211 }
 212
 213 table#user-grades td.cell {
 214 padding-left:5px;
 215 padding-right:5px;
 216 vertical-align:middle;
 217 }
 218
 219 .path-grade-report-grader table {
 220 border-collapse:collapse;
 221 background-color:#fff;
 222 border-color:#cecece;
 223 }
 224
 225 .path-grade-report-grader th {
 226 padding:1px 10px;
 227 }
 228
 229 .path-grade-report-grader span.inclusion-links {
 230 margin:0 5px 0 10px;
 231 }
 232
 233 table#user-grades .item {
 234 background-color:#e9e9e9;
 235 }
 236
 237 .path-grade-report-grader table tr.odd th.header {
 238 background-color:#efefef;
 239 background-image:none;
 240 border-width:0 0 1px;
 241 }
 242
 243 .path-grade-report-grader table tr.heading th.header {
 244 border-top:1px solid #cecece;
 245 }
 246
 247 table#user-grades tr.heading th.categoryitem,
 248 table#user-grades tr.heading th.courseitem {
 249 border-width:0 0 0 1px;
 250 }
 251
 252 table#user-grades th.category.header.catlevel1 {
 253 vertical-align:top;
 254 border-style:solid;
 255 border-width:1px 1px 0 0;
 256 }
 257
 258 .path-grade-report-grader div.left_scroller th.user a {
 259 vertical-align:middle;
 260 margin:0;
 261 padding:0;
 262 }
 263
 264 table#user-grades th.categoryitem,
 265 table#user-grades th.courseitem,
 266 .path-grade-report-grader table td.topleft {
 267 vertical-align:bottom;
 268 border-color:#cecece #cecece #000;
 269 border-style:solid;
 270 border-width:0 1px 1px;
 271 }
 272
 273 .path-grade-report-grader table td.topleft {
 274 border-bottom:0;
 275 }
 276
 277 table#user-grades td.topleft {
 278 background-color:#fff;
 279 }
 280
 281 .path-grade-report-grader th.user img.userpicture {
 282 border:3px double #cecece;
 283 vertical-align:top;
 284 width:2.7em;
 285 height:2.7em;
 286 margin-right:10px;
 287 }
 288
 289 .path-grade-report-grader a.quickedit {
 290 line-height:1em;
 291 display:block;
 292 float:right;
 293 clear:none;
 294 font-size:9px;
 295 background-color:transparent;
 296 margin:.1em 0 0;
 297 }
 298
 299 .path-grade-report-grader a.quickedit2 {
 300 display:block;
 301 float:right;
 302 clear:none;
 303 background-color:transparent;
 304 margin:1.3em 0 0;
 305 }
 306
 307 .path-grade-report-grader table#quick_edit {
 308 border:1px solid #cecece;
 309 margin:0 auto;
 310 }
 311
 312 .path-grade-report-grader table#quick_edit td {
 313 vertical-align:middle;
 314 border:1px solid #cecece;
 315 text-align:left;
 316 margin:0;
 317 padding:5px;
 318 }
 319
 320 .path-grade-report-grader table#quick_edit td img {
 321 border:3px double #cecece;
 322 vertical-align:middle;
 323 padding:0;
 324 }
 325
 326 .path-grade-report-grader td input.text {
 327 border:1px solid #666;
 328 }
 329
 330 .path-grade-report-grader td input.submit {
 331 margin: 10px 10px 0px 10px;
 332 }
 333
 334 .path-grade-report-grader table#quick_edit td.fullname {
 335 border-left:0;
 336 padding-left:5px;
 337 }
 338
 339 .path-grade-report-grader table#quick_edit td.picture {
 340 border-right:0;
 341 }
 342
 343 .path-grade-report-grader table#quick_edit td.finalgrade input {
 344 width:5em;
 345 }
 346
 347 .path-grade-report-grader h1 {
 348 text-align:center;
 349 clear:both;
 350 }
 351
 352 .path-grade-report-grader input.center {
 353 margin:10px auto 0;
 354 }
 355
 356 .path-grade-report-grader .lefttbody {
 357 width:auto;
 358 vertical-align:middle;
 359 }
 360
 361 table#user-grades th.fixedcolumn {
 362 border:1px solid #cecece;
 363 vertical-align:middle;
 364 }
 365
 366 .path-grade-report-grader table#fixed_column th {
 367 border:1px solid #cecece;
 368 vertical-align:middle;
 369 border-right-color:#000;
 370 }
 371
 372 .path-grade-report-grader table#fixed_column th.user{
 373 border-right-color:#cecece;
 374 }
 375
 376 .path-grade-report-grader table#fixed_column {
 377 padding-top:20px;
 378 border-top:1px solid #cecece;
 379 background-color:#fff;
 380 }
 381
 382 .path-grade-report-grader .left_scroller {
 383 float:left;
 384 clear:none;
 385 padding-top:20px;
 386 }
 387
 388 .path-grade-report-grader .right_scroller {
 389 width:auto;
 390 clear:none;
 391 overflow-x:scroll;
 392 }
 393
 394 .path-grade-report-grader table tr.avg,
 395 .path-grade-report-grader table tr.groupavg td,
 396 .path-grade-report-grader table tr.avg td,
 397 .path-grade-report-grader table tr.groupavg th,
 398 .path-grade-report-grader table tr.avg th,
 399 .path-grade-report-grader table tr.controls_row,
 400 .path-grade-report-grader table tr.controls_row th,
 401 .path-grade-report-grader table tr.range_row,
 402 .path-grade-report-grader table tr.range_row th,
 403 div.right_scroller tr {
 404 height:2em;
 405 }
 406
 407 table#user-grades tr.groupavg td.cell,
 408 tr.groupavg th.header {
 409 background-color:#efffef;
 410 }
 411
 412 .path-grade-report-grader form td.excluded {
 413 color:red;
 414 }
 415
 416 .path-grade-report-grader .excludedfloater {
 417 font-weight:700;
 418 color:red;
 419 font-size:9px;
 420 float:left;
 421 }
 422
 423 .path-grade-report-grader span.gradepass {
 424 color:#298721;
 425 }
 426
 427 .path-grade-report-grader span.gradefail {
 428 color:#890d0d;
 429 }
 430
 431 .path-grade-report-grader .gradeweight {
 432 color:#461d7c;
 433 font-weight:700;
 434 }
 435
 436 .path-grade-report-grader td select {
 437 font-size:100%;
 438 padding:0;
 439 }
 440
 441 .path-grade-report-grader .right_scroller td select {
 442 font-size:86%;
 443 padding:0;
 444 }
 445
 446 .path-grade-report-grader tr.avg,
 447 .path-grade-report-grader tr.controls,
 448 .path-grade-report-grader td.controls,
 449 .path-grade-report-grader th.controls,
 450 .path-grade-report-grader tr.groupavg,
 451 .path-grade-report-grader tr.range,
 452 .path-grade-report-grader th.range,
 453 .path-grade-report-grader td.range,
 454 .path-grade-report-grader tr.heading th.range {
 455 height:2em!important;
 456 white-space:nowrap;
 457 }
 458
 459 .path-grade-report-grader .heading_name_row th {
 460 white-space:nowrap;
 461 width:2000px;
 462 }
 463
 464 /*MDL-21088 - IE 7 ignores nowraps on tds or ths so we put a span within it with a nowrap on it*/
 465 .path-grade-report-grader heading_name_row th span {
 466     white-space:nowrap;
 467 }
 468
 469 .path-grade-report-grader .grade_icons img.ajax {
 470 float:right;
 471 }
 472
 473 .path-grade-report-grader .gradestable th.user,
 474 .path-grade-report-grader .gradestable th.range,
 475 .path-grade-report-grader .flexible th,
 476 .path-grade-report-grader .flexible td,
 477 .path-grade-report-grader .flexible th a,
 478 .path-grade-report-grader .flexible td a,
 479 .path-grade-report-grader .gradestable th.range,
 480 .path-grade-report-grader td {
 481 white-space:nowrap;
 482 }
 483
 484 table#user-grades .catlevel1,
 485 table#user-grades .r1,
 486 .path-grade-report-grader table tr.even td.cell,
 487 .path-grade-report-grader table tr.even th {
 488 background-color:#fff;
 489 }
 490
 491 table#user-grades .catlevel3,
 492 .path-grade-report-grader table tr.odd td.cell {
 493 background-color:#efefef;
 494 }
 495
 496 table#fixed_column tr.odd th ,
 497 table#user-grades tr.odd th {
 498 background-color:#efefef;
 499 }
 500
 501 table#user-grades td.vmarked,
 502 table#user-grades tr.odd td.vmarked,
 503 table#user-grades td.vmarked,
 504 table#user-grades tr.odd td.vmarked,
 505 table#user-grades tr.even td.vmarked {
 506 background-color:#fc3;
 507 }
 508
 509 table#user-grades td.hmarked,
 510 table#user-grades tr.odd td.hmarked,
 511 table#user-grades td.hmarked,
 512 table#user-grades tr.odd td.hmarked,
 513 table#user-grades tr.even td.hmarked {
 514 background-color:#ff9;
 515 }
 516
 517 table#user-grades td.hmarked.vmarked,
 518 table#user-grades tr.odd td.hmarked.vmarked,
 519 table#user-grades td.hmarked.vmarked,
 520 table#user-grades tr.even td.hmarked.vmarked,
 521 table#user-grades tr.odd td.hmarked.vmarked {
 522 background-color:#fc9;
 523 }
 524
 525 table#user-grades tr.heading,
 526 table#user-grades .heading td {
 527 border-style:solid;
 528 border-width:0;
 529 }
 530
 531 table#user-grades td.userfield,
 532 table#user-grades th,
 533 .path-grade-report-grader div.gradeparent,
 534 .path-grade-report-grader .ie6 form,
 535 table#user-grades td.ajax {
 536 text-align:left;
 537 }
 538
 539 .dir-rtl table#user-grades td.userfield,
 540 .dir-rtl table#user-grades th,
 541 .path-grade-report-grader.dir-rtl  div.gradeparent,
 542 .path-grade-report-grader.dir-rtl  .ie6 form,
 543 .dir-rtl table#user-grades td.ajax {
 544 text-align:right;
 545 }
 546
 547 .path-grade-report-grader .gradeparent {
 548     overflow:auto;
 549 }
 550
 551 .path-grade-report-grader table tr.avg td.cell,
 552 table#user-grades td.controls,
 553 .path-grade-report-grader table tr.avg,
 554 .path-grade-report-grader table tr.avg td,
 555 .path-grade-report-grader table tr.avg th {
 556 background-color:#f3ead8;
 557 }
 558
 559 .path-grade-report-grader div.left_scroller tr,
 560 .path-grade-report-grader div.right_scroller tr,
 561 .path-grade-report-grader div.left_scroller td,
 562 .path-grade-report-grader div.right_scroller td,
 563 .path-grade-report-grader div.left_scroller th,
 564 .path-grade-report-grader div.right_scroller th {
 565     height:4.5em;
 566     font-size:10px;
 567 }
 568
 569 .path-grade-report-grader table th.user,
 570 .path-grade-report-grader table td.userfield {
 571     text-align:left;
 572     vertical-align:middle;
 573 }
 574
 575 .path-grade-report-grader .usersuspended a:link,
 576 .path-grade-report-grader .usersuspended a:visited {
 577     color: #666;
 578 }
 579
 580 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
 581     vertical-align: text-bottom;
 582     margin-left: .45em;
 583 }
 584
 585 .path-grade-report-grader .grade_icons { margin-bottom: .3em;}
 586
 587 .path-grade-report-grader .yui-overlay {
 588     background-color: #FFEE69;
 589     border-color: #D4C237 #A6982B #A6982B;
 590     border-style: solid;
 591     border-width: 1px;
 592     left: 0;
 593     padding: 2px 5px;
 594     font-size: 0.7em;
 595 }
 596
 597 .path-grade-report-grader .yui-overlay .fullname {
 598     color: #5F3E00;
 599     font-weight: bold;
 600 }
 601 .path-grade-report-grader .yui-overlay .itemname {
 602     color: #194F3E;
 603     font-weight: bold;
 604 }
 605 .path-grade-report-grader .yui-overlay .feedback {
 606     color: #5F595E;
 607 }
 608 /* table#user-grades td */
 609 /* .grader-report-grader table#user-grades td .yui-panel div.hd { */
 610 .path-grade-report-grader #tooltipPanel {
 611   text-align: left;
 612 }
 613
 614 .path-grade-report-grader .yui-overlay a.container-close {
 615   margin-top: -3px;
 616 }
 617
 618 .path-grade-report-grader #hiddentooltiproot, .tooltipDiv {
 619   display: none;
 620 }
 621
 622 .path-grade-report-grader.ie .right_scroller {
 623 overflow-y:hidden;
 624 }
 625
 626 .path-grade-report-grader.ie table#fixed_column th {
 627 height:4.5em;
 628 }
 629
 630 .path-grade-report-grader.ie table#fixed_column tr.avg th {
 631 height:2.1em;
 632 }
 633
 634 .path-grade-report-grader.ie div.left_scroller td {
 635 height:4.5em;
 636 }
 637
 638 .path-grade-report-grader.ie6 div.right_scroller {
 639 margin-top:4em;
 640 width:auto;
 641 position:absolute;
 642 }
 643
 644 .path-grade-report-grader.ie6 .excludedfloater {
 645 font-size:7px;
 646 }