MDL-39748 - Grading - Fixing the increasing height regression
[moodle.git] / theme / bootstrapbase / less / moodle / grade.less
CommitLineData
8903b17b
BB
1/* grades.less */
2.allcoursegrades {
3 width: 100%;
4 text-align: right;
5 padding: 4px 0 5px 0;
6}
7
8.path-grade-edit .buttons {
9 text-align: center;
10}
11.path-grade-edit-tree .idnumber {
12 margin-left: 15px;
13}
14.path-grade-edit-tree .movetarget {
15 position: relative;
16 width: 80px;
17 height: 16px;
18}
19.path-grade-edit-tree ul#grade_tree {
20 width: auto;
21}
22.path-grade-edit-tree ul#grade_tree li {
23 list-style: none;
24}
25.path-grade-edit-tree ul#grade_tree li.category {
26 margin-bottom: 6px;
27}
28
29.path-grade-edit-tree .iconsmall {
30 margin-left: 4px;
31}
32
33#grade-report-toggles {
34 text-align: center;
35}
36#grade-aggregation-help dt {
37 margin-top: 15px;
38}
39#grade-aggregation-help dd.example {
40 margin-top: 7px;
41}
42#grade-aggregation-help code {
43 display: block;
44 margin-top: 7px;
45}
46.gradeexportlink {
47 padding: 2em;
48 text-align: center;
49}
50
51.gradetreebox {
52 margin-top: 10px;
53 overflow-x: auto;
54 overflow-y: hidden;
55}
56.gradetreebox table {
57 font-size: 0.8em;
58 width: 100%;
59}
60.gradetreebox td.colspan,
61.gradetreebox tr.category .cell {
62 background-color: #DDD;
63}
64.gradetreebox th.actions {
65 white-space: nowrap;
66 width: 105px;
67}
68.gradetreebox td.name {
69 white-space: nowrap;
70}
71.gradetreebox td.name h4 {
72 display: inline;
73}
74.gradetreebox td.range {
75 white-space: nowrap;
76}
77.gradetreebox span.actionlink {
78 color: blue;
79}
80.gradetreebox span.actionlink:hover {
81 text-decoration: underline;
82 cursor: pointer;
83}
84.gradetreebox img.iconsmall {
85 margin-left: 4px;
86}
87.gradetreebox img.icon {
88 margin-right: 5px;
89}
90.gradetreebox #gradetreesubmit {
91 margin-bottom: 1em;
92 text-align: center;
93}
94.gradetreebox .hidden {
95 display: none;
96}
97
98/** Advanced grading **/
99#page-grade-grading-manage #activemethodselector {
100 text-align: center;
101 margin-bottom: 1em;
102}
103#page-grade-grading-manage #activemethodselector select {
104 margin: 0 1em;
105}
106#page-grade-grading-manage .actions {
107 text-align: center;
108}
109#page-grade-grading-manage .action {
110 display: inline-block;
111 width: 150px;
112 background-color: #eee;
113 border: 2px solid #ccc;
114 margin: 0.5em;
115 padding: 0.5em;
116 text-align: center;
117 .border-radius(5px);
118}
119#page-grade-grading-manage .action:hover {
120 text-decoration: none;
121 background-color: #F6F6F6;
122}
123#page-grade-grading-manage #actionresultmessagebox {
124 background-color: #D2EBFF;
125 width: 60%;
126 margin: 1em auto;
127 text-align: center;
128 padding: 0.5em;
129 border: 2px solid #CCC;
130 text-align: center;
131 .border-radius(5px);
132 position: relative;
133}
134#page-grade-grading-manage #actionresultmessagebox span {
135 position: absolute;
136 right: 0;
137 top: -1.2em;
138 color: #666;
139font-size: 80%}
140#page-grade-grading-manage .definition-name .status {
141 font-weight: normal;
142 text-transform: uppercase;
143 font-size: 60%;
144 padding: 0.25em;
145 border: 1px solid #EEE;
146 .border-radius(5px);
147}
148#page-grade-grading-manage .definition-name .status.ready {
149 background-color: #e7f1c3;
150 border-color: #AAEEAA;
151}
152#page-grade-grading-manage .definition-name .status.draft {
153 background-color: #f3f2aa;
154 border-color: #EEEE22;
155}
156#page-grade-grading-manage .definition-preview {
157 width: 50%;
158 margin: 1em auto;
159 border: 1px solid #EEE;
160 padding: 1em;
161}
162#page-grade-grading-pick .template-name {
163 clear: both;
164 padding: 3px;
165 background-color: #F6F6F6;
166}
167#page-grade-grading-pick .template-name .type {
168 font-weight: normal;
169 text-transform: uppercase;
170 font-size: 60%;
171 padding: 0.25em;
172 border: 1px solid #eee;
173 .border-radius(5px);
174}
175#page-grade-grading-pick .template-name .type.shared {
176 background-color: #e7f1c3;
177 border-color: #AAEEAA;
178}
179#page-grade-grading-pick .template-name .type.ownform {
180 background-color: #d2ebff;
181 border-color: #AACCEE;
182}
183#page-grade-grading-pick .template-description {
184 margin-bottom: 1em;
185 padding: 0 2em 0 0px;
186 margin-right: 51%;
187}
188#page-grade-grading-pick .template-preview {
189 width: 50%;
190 float: right;
191 border: 1px solid #EEE;
192 padding: 1em;
193 margin-bottom: 1em;
194}
195#page-grade-grading-pick .template-actions {
196 margin-bottom: 1em;
197 padding: 0 2em 0 0px;
198 margin-right: 51%;
199}
200#page-grade-grading-pick .template-actions .action {
201 display: inline-block;
202 margin: 0.25em;
203 padding: 0.25em;
204 border: 2px solid transparent;
205}
206#page-grade-grading-pick .template-actions .action.pick {
207 background-color: #EEE;
208 border: 2px solid #CCC;
209 .border-radius(3px);
210}
211#page-grade-grading-pick .template-actions .action:hover {
212 text-decoration: none;
213 background-color: #F6F6F6;
214 border: 2px solid #CCC;
215 .border-radius(3px);
216}
217#page-grade-grading-pick .template-actions .action .action-text {
218 display: inline;
219}
220#page-grade-grading-pick .template-actions .action .action-icon {
221 margin: 0 3px;
222}
223#page-grade-grading-pick .template-preview-confirm {
224 width: 50%;
225 margin: 1em auto;
226 border: 1px solid #EEE;
227 padding: 1em;
228}
229#page-grade-grading-pick .singlebutton {
230 clear: both;
231}
232
233// replaces grades/report/grader/styles.css
46616bf5
ME
234table#user-grades tr.avg td.cell {
235 background-color: #EFEFFF;
236 font-weight: 700;
237 color: #00008B;
238}
8903b17b
BB
239table#user-grades tr td.overridden {
240 background-color:#F3E4C0;
241}
242table#user-grades tr.odd td.overridden {
243 background-color:#EFD9A4;
244}
245table#user-grades tr td.ajaxoverridden {
246 background-color:#FFE3A0;
247}
248table#user-grades tr.odd td.ajaxoverridden {
249 background-color:#FFDA83;
250}
251table#user-grades tr.even td.excluded {
252 background-color:#EABFFF;
253}
254table#user-grades tr.odd td.excluded {
255 background-color:#E5AFFF;
256}
257
258table#user-grades tr.groupavg td.cell {
259 background-color:#efffef;
260 font-weight:700;
261 color:#006400;
262}
263
264table#user-grades td.cat,
265table#user-grades td.course {
266 font-weight:700;
267}
268
269.path-grade-report-grader #overDiv table {
270margin:0;
271}
272.path-grade-report-grader #overDiv table td.feedback {
273border:0;
274}
275.path-grade-report-grader #overDiv .feedback {
276font-size: @fontSizeMini;
277background-color:#ABF;
278font-weight:400;
279}
280.path-grade-report-grader #overDiv .caption {
281font-size: @fontSizeMini;
282background-color:#56C;
283color:#CCF;
284font-weight:700;
285}
286.path-grade-report-grader #overDiv .intersection {
287font-size: @fontSizeMini;
288background-color:#ABF;
289color:#000;
290font-weight:400;
291}
292.path-grade-report-grader #overDiv .intersectioncaption {
293background-color:#56C;
294color:#CCF;
295font-weight:700;
296}
297
298.path-grade-report-grader div.gradeparent,
299table#user-grades td.ajax {
300 text-align:left;
301}
302
303.path-grade-report-grader.dir-rtl div.gradeparent,
304.dir-rtl table#user-grades td.ajax {
305 text-align: right;
306}
307
308table#user-grades td,
309table#user-grades th {
310 text-align: right;
311}
312
313table#user-grades .courseitem {
314 white-space: nowrap;
315 text-align: right;
316}
317table#user-grades th.category,
318table#user-grades th#studentheader,
319table#user-grades th.user {
320 text-align: left;
321}
d0dde5ce
NK
322.dir-rtl table#user-grades th.category,
323.dir-rtl table#user-grades th#studentheader,
324.dir-rtl table#user-grades th.user {
325 text-align: right;
326}
8903b17b
BB
327div.gradertoggle {
328 display: inline;
329 margin-left: 20px;
330}
331
332table#user-grades .userpic {
333 margin-right: 10px;
334}
335
336table#user-grades .quickfeedback {
337 border:1px dashed #000;
338 margin-left: 10px;
339}
340.dir-rtl table#user-grades .quickfeedback {
341 margin-left: 0;
342 margin-right: 10px;
343}
344
345.path-grade-report-grader #siteconfiglink {
346 text-align:right;
347}
348
8903b17b
BB
349table#user-grades .datesubmitted {
350 font-size: @fontSizeMini;
351}
352
353.path-grade-report-grader span.inclusion-links {
354 margin: 0 5px 0 10px;
355}
356
357
358.path-grade-report-grader th.user img.userpicture {
359 margin-right: 0.5em;
360}
d0dde5ce
NK
361.path-grade-report-grader.dir-rtl th.user img.userpicture {
362 margin-left: 0.5em;
363}
8903b17b
BB
364
365.path-grade-report-grader a.quickedit {
366line-height:1em;
367display:block;
368float:right;
369clear:none;
370font-size:9px;
371background-color:transparent;
372margin:.1em 0 0;
373}
374
375.path-grade-report-grader a.quickedit2 {
376display:block;
377float:right;
378clear:none;
379background-color:transparent;
380margin:1.3em 0 0;
381}
382
383.path-grade-report-grader table#quick_edit {
384border:1px solid #cecece;
385margin:0 auto;
386}
387
388.path-grade-report-grader table#quick_edit td {
389vertical-align:middle;
390border:1px solid #cecece;
391text-align:left;
392margin:0;
393padding:5px;
394}
395
396.path-grade-report-grader table#quick_edit td img {
397border:3px double #cecece;
398vertical-align:middle;
399padding:0;
400}
401
402.path-grade-report-grader table#quick_edit td.fullname {
403border-left:0;
404padding-left:5px;
405}
406
407.path-grade-report-grader table#quick_edit td.picture {
408border-right:0;
409}
410
411.path-grade-report-grader table#quick_edit td.finalgrade input {
412width:5em;
413}
414
415.path-grade-report-grader h1 {
416text-align:center;
417clear:both;
418}
419
420.path-grade-report-grader input.center {
421margin:10px auto 0;
422}
423
424.path-grade-report-grader .lefttbody {
425 width:auto;
426 vertical-align:middle;
427}
428
429.path-grade-report-grader .left_scroller {
430 float:left;
431 clear:none;
432 #fixed_column .heading th.header,
433 #fixed_column td,
434 #fixed_column th {
435 height: 4em;
436 }
437 #fixed_column td.controls {
438 height: 2em;
439 }
440}
441.path-grade-report-grader.dir-rtl .left_scroller {
442 float: right;
443}
444.path-grade-report-grader .right_scroller {
445 width: auto;
446 clear: none;
447 overflow-x: scroll;
448
449 tr.heading_name_row th,
450 table#user-grades td.grade {
451 height: 4em;
452 }
453 .path-grade-report-grader .left_scroller .topleft,
454 tr.avg td,
455 tr.groupavg,
456 tr.controls_row,
457 div.right_scroller tr {
458 height: 2em;
459 }
460}
461table#fixed_column,
462table#user-grades,
463table#fixed_column th,
464table#fixed_column td,
465table#user-grades td,
466table#user-grades th,
467table#user-grades input {
468 font-size:10px;
469 margin: 0;
470 padding: 0 2px;
471 vertical-align: middle;
472}
473
474.path-grade-report-grader form td.excluded {
475 color: @errorText;
476}
477
478.path-grade-report-grader .excludedfloater {
479 font-weight: 700;
480 color: @errorText;
481 font-size: 9px;
482 float: left;
483}
484
485.path-grade-report-grader span.gradepass {
486 color:#298721;
487}
488
489.path-grade-report-grader span.gradefail {
490 color:#890d0d;
491}
492
493.path-grade-report-grader .gradeweight {
494 color:#461d7c;
495 font-weight:700;
496}
497
498.path-grade-report-grader td select {
499 font-size: 100%;
500 padding: 0;
501}
502
503.path-grade-report-grader .right_scroller td select {
504 font-size: @fontSizeSmall;
505}
506
507.path-grade-report-grader .grade_icons img.ajax {
508 float:right;
509}
510
511.path-grade-report-grader .gradestable th.user,
512.path-grade-report-grader .gradestable th.range,
513.path-grade-report-grader .flexible th,
514.path-grade-report-grader .flexible td,
515.path-grade-report-grader .flexible th a,
516.path-grade-report-grader .flexible td a,
517.path-grade-report-grader .gradestable th.range,
518.path-grade-report-grader th,
519.path-grade-report-grader td {
520 white-space: nowrap;
521}
522
523table#user-grades td.vmarked {
524 background-color: #fc3;
525}
526
527table#user-grades td.hmarked {
528 background-color: #ff9;
529}
530
531table#user-grades td.hmarked.vmarked {
532 background-color: #fc9;
533}
534
535
536.path-grade-report-grader .gradeparent {
537 overflow: auto;
538}
539
540table#fixed_column tr.controls td,
541table#user-grades tr.controls td,
542.path-grade-report-grader table tr.avg,
543.path-grade-report-grader table tr.avg:hover {
544 background-color: @infoBackground;
545}
546
547.path-grade-report-grader table th.user,
548.path-grade-report-grader table td.userfield {
549 text-align:left;
550}
e22b3e2e
NK
551.path-grade-report-grader.dir-rtl {
552 table th.user,
553 table td.userfield {
554 text-align:right;
555 }
556}
8903b17b
BB
557.path-grade-report-grader .usersuspended a:link,
558.path-grade-report-grader .usersuspended a:visited {
559 .muted
560}
561
562.path-grade-report-grader table th.usersuspended img.usersuspendedicon {
563 vertical-align: text-bottom;
564 margin-left: .45em;
565}
566
567.path-grade-report-grader .yui3-overlay {
568 background-color: #FFEE69;
569 border-color: #D4C237 #A6982B #A6982B;
570 border-style: solid;
571 border-width: 1px;
572 left: 0;
573 padding: 2px 5px;
574 font-size: 0.7em;
575}
576
577.path-grade-report-grader .yui3-overlay .fullname {
578 color: #5F3E00;
579 font-weight: bold;
580}
581.path-grade-report-grader .yui3-overlay .itemname {
582 color: #194F3E;
583 font-weight: bold;
584}
585.path-grade-report-grader .yui3-overlay .feedback {
586 color: #5F595E;
587}
588
589.path-grade-report-grader #tooltipPanel {
590 text-align: left;
591}
592
593.path-grade-report-grader .yui3-overlay a.container-close {
594 margin-top: -3px;
595}
596
597.path-grade-report-grader #hiddentooltiproot, .tooltipDiv {
598 display: none;
599}
7e222836
JF
600
601.gradingform_rubric.editor .criteria .definition textarea,
602.gradingform_rubric.editor .criteria .scorevalue input {
7e222836
JF
603 width: auto;
604}
605
606.gradingform_rubric.editor .criteria .scorevalue input {
607 float: left;
608}