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