MDL-47045 gradereport_grader: Improve Grader report user interface
[moodle.git] / grade / report / grader / styles.css
CommitLineData
2c4a3f75
AR
1.path-grade-report-grader .yui3-overlay {
2 border: 0;
3 background: none;
4 background-color: 'initial';
5 min-width: 200px;
6}
7.path-grade-report-grader .graderreportoverlay {
8 background-color: white;
9 width: auto;
10 padding: 10px;
11 border-color: #ddd;
12 font-size: 12px;
13 -webkit-box-shadow: #999999 2px 2px 3px;
14 -moz-box-shadow: #999999 2px 2px 3px;
15 box-shadow: #999999 2px 2px 3px;
16 -webkit-border-radius: 4px;
17 -moz-border-radius: 4px;
18 -ms-border-radius: 4px;
19 -o-border-radius: 4px;
20 border-radius: 4px;
21}
22.path-grade-report-grader .graderreportoverlay.overriden {
23 border-top: 22px solid #f1c32a;
24}
25.path-grade-report-grader .graderreportoverlay.overriden:before {
26 font-size: 12px;
27 content: "Overridden grade";
28 color: black;
29 height: 0px;
30 width: 100%;
31 display: inline-block;
32 text-align: center;
33 top: -32px;
34 float: left;
35 position: relative;
36}
37.path-grade-report-grader .graderreportoverlay .overriden {
38 background-color: #f1c32a;
39 width: 100%;
40 text-align: center;
41}
42.path-grade-report-grader .graderreportoverlay .fullname {
43 color: #444;
44}
45.path-grade-report-grader .graderreportoverlay .itemname {
46 padding-top: 4px;
47 color: #666;
088860ca 48}
2c4a3f75
AR
49.path-grade-report-grader .gradeparent {
50 overflow: inherit;
870e2795 51}
2c4a3f75
AR
52
53table#user-grades {
54 font-size: 14px;
088860ca 55}
2c4a3f75
AR
56table#user-grades .avg th,
57table#user-grades .avg td,
58table#user-grades .heading th {
59 font-weight: bold;
60 background-color: #333;
61 color: #ddd;
62 border-color: #444;
0cddd851 63}
2c4a3f75
AR
64table#user-grades .avg th a,
65table#user-grades .avg td a,
66table#user-grades .heading th a {
67 color: white;
68 font-weight: normal;
4e2b37db 69}
2c4a3f75
AR
70table#user-grades .avg .cell {
71 font-weight: bold;
72 text-align: center;
4e2b37db 73}
2c4a3f75
AR
74table#user-grades .avg .cell.header {
75 text-align: right;
4e2b37db 76}
2c4a3f75
AR
77table#user-grades th {
78 font-weight: normal;
d1214909 79}
2c4a3f75
AR
80table#user-grades th.cell {
81 height: 20px;
82 white-space: nowrap;
edb7d5ad 83}
2c4a3f75
AR
84.path-grade-report-history table#user-grades th.cell {
85 white-space: normal;
d1214909 86}
2c4a3f75
AR
87table#user-grades .controls {
88 text-align: right;
89 background-color: #eee;
90 height: 20px;
4e2b37db 91}
2c4a3f75
AR
92table#user-grades tr {
93 height: 40px;
4e2b37db 94}
2c4a3f75
AR
95table#user-grades tr .gradevalue {
96 width: 100%;
97 text-align: center;
98 display: inline-block;
4e2b37db 99}
2c4a3f75
AR
100table#user-grades tr .user {
101 min-width: 200px;
102 max-width: 200px;
103 width: 200px;
104 background-color: #777777;
105 border-color: #666666;
4e2b37db 106}
2c4a3f75
AR
107table#user-grades tr .user a {
108 color: white;
a47d38f2 109}
2c4a3f75
AR
110table#user-grades tr .user .userpicture {
111 display: none;
5ebce7bb 112}
2c4a3f75
AR
113table#user-grades tr.odd td.grade.vmarked {
114 background-color: #f39a00;
115 border-bottom-color: #f39a00;
5ebce7bb 116}
2c4a3f75
AR
117table#user-grades tr.odd td.grade.vmarked.overridden {
118 background-color: #f39a00;
dc482cfa 119}
2c4a3f75
AR
120table#user-grades tr.odd td.grade.hmarked {
121 background-color: #f5cd00;
122 border-bottom-color: #f5cd00;
edb7d5ad 123}
2c4a3f75
AR
124table#user-grades tr.odd td.grade.hmarked.overridden {
125 background-color: #f5cd00;
d1214909 126}
2c4a3f75
AR
127table#user-grades tr.odd td.grade.vmarked.hmarked {
128 background-color: #f1b900;
129 border-bottom-color: #f1b900;
130}
131table#user-grades tr.odd td.grade.vmarked.hmarked.overridden {
132 background-color: #f1b900;
133}
134table#user-grades tr.odd td.grade.overridden {
135 background-color: #fff;
136 background: url([[pix:gradereport_grader|corner-fold]]) no-repeat;
137 width: 16px;
138 height: 16px;
139 background-color: #efefef;
d1214909 140}
b0ed4c40 141table#user-grades {
4e2b37db
ME
142 font-size: 10px;
143 width: auto;
144 background-color: transparent;
145 border-style: solid;
146 border-width: 1px;
8c97393c 147 margin: 0;
d1214909 148}
4d13065f 149.path-grade-report-grader #overDiv table {
4e2b37db 150 margin: 0;
d1214909 151}
4d13065f 152.path-grade-report-grader #overDiv table td.feedback {
4e2b37db 153 border: 0;
d1214909 154}
4d13065f 155.path-grade-report-grader #overDiv .feedback {
4e2b37db
ME
156 font-size: 70%;
157 background-color: #ABF;
158 color: #000;
159 font-family: Verdana;
160 font-weight: 400;
d1214909 161}
4d13065f 162.path-grade-report-grader #overDiv .caption {
4e2b37db
ME
163 font-size: 70%;
164 background-color: #56C;
165 color: #CCF;
166 font-family: Arial;
167 font-weight: 700;
d1214909 168}
4d13065f 169.path-grade-report-grader #overDiv .intersection {
4e2b37db
ME
170 font-size: 70%;
171 background-color: #ABF;
172 color: #000;
173 font-family: Verdana;
174 font-weight: 400;
d1214909 175}
4d13065f 176.path-grade-report-grader #overDiv .intersectioncaption {
4e2b37db
ME
177 background-color: #56C;
178 color: #CCF;
179 font-family: Arial;
180 font-weight: 700;
d1214909 181}
b0ed4c40 182.path-grade-report-grader div.submit {
4e2b37db
ME
183 margin-top: 20px;
184 text-align: center;
d1214909 185}
b0ed4c40 186table#user-grades td {
4e2b37db
ME
187 text-align: right;
188 border-style: solid;
189 border-width: 0 1px 1px 0;
d1214909 190}
b0ed4c40 191table#user-grades th.category {
4e2b37db
ME
192 vertical-align: top;
193 border-style: solid;
194 border-width: 1px 1px 0;
d1214909 195}
b0ed4c40 196table#user-grades th.user {
4e2b37db
ME
197 text-align: left;
198 border-style: solid;
199 border-width: 1px 0;
d1214909 200}
e4aec5be 201table#user-grades th.userfield {
4e2b37db
ME
202 border-style: solid;
203 border-width: 1px;
653a8648 204}
b0ed4c40 205table#user-grades th.categoryitem,
b0ed4c40 206table#user-grades td.topleft {
4e2b37db
ME
207 vertical-align: bottom;
208 border-style: solid;
209 border-width: 0 1px;
9d35e66e 210}
b0ed4c40 211.path-grade-report-grader td,.path-grade-report-grader th {
4e2b37db 212 border-color: #CECECE;
9ecd4386 213}
4d13065f 214.path-grade-report-grader table#participants th {
4e2b37db
ME
215 vertical-align: top;
216 width: auto;
d1214909 217}
b0ed4c40 218table#user-grades td.fillerfirst {
4e2b37db
ME
219 border-style: solid;
220 border-width: 0 0 0 1px;
d1214909 221}
b0ed4c40 222table#user-grades td.fillerlast {
4e2b37db
ME
223 border-style: solid;
224 border-width: 0 1px 0 0;
d1214909 225}
4e2b37db 226table#user-grades th.item,
0cddd851 227table#user-grades th.categoryitem,
b0ed4c40 228table#user-grades th.courseitem {
4e2b37db
ME
229 border-bottom-color: #000;
230 vertical-align: bottom;
231 border-style: solid;
232 border-width: 1px;
d1214909 233}
b0ed4c40 234div.gradertoggle {
4e2b37db
ME
235 display: inline;
236 margin-left: 20px;
d1214909 237}
b0ed4c40 238table#user-grades th.range {
4e2b37db
ME
239 text-align: right;
240 border-style: solid;
241 border-width: 1px;
d1214909 242}
b0ed4c40 243table#user-grades .userpic {
4e2b37db
ME
244 display: inline;
245 margin-right: 10px;
d1214909 246}
b0ed4c40 247table#user-grades .quickfeedback {
4e2b37db 248 border: 1px dashed #000;
fb95da6f
FM
249 width: auto;
250 margin: 0;
251 padding: 0;
4e2b37db
ME
252 margin-left: 10px;
253}
254.dir-rtl table#user-grades .quickfeedback {
255 margin-left: 0;
256 margin-right: 10px;
d1214909 257}
b0ed4c40 258.path-grade-report-grader #siteconfiglink {
4e2b37db 259 text-align: right;
d1214909 260}
b0ed4c40 261table#user-grades .datesubmitted {
4e2b37db 262 font-size: .7em;
ced5ee59 263}
b0ed4c40 264table#user-grades td.cell {
4e2b37db
ME
265 padding-left: 5px;
266 padding-right: 5px;
267 vertical-align: middle;
ced5ee59 268}
b0ed4c40 269.path-grade-report-grader table {
4e2b37db
ME
270 border-collapse: collapse;
271 background-color: #fff;
272 border-color: #cecece;
dc482cfa 273}
b0ed4c40 274.path-grade-report-grader th {
4e2b37db 275 padding: 1px 10px;
dc482cfa 276}
b0ed4c40 277.path-grade-report-grader span.inclusion-links {
4e2b37db 278 margin: 0 5px 0 10px;
dc482cfa 279}
b0ed4c40 280table#user-grades .item {
4e2b37db 281 background-color: #e9e9e9;
dc482cfa 282}
4d13065f 283.path-grade-report-grader table tr.odd th.header {
4e2b37db
ME
284 background-color: #efefef;
285 background-image: none;
286 border-width: 0 0 1px;
dc482cfa 287}
4d13065f 288.path-grade-report-grader table tr.heading th.header {
4e2b37db 289 border-top: 1px solid #cecece;
dc482cfa 290}
b0ed4c40
AD
291table#user-grades tr.heading th.categoryitem,
292table#user-grades tr.heading th.courseitem {
4e2b37db 293 border-width: 0 0 0 1px;
dc482cfa 294}
b0ed4c40 295table#user-grades th.category.header.catlevel1 {
4e2b37db
ME
296 vertical-align: top;
297 border-style: solid;
298 border-width: 1px 1px 0 0;
dc482cfa 299}
b0ed4c40 300.path-grade-report-grader div.left_scroller th.user a {
4e2b37db
ME
301 vertical-align: middle;
302 margin: 0;
303 padding: 0;
dc482cfa 304}
b0ed4c40
AD
305table#user-grades th.categoryitem,
306table#user-grades th.courseitem,
4d13065f 307.path-grade-report-grader table td.topleft {
4e2b37db
ME
308 vertical-align: bottom;
309 border-color: #cecece #cecece #000;
310 border-style: solid;
311 border-width: 0 1px 1px;
dc482cfa 312}
fb95da6f
FM
313.path-grade-report-grader .left_scroller table td.topleft {
314 background-color: #fff;
315 border-bottom-color: #cecece;
dc482cfa 316}
b0ed4c40 317table#user-grades td.topleft {
4e2b37db 318 background-color: #fff;
dc482cfa 319}
0cddd851 320.path-grade-report-grader th.user img.userpicture {
4e2b37db
ME
321 border: 3px double #cecece;
322 vertical-align: top;
323 width: 2.7em;
324 height: 2.7em;
325 margin-right: 10px;
dc482cfa 326}
4d13065f 327.path-grade-report-grader a.quickedit {
4e2b37db
ME
328 line-height: 1em;
329 display: block;
330 float: right;
331 clear: none;
332 font-size: 9px;
333 background-color: transparent;
334 margin: .1em 0 0;
dc482cfa 335}
4d13065f 336.path-grade-report-grader a.quickedit2 {
4e2b37db
ME
337 display: block;
338 float: right;
339 clear: none;
340 background-color: transparent;
341 margin: 1.3em 0 0;
dc482cfa 342}
4d13065f 343.path-grade-report-grader table#quick_edit {
4e2b37db
ME
344 border: 1px solid #cecece;
345 margin: 0 auto;
dc482cfa 346}
4d13065f 347.path-grade-report-grader table#quick_edit td {
4e2b37db
ME
348 vertical-align: middle;
349 border: 1px solid #cecece;
350 text-align: left;
351 margin: 0;
352 padding: 5px;
dc482cfa 353}
4d13065f 354.path-grade-report-grader table#quick_edit td img {
4e2b37db
ME
355 border: 3px double #cecece;
356 vertical-align: middle;
357 padding: 0;
dc482cfa 358}
b0ed4c40 359.path-grade-report-grader td input.text {
4e2b37db 360 border: 1px solid #666;
fb95da6f
FM
361 width: auto;
362 margin: 0;
363 padding: 0;
6f0bab68
ME
364 font-size: 12px;
365 height: 20px;
366 line-height: 20px;
367 text-align: center;
dc482cfa 368}
b0ed4c40 369.path-grade-report-grader td input.submit {
4e2b37db 370 margin: 10px 10px 0px 10px;
319770d7 371}
4d13065f 372.path-grade-report-grader table#quick_edit td.fullname {
4e2b37db
ME
373 border-left: 0;
374 padding-left: 5px;
dc482cfa 375}
4d13065f 376.path-grade-report-grader table#quick_edit td.picture {
4e2b37db 377 border-right: 0;
dc482cfa 378}
4d13065f 379.path-grade-report-grader table#quick_edit td.finalgrade input {
4e2b37db 380 width: 5em;
dc482cfa 381}
b0ed4c40 382.path-grade-report-grader h1 {
4e2b37db
ME
383 text-align: center;
384 clear: both;
dc482cfa 385}
b0ed4c40 386.path-grade-report-grader input.center {
4e2b37db 387 margin: 10px auto 0;
dc482cfa 388}
4d13065f 389.path-grade-report-grader .lefttbody {
4e2b37db
ME
390 width: auto;
391 vertical-align: middle;
dc482cfa 392}
b0ed4c40 393table#user-grades th.fixedcolumn {
4e2b37db
ME
394 border: 1px solid #cecece;
395 vertical-align: middle;
dc482cfa 396}
4d13065f 397.path-grade-report-grader table#fixed_column th {
4e2b37db
ME
398 border: 1px solid #cecece;
399 vertical-align: middle;
400 border-right-color: #000;
dc482cfa 401}
4d13065f 402.path-grade-report-grader table#fixed_column th.user{
4e2b37db 403 border-right-color: #cecece;
bb9b58a6 404}
4d13065f 405.path-grade-report-grader table#fixed_column {
4e2b37db
ME
406 padding-top: 20px;
407 border-top: 1px solid #cecece;
408 background-color: #fff;
dc482cfa 409}
4d13065f 410.path-grade-report-grader .left_scroller {
4e2b37db
ME
411 float: left;
412 clear: none;
4e2b37db
ME
413}
414.path-grade-report-grader.dir-rtl .left_scroller {
415 float: right;
dc482cfa 416}
4d13065f 417.path-grade-report-grader .right_scroller {
4e2b37db
ME
418 width: auto;
419 clear: none;
420 overflow-x: scroll;
981c2ee5 421 overflow-y: hidden;
dc482cfa 422}
b0ed4c40
AD
423.path-grade-report-grader table tr.avg,
424.path-grade-report-grader table tr.groupavg td,
425.path-grade-report-grader table tr.avg td,
426.path-grade-report-grader table tr.groupavg th,
427.path-grade-report-grader table tr.avg th,
428.path-grade-report-grader table tr.controls_row,
429.path-grade-report-grader table tr.controls_row th,
430.path-grade-report-grader table tr.range_row,
431.path-grade-report-grader table tr.range_row th,
fe213365 432div.right_scroller tr {
4e2b37db 433 height: 2em;
dc482cfa 434}
b0ed4c40
AD
435table#user-grades tr.groupavg td.cell,
436tr.groupavg th.header {
4e2b37db 437 background-color: #efffef;
dc482cfa 438}
4d13065f 439.path-grade-report-grader form td.excluded {
4e2b37db 440 color: red;
dc482cfa 441}
4d13065f 442.path-grade-report-grader .excludedfloater {
4e2b37db
ME
443 font-weight: 700;
444 color: red;
445 font-size: 9px;
446 float: left;
dc482cfa 447}
4d13065f 448.path-grade-report-grader span.gradepass {
4e2b37db 449 color: #298721;
dc482cfa 450}
4d13065f 451.path-grade-report-grader span.gradefail {
4e2b37db 452 color: #890d0d;
dc482cfa 453}
4d13065f 454.path-grade-report-grader .gradeweight {
4e2b37db
ME
455 color: #461d7c;
456 font-weight: 700;
dc482cfa 457}
b0ed4c40 458.path-grade-report-grader td select {
4e2b37db
ME
459 font-size: 100%;
460 padding: 0;
dc482cfa 461}
4d13065f 462.path-grade-report-grader .right_scroller td select {
4e2b37db
ME
463 font-size: 86%;
464 padding: 0;
dc482cfa 465}
b0ed4c40
AD
466.path-grade-report-grader tr.avg,
467.path-grade-report-grader tr.controls,
468.path-grade-report-grader td.controls,
469.path-grade-report-grader th.controls,
470.path-grade-report-grader tr.groupavg,
471.path-grade-report-grader tr.range,
472.path-grade-report-grader th.range,
473.path-grade-report-grader td.range,
474.path-grade-report-grader tr.heading th.range {
4e2b37db
ME
475 height: 2em!important;
476 white-space: nowrap;
dc482cfa 477}
4d13065f 478.path-grade-report-grader .heading_name_row th {
4e2b37db
ME
479 white-space: nowrap;
480 width: 2000px;
2c4a3f75
AR
481table#user-grades tr.even td.grade.vmarked {
482 background-color: #f4a400;
483 border-bottom-color: #f4a400;
dc482cfa 484}
2c4a3f75
AR
485table#user-grades tr.even td.grade.vmarked.overridden {
486 background-color: #f4a400;
04e46bff 487}
2c4a3f75
AR
488table#user-grades tr.even td.grade.hmarked {
489 background-color: #f5cf2c;
490 border-bottom-color: #f5cf2c;
653a8648 491}
2c4a3f75
AR
492table#user-grades tr.even td.grade.hmarked.overridden {
493 background-color: #f5cf2c;
e4eb35a6 494}
2c4a3f75
AR
495table#user-grades tr.even td.grade.vmarked.hmarked {
496 background-color: #f1be00;
497 border-bottom-color: #f1be00;
653a8648 498}
2c4a3f75
AR
499table#user-grades tr.even td.grade.vmarked.hmarked.overridden {
500 background-color: #f1be00;
653a8648 501}
2c4a3f75
AR
502table#user-grades tr.even td.grade.overridden {
503 background-color: #efefef;
504 background: url([[pix:gradereport_grader|corner-fold]]) no-repeat;
505 width: 16px;
506 height: 16px;
507 background-color: #efefef;
653a8648 508}
2c4a3f75
AR
509table#user-grades .overridden .grade_icons {
510 padding-left: 10px;
3aafffc0 511}
245d1d28 512.path-grade-report-grader .yui3-overlay {
653a8648 513 background-color: #FFEE69;
514 border-color: #D4C237 #A6982B #A6982B;
515 border-style: solid;
516 border-width: 1px;
517 left: 0;
518 padding: 2px 5px;
519 font-size: 0.7em;
2c4a3f75
AR
520table#user-grades .catlevel1 .action-icon img {
521 opacity: 0.5;
653a8648 522}
2c4a3f75
AR
523table#user-grades .catlevel1 .action-icon.selected img {
524 opacity: 1;
653a8648 525}
2c4a3f75
AR
526
527#gradebook-header-container {
528 font-size: 14px;
529 background-color: #444;
530 -webkit-box-sizing: border-box;
531 -moz-box-sizing: border-box;
532 box-sizing: border-box;
533}
534#gradebook-header-container .gradebook-header-cell {
535 background-color: #444;
536 color: white;
537 padding: 4px;
538 white-space: nowrap;
539 border: 1px solid #444;
540 border-top: 0;
541 border-right: 0;
542 overflow: hidden;
543 -webkit-box-sizing: border-box;
544 -moz-box-sizing: border-box;
545 box-sizing: border-box;
546}
547#gradebook-header-container .gradebook-header-cell.catlevel1 {
548 background-color: #333;
549}
550#gradebook-header-container .gradebook-header-cell.catlevel2 {
551 background-color: #222;
552}
553#gradebook-header-container .gradebook-header-cell a {
554 color: white;
555}
556#gradebook-header-container .gradebook-header-cell:hover {
557 background-color: #111;
558}
559#gradebook-header-container .gradebook-header-cell .icon {
560 width: 24px;
561 height: 24px;
562 vertical-align: middle;
563 border: 0;
564 padding-right: 6px;
653a8648 565}
2c4a3f75
AR
566
567#gradebook-user-container {
568 background-color: #777;
e4eb35a6 569}
2c4a3f75
AR
570#gradebook-user-container .gradebook-user-cell {
571 background-color: #666;
572 font-size: 14px;
573 border: 1px solid #666;
574 border-top: 0;
575 padding: 4px;
576 -webkit-box-sizing: border-box;
577 -moz-box-sizing: border-box;
578 box-sizing: border-box;
5f44fd3e 579}
2c4a3f75
AR
580#gradebook-user-container .gradebook-user-cell .userpicture {
581 display: none;
5f44fd3e 582}
2c4a3f75
AR
583#gradebook-user-container .gradebook-user-cell a {
584 font-weight: normal;
585 color: #fff;
5f44fd3e 586}
2c4a3f75
AR
587#gradebook-user-container .gradebook-user-cell:nth-child(2n+1) {
588 background-color: #777;
589 border-bottom: 1px solid #777;
1c1f64a2 590}
2c4a3f75
AR
591#gradebook-user-container .gradebook-user-cell:nth-child(2n):hover {
592 background-color: #5c5c5c;
1c1f64a2 593}
2c4a3f75
AR
594#gradebook-user-container .gradebook-user-cell:hover {
595 background-color: #6d6d6d;
1c1f64a2 596}
2c4a3f75
AR
597#gradebook-user-container .gradebook-user-cell:first-child {
598 /*border-top: 1px solid #666;*/
1c1f64a2 599}
2c4a3f75
AR
600
601#gradebook-footer-container {
602 display: none;
603 font-size: 14px;
604 background-color: #444;
605 -webkit-box-sizing: border-box;
606 -moz-box-sizing: border-box;
607 box-sizing: border-box;
608}
609#gradebook-footer-container.gradebook-footer-row-sticky {
610 display: block;
611}
612#gradebook-footer-container.gradebook-footer-row-sticky .cell {
613 border-top: 2px solid gray;
614}
615#gradebook-footer-container .gradebook-footer-cell {
616 padding: 8px;
617 font-size: 14px;
618 background-color: #333;
619 color: white;
620 font-weight: bold;
621 text-align: center;
622 border: 1px solid #444;
623 border-right: 0;
624 -webkit-box-sizing: border-box;
625 -moz-box-sizing: border-box;
626 box-sizing: border-box;
627}
628#gradebook-footer-container .gradebook-footer-cell:nth-of-type(1) {
629 text-align: right;
630}
631#gradebook-footer-container .gradebook-footer-cell .btn {
632 float: left;
1c1f64a2 633}
2c4a3f75
AR
634
635#gradebook-user-header-container {
636 background-color: #333;
637 font-size: 14px;
638 text-align: left;
639 padding: 8px;
640 -webkit-box-sizing: border-box;
641 -moz-box-sizing: border-box;
642 box-sizing: border-box;
643}
644#gradebook-user-header-container a {
645 color: white;
16be8974 646}
edb7d5ad 647
2c4a3f75
AR
648.gradebook-loading-screen {
649 width: 100%;
650 height: 40px;
651 position: fixed;
652 left: 0;
653 bottom: 0;
654 background-color: black;
655 z-index: 99999;
656 opacity: 0.8;
657 padding: 10px;
658 text-align: center;
659}
660.gradebook-loading-screen .gradebook-loading {
661 padding-right: 40px;
662 text-align: center;
663 width: 100%;
edb7d5ad
ME
664}
665
2c4a3f75
AR
666.gradebook-loading i {
667 width: 20px;
668 height: 20px;
669 display: inline-block;
670 border-radius: 50%;
671 background: #00b3d5;
edb7d5ad 672}
2c4a3f75
AR
673
674.gradebook-loading i:first-child {
675 -webkit-animation: gradebook-loading-ani2 0.5s linear infinite;
676 animation: gradebook-loading-ani2 0.5s linear infinite;
677 opacity: 0;
678 -webkit-transform: translate(-20px);
679 -moz-transform: translate(-20px);
680 -ms-transform: translate(-20px);
681 -o-transform: translate(-20px);
682 transform: translate(-20px);
683}
684
685.gradebook-loading i:nth-child(2),
686.gradebook-loading i:nth-child(3) {
687 -webkit-animation: gradebook-loading-ani3 0.5s linear infinite;
688 animation: gradebook-loading-ani3 0.5s linear infinite;
689}
690
691.gradebook-loading i:last-child {
692 -webkit-animation: gradebook-loading-ani1 0.5s linear infinite;
693 animation: gradebook-loading-ani1 0.5s linear infinite;
694}
695
696@-webkit-keyframes gradebook-loading-ani1 {
697 100% {
698 -webkit-transform: translate(40px);
699 -moz-transform: translate(40px);
700 -ms-transform: translate(40px);
701 -o-transform: translate(40px);
702 transform: translate(40px);
703 opacity: 0;
704 }
705}
706
707@keyframes gradebook-loading-ani1 {
708 100% {
709 -webkit-transform: translate(40px);
710 -moz-transform: translate(40px);
711 -ms-transform: translate(40px);
712 -o-transform: translate(40px);
713 transform: translate(40px);
714 opacity: 0;
715 }
716}
717
718@-webkit-keyframes gradebook-loading-ani2 {
719 100% {
720 -webkit-transform: translate(20px);
721 -moz-transform: translate(20px);
722 -ms-transform: translate(20px);
723 -o-transform: translate(20px);
724 transform: translate(20px);
725 opacity: 1;
726 }
727}
728
729@keyframes gradebook-loading-ani2 {
730 100% {
731 -webkit-transform: translate(20px);
732 -moz-transform: translate(20px);
733 -ms-transform: translate(20px);
734 -o-transform: translate(20px);
735 transform: translate(20px);
736 opacity: 1;
737 }
edb7d5ad 738}
4e2b37db 739
2c4a3f75
AR
740@-webkit-keyframes gradebook-loading-ani3 {
741 100% {
742 -webkit-transform: translate(20px);
743 -moz-transform: translate(20px);
744 -ms-transform: translate(20px);
745 -o-transform: translate(20px);
746 transform: translate(20px);
747 }
19213efb
AO
748}
749
750.path-grade-report-grader .yui3-scrollview-scrollbar-horiz {
6f0bab68
ME
751 bottom: 0;
752}
753
754/** MDL-43824 **/
755#page-grade-report-grader-index table#fixed_column td.topleft.cell,
756#page-grade-report-grader-index.jsenabled table#fixed_column td.topleft.cell {
757 padding: 8px 5px;
758}
759#page-grade-report-grader-index table#fixed_column td.header.controls {
760 border-left: 1px solid #cecece;
761}
762.path-grade-report-grader .right_scroller td select {
763 line-height: 2;
764 margin: 0;
765 padding: 0;
766 height: 22px;
767}
768table#user-grades {
769 margin-bottom: 0;
770}
771table#user-grades td,
772table#user-grades th.category {
773 padding: 8px 5px;
774}
775.path-grade-report-grader .gradeparent {
776 border-top: 1px solid #cecece;
777}
6f0bab68
ME
778.path-grade-report-grader div.left_scroller tr,
779.path-grade-report-grader div.right_scroller tr,
780.path-grade-report-grader div.left_scroller td,
781.path-grade-report-grader div.right_scroller td,
782.path-grade-report-grader div.left_scroller th,
783.path-grade-report-grader div.right_scroller th {
784 padding: 8px 5px;
785}
786.path-grade-report-grader td.grade.overridden {
787 line-height: 20px;
2c4a3f75
AR
788@keyframes gradebook-loading-ani3 {
789 100% {
790 -webkit-transform: translate(20px);
791 -moz-transform: translate(20px);
792 -ms-transform: translate(20px);
793 -o-transform: translate(20px);
794 transform: translate(20px);
795 }
19213efb 796}
8c97393c
ME
797
798/** MDL-46812 **/
799#page-grade-report-grader-index.jsenabled .right_scroller.topscroll {
800 background-color: #ececec;
801 height: 20px;
802 margin: 0;
803 padding: 0;
804}
805#page-grade-report-grader-index.jsenabled .topscrollcontent {
806 background-color: #ececec;
807 height: 20px;
808}
809.jsenabled.path-grade-report-grader .left_scroller {
810 border-top: 20px solid #ececec;
811}