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