Merge branch 'wip-MDL-39741-master' of git://github.com/marinaglancy/moodle
[moodle.git] / grade / report / grader / styles.css
1 .path-grade-report-grader .flexible th {
2 white-space:normal;
3 }
5 .gradestable {
6     margin-bottom:0;
7 }
9 .gradestable th.user img {
10 width:20px;
11 height:20px;
12 }
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; }
22 table#user-grades .catlevel2 {
23 background-color:#f9f9f9;
24 }
26 table#user-grades tr.avg td.cell {
27 background-color:#efefff;
28 font-weight:700;
29 color:#00008B;
30 }
32 table#user-grades tr.odd td.cell {
33 background-color:#efefef;
34 white-space:nowrap;
35 }
37 table#user-grades tr td.overridden {background-color:#F3E4C0;}
38 table#user-grades tr.odd td.overridden {background-color:#EFD9A4;}
40 table#user-grades tr td.ajaxoverridden {background-color:#FFE3A0;}
41 table#user-grades tr.odd td.ajaxoverridden {background-color:#FFDA83;}
43 table#user-grades tr.even td.excluded {
44 background-color:#EABFFF;
45 }
47 table#user-grades tr.odd td.excluded {
48 background-color:#E5AFFF;
49 }
51 table#user-grades tr.odd th.header {
52 background-color:#efefef;
53 background-image:none;
54 }
56 table#user-grades tr.groupavg td.cell {
57 background-color:#efffef;
58 font-weight:700;
59 color:#006400;
60 }
62 table#user-grades td.cat,
63 table#user-grades td.course {
64 font-weight:700;
65 }
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 }
76 .path-grade-report-grader #overDiv table {
77 margin:0;
78 }
80 .path-grade-report-grader #overDiv table td.feedback {
81 border:0;
82 }
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 }
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 }
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;
108 .path-grade-report-grader #overDiv .intersectioncaption {
109 background-color:#56C;
110 color:#CCF;
111 font-family:Arial;
112 font-weight:700;
115 .path-grade-report-grader div.submit {
116 margin-top:20px;
117 text-align:center;
120 table#user-grades td {
121 text-align:right;
122 border-style:solid;
123 border-width:0 1px 1px 0;
126 table#user-grades th.category {
127 vertical-align:top;
128 border-style:solid;
129 border-width:1px 1px 0;
132 table#user-grades th.user {
133 text-align:left;
134 border-style:solid;
135 border-width:0 0 1px;
138 table#user-grades th.userfield {
139 border-style:solid;
140 border-width:0 0 1px 1px;
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;
150 .path-grade-report-grader td,.path-grade-report-grader th {
151 border-color:#CECECE;
154 .path-grade-report-grader table#participants th {
155 vertical-align:top;
156 width:auto;
159 table#user-grades td.fillerfirst {
160 border-style:solid;
161 border-width:0 0 0 1px;
164 table#user-grades td.fillerlast {
165 border-style:solid;
166 border-width:0 1px 0 0;
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;
178 div.gradertoggle {
179 display:inline;
180 margin-left:20px;
183 table#user-grades th.range {
184 text-align:right;
185 border-style:solid;
186 border-width:1px;
189 table#user-grades .userpic {
190 display:inline;
191 margin-right:10px;
194 table#user-grades .quickfeedback {
195 border:1px dashed #000;
196 margin-left: 10px;
198 .dir-rtl table#user-grades .quickfeedback { margin-left: 0; margin-right: 10px;}
200 .path-grade-report-grader #siteconfiglink {
201 text-align:right;
204 table#user-grades .datesubmitted {
205 font-size:.7em;
208 table#user-grades td.cell {
209 padding-left:5px;
210 padding-right:5px;
211 vertical-align:middle;
214 .path-grade-report-grader table {
215 border-collapse:collapse;
216 background-color:#fff;
217 border-color:#cecece;
220 .path-grade-report-grader th {
221 padding:1px 10px;
224 .path-grade-report-grader span.inclusion-links {
225 margin:0 5px 0 10px;
228 table#user-grades .item {
229 background-color:#e9e9e9;
232 .path-grade-report-grader table tr.odd th.header {
233 background-color:#efefef;
234 background-image:none;
235 border-width:0 0 1px;
238 .path-grade-report-grader table tr.heading th.header {
239 border-top:1px solid #cecece;
242 table#user-grades tr.heading th.categoryitem,
243 table#user-grades tr.heading th.courseitem {
244 border-width:0 0 0 1px;
247 table#user-grades th.category.header.catlevel1 {
248 vertical-align:top;
249 border-style:solid;
250 border-width:1px 1px 0 0;
253 .path-grade-report-grader div.left_scroller th.user a {
254 vertical-align:middle;
255 margin:0;
256 padding:0;
259 table#user-grades th.categoryitem,
260 table#user-grades th.courseitem,
261 .path-grade-report-grader table td.topleft {
262 vertical-align:bottom;
263 border-color:#cecece #cecece #000;
264 border-style:solid;
265 border-width:0 1px 1px;
268 .path-grade-report-grader table td.topleft {
269 border-bottom:0;
272 table#user-grades td.topleft {
273 background-color:#fff;
276 .path-grade-report-grader th.user img.userpicture {
277 border:3px double #cecece;
278 vertical-align:top;
279 width:2.7em;
280 height:2.7em;
281 margin-right:10px;
284 .path-grade-report-grader a.quickedit {
285 line-height:1em;
286 display:block;
287 float:right;
288 clear:none;
289 font-size:9px;
290 background-color:transparent;
291 margin:.1em 0 0;
294 .path-grade-report-grader a.quickedit2 {
295 display:block;
296 float:right;
297 clear:none;
298 background-color:transparent;
299 margin:1.3em 0 0;
302 .path-grade-report-grader table#quick_edit {
303 border:1px solid #cecece;
304 margin:0 auto;
307 .path-grade-report-grader table#quick_edit td {
308 vertical-align:middle;
309 border:1px solid #cecece;
310 text-align:left;
311 margin:0;
312 padding:5px;
315 .path-grade-report-grader table#quick_edit td img {
316 border:3px double #cecece;
317 vertical-align:middle;
318 padding:0;
321 .path-grade-report-grader td input.text {
322 border:1px solid #666;
325 .path-grade-report-grader td input.submit {
326 margin: 10px 10px 0px 10px;
329 .path-grade-report-grader table#quick_edit td.fullname {
330 border-left:0;
331 padding-left:5px;
334 .path-grade-report-grader table#quick_edit td.picture {
335 border-right:0;
338 .path-grade-report-grader table#quick_edit td.finalgrade input {
339 width:5em;
342 .path-grade-report-grader h1 {
343 text-align:center;
344 clear:both;
347 .path-grade-report-grader input.center {
348 margin:10px auto 0;
351 .path-grade-report-grader .lefttbody {
352 width:auto;
353 vertical-align:middle;
356 table#user-grades th.fixedcolumn {
357 border:1px solid #cecece;
358 vertical-align:middle;
361 .path-grade-report-grader table#fixed_column th {
362 border:1px solid #cecece;
363 vertical-align:middle;
364 border-right-color:#000;
367 .path-grade-report-grader table#fixed_column th.user{
368 border-right-color:#cecece;
371 .path-grade-report-grader table#fixed_column {
372 padding-top:20px;
373 border-top:1px solid #cecece;
374 background-color:#fff;
377 .path-grade-report-grader .left_scroller {
378 float:left;
379 clear:none;
380 padding-top:20px;
382 .path-grade-report-grader.dir-rtl .left_scroller {float:right;}
385 .path-grade-report-grader .right_scroller {
386 width:auto;
387 clear:none;
388 overflow-x:scroll;
391 .path-grade-report-grader table tr.avg,
392 .path-grade-report-grader table tr.groupavg td,
393 .path-grade-report-grader table tr.avg td,
394 .path-grade-report-grader table tr.groupavg th,
395 .path-grade-report-grader table tr.avg th,
396 .path-grade-report-grader table tr.controls_row,
397 .path-grade-report-grader table tr.controls_row th,
398 .path-grade-report-grader table tr.range_row,
399 .path-grade-report-grader table tr.range_row th,
400 div.right_scroller tr {
401 height:2em;
404 table#user-grades tr.groupavg td.cell,
405 tr.groupavg th.header {
406 background-color:#efffef;
409 .path-grade-report-grader form td.excluded {
410 color:red;
413 .path-grade-report-grader .excludedfloater {
414 font-weight:700;
415 color:red;
416 font-size:9px;
417 float:left;
420 .path-grade-report-grader span.gradepass {
421 color:#298721;
424 .path-grade-report-grader span.gradefail {
425 color:#890d0d;
428 .path-grade-report-grader .gradeweight {
429 color:#461d7c;
430 font-weight:700;
433 .path-grade-report-grader td select {
434 font-size:100%;
435 padding:0;
438 .path-grade-report-grader .right_scroller td select {
439 font-size:86%;
440 padding:0;
443 .path-grade-report-grader tr.avg,
444 .path-grade-report-grader tr.controls,
445 .path-grade-report-grader td.controls,
446 .path-grade-report-grader th.controls,
447 .path-grade-report-grader tr.groupavg,
448 .path-grade-report-grader tr.range,
449 .path-grade-report-grader th.range,
450 .path-grade-report-grader td.range,
451 .path-grade-report-grader tr.heading th.range {
452 height:2em!important;
453 white-space:nowrap;
456 .path-grade-report-grader .heading_name_row th {
457 white-space:nowrap;
458 width:2000px;
461 /*MDL-21088 - IE 7 ignores nowraps on tds or ths so we put a span within it with a nowrap on it*/
462 .path-grade-report-grader heading_name_row th span {
463     white-space:nowrap;
466 .path-grade-report-grader .grade_icons img.ajax {
467 float:right;
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;
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;
488 table#user-grades .catlevel3,
489 .path-grade-report-grader table tr.odd td.cell {
490 background-color:#efefef;
493 table#fixed_column tr.odd th ,
494 table#user-grades tr.odd th {
495 background-color:#efefef;
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;
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;
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;
522 table#user-grades tr.heading,
523 table#user-grades .heading td {
524 border-style:solid;
525 border-width:0;
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;
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;
544 .path-grade-report-grader .gradeparent {
545     overflow:auto;
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;
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;
566 .path-grade-report-grader table th.user,
567 .path-grade-report-grader table td.userfield {
568     text-align:left;
569     vertical-align:middle;
572 .path-grade-report-grader .usersuspended a:link,
573 .path-grade-report-grader .usersuspended a:visited {
574     color: #666;
577 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
578     vertical-align: text-bottom;
579     margin-left: .45em;
582 .path-grade-report-grader .grade_icons { margin-bottom: .3em;}
584 .path-grade-report-grader .yui3-overlay {
585     background-color: #FFEE69;
586     border-color: #D4C237 #A6982B #A6982B;
587     border-style: solid;
588     border-width: 1px;
589     left: 0;
590     padding: 2px 5px;
591     font-size: 0.7em;
594 .path-grade-report-grader .yui3-overlay .fullname {
595     color: #5F3E00;
596     font-weight: bold;
598 .path-grade-report-grader .yui3-overlay .itemname {
599     color: #194F3E;
600     font-weight: bold;
602 .path-grade-report-grader .yui3-overlay .feedback {
603     color: #5F595E;
605 /* table#user-grades td */
606 /* .grader-report-grader table#user-grades td .yui-panel div.hd { */
607 .path-grade-report-grader #tooltipPanel {
608   text-align: left;
611 .path-grade-report-grader .yui3-overlay a.container-close {
612   margin-top: -3px;
615 .path-grade-report-grader #hiddentooltiproot, .tooltipDiv {
616   display: none;
619 .path-grade-report-grader.ie .right_scroller {
620 overflow-y:hidden;
623 .path-grade-report-grader.ie table#fixed_column th {
624 height:4.5em;
627 .path-grade-report-grader.ie table#fixed_column tr.avg th {
628 height:2.1em;
631 .path-grade-report-grader.ie div.left_scroller td {
632 height:4.5em;
635 .path-grade-report-grader.ie6 div.right_scroller {
636 margin-top:4em;
637 width:auto;
638 position:absolute;
641 .path-grade-report-grader.ie6 .excludedfloater {
642 font-size:7px;