Merge branch 'wip-MDL-39741-master' of git://github.com/marinaglancy/moodle
[moodle.git] / theme / bootstrapbase / less / moodle / grade.less
1 /* grades.less */
2 .allcoursegrades {
3     width: 100%;
4     text-align: right;
5     padding: 4px 0 5px 0;
6 }
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 }
29 .path-grade-edit-tree .iconsmall {
30     margin-left: 4px;
31 }
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 }
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 }
98 /** Advanced grading **/
99 #page-grade-grading-manage #activemethodselector {
100     text-align: center;
101     margin-bottom: 1em;
103 #page-grade-grading-manage #activemethodselector select {
104     margin: 0 1em;
106 #page-grade-grading-manage .actions {
107     text-align: center;
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);
119 #page-grade-grading-manage .action:hover {
120     text-decoration: none;
121     background-color: #F6F6F6;
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;
134 #page-grade-grading-manage #actionresultmessagebox span {
135     position: absolute;
136     right: 0;
137     top: -1.2em;
138     color: #666;
139 font-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);
148 #page-grade-grading-manage .definition-name .status.ready {
149     background-color: #e7f1c3;
150     border-color: #AAEEAA;
152 #page-grade-grading-manage .definition-name .status.draft {
153     background-color: #f3f2aa;
154     border-color: #EEEE22;
156 #page-grade-grading-manage .definition-preview {
157     width: 50%;
158     margin: 1em auto;
159     border: 1px solid #EEE;
160     padding: 1em;
162 #page-grade-grading-pick .template-name {
163     clear: both;
164     padding: 3px;
165     background-color: #F6F6F6;
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);
175 #page-grade-grading-pick .template-name .type.shared {
176     background-color: #e7f1c3;
177     border-color: #AAEEAA;
179 #page-grade-grading-pick .template-name .type.ownform {
180     background-color: #d2ebff;
181     border-color: #AACCEE;
183 #page-grade-grading-pick .template-description {
184     margin-bottom: 1em;
185     padding: 0 2em 0 0px;
186     margin-right: 51%;
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;
195 #page-grade-grading-pick .template-actions {
196     margin-bottom: 1em;
197     padding: 0 2em 0 0px;
198     margin-right: 51%;
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;
206 #page-grade-grading-pick .template-actions .action.pick {
207     background-color: #EEE;
208     border: 2px solid #CCC;
209     .border-radius(3px);
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);
217 #page-grade-grading-pick .template-actions .action .action-text {
218     display: inline;
220 #page-grade-grading-pick .template-actions .action .action-icon {
221     margin: 0 3px;
223 #page-grade-grading-pick .template-preview-confirm {
224     width: 50%;
225     margin: 1em auto;
226     border: 1px solid #EEE;
227     padding: 1em;
229 #page-grade-grading-pick .singlebutton {
230     clear: both;
233 // replaces grades/report/grader/styles.css
235 table#user-grades tr td.overridden {
236     background-color:#F3E4C0;
238 table#user-grades tr.odd td.overridden {
239     background-color:#EFD9A4;
241 table#user-grades tr td.ajaxoverridden {
242     background-color:#FFE3A0;
244 table#user-grades tr.odd td.ajaxoverridden {
245     background-color:#FFDA83;
247 table#user-grades tr.even td.excluded {
248     background-color:#EABFFF;
250 table#user-grades tr.odd td.excluded {
251     background-color:#E5AFFF;
254 table#user-grades tr.groupavg td.cell {
255     background-color:#efffef;
256     font-weight:700;
257     color:#006400;
260 table#user-grades td.cat,
261 table#user-grades td.course {
262     font-weight:700;
265 .path-grade-report-grader #overDiv table {
266 margin:0;
268 .path-grade-report-grader #overDiv table td.feedback {
269 border:0;
271 .path-grade-report-grader #overDiv .feedback {
272 font-size: @fontSizeMini;
273 background-color:#ABF;
274 font-weight:400;
276 .path-grade-report-grader #overDiv .caption {
277 font-size: @fontSizeMini;
278 background-color:#56C;
279 color:#CCF;
280 font-weight:700;
282 .path-grade-report-grader #overDiv .intersection {
283 font-size: @fontSizeMini;
284 background-color:#ABF;
285 color:#000;
286 font-weight:400;
288 .path-grade-report-grader #overDiv .intersectioncaption {
289 background-color:#56C;
290 color:#CCF;
291 font-weight:700;
294 .path-grade-report-grader div.gradeparent,
295 table#user-grades td.ajax {
296     text-align:left;
299 .path-grade-report-grader.dir-rtl  div.gradeparent,
300 .dir-rtl table#user-grades td.ajax {
301     text-align: right;
304 table#user-grades td,
305 table#user-grades th {
306     text-align: right;
309 table#user-grades .courseitem {
310     white-space: nowrap;
311     text-align: right;
313 table#user-grades th.category,
314 table#user-grades th#studentheader,
315 table#user-grades th.user {
316     text-align: left;
318 .dir-rtl table#user-grades th.category,
319 .dir-rtl table#user-grades th#studentheader,
320 .dir-rtl table#user-grades th.user {
321   text-align: right;
323 div.gradertoggle {
324     display: inline;
325     margin-left: 20px;
328 table#user-grades .userpic {
329     margin-right: 10px;
332 table#user-grades .quickfeedback {
333     border:1px dashed #000;
334     margin-left: 10px;
336 .dir-rtl table#user-grades .quickfeedback {
337     margin-left: 0;
338     margin-right: 10px;
341 .path-grade-report-grader #siteconfiglink {
342     text-align:right;
345 table#user-grades .datesubmitted {
346     font-size: @fontSizeMini;
349 .path-grade-report-grader span.inclusion-links {
350     margin: 0 5px 0 10px;
354 .path-grade-report-grader th.user img.userpicture {
355     margin-right: 0.5em;
357 .path-grade-report-grader.dir-rtl th.user img.userpicture {
358   margin-left: 0.5em;
361 .path-grade-report-grader a.quickedit {
362 line-height:1em;
363 display:block;
364 float:right;
365 clear:none;
366 font-size:9px;
367 background-color:transparent;
368 margin:.1em 0 0;
371 .path-grade-report-grader a.quickedit2 {
372 display:block;
373 float:right;
374 clear:none;
375 background-color:transparent;
376 margin:1.3em 0 0;
379 .path-grade-report-grader table#quick_edit {
380 border:1px solid #cecece;
381 margin:0 auto;
384 .path-grade-report-grader table#quick_edit td {
385 vertical-align:middle;
386 border:1px solid #cecece;
387 text-align:left;
388 margin:0;
389 padding:5px;
392 .path-grade-report-grader table#quick_edit td img {
393 border:3px double #cecece;
394 vertical-align:middle;
395 padding:0;
398 .path-grade-report-grader table#quick_edit td.fullname {
399 border-left:0;
400 padding-left:5px;
403 .path-grade-report-grader table#quick_edit td.picture {
404 border-right:0;
407 .path-grade-report-grader table#quick_edit td.finalgrade input {
408 width:5em;
411 .path-grade-report-grader h1 {
412 text-align:center;
413 clear:both;
416 .path-grade-report-grader input.center {
417 margin:10px auto 0;
420 .path-grade-report-grader .lefttbody {
421     width:auto;
422     vertical-align:middle;
425 .path-grade-report-grader .left_scroller {
426     float:left;
427     clear:none;
428     #fixed_column .heading th.header,
429     #fixed_column td,
430     #fixed_column th {
431         height: 4em;
432     }
433     #fixed_column td.controls {
434         height: 2em;
435     }
437 .path-grade-report-grader.dir-rtl .left_scroller {
438     float: right;
440 .path-grade-report-grader .right_scroller {
441     width: auto;
442     clear: none;
443     overflow-x: scroll;
445     tr.heading_name_row th,
446     table#user-grades td.grade {
447         height: 4em;
448     }
449     .path-grade-report-grader .left_scroller .topleft,
450     tr.avg td,
451     tr.groupavg,
452     tr.controls_row,
453     div.right_scroller tr {
454         height: 2em;
455     }
457 table#fixed_column,
458 table#user-grades,
459 table#fixed_column th,
460 table#fixed_column td,
461 table#user-grades td,
462 table#user-grades th,
463 table#user-grades input {
464     font-size:10px;
465     margin: 0;
466     padding: 0 2px;
467     vertical-align: middle;
470 .path-grade-report-grader form td.excluded {
471     color: @errorText;
474 .path-grade-report-grader .excludedfloater {
475     font-weight: 700;
476     color: @errorText;
477     font-size: 9px;
478     float: left;
481 .path-grade-report-grader span.gradepass {
482     color:#298721;
485 .path-grade-report-grader span.gradefail {
486     color:#890d0d;
489 .path-grade-report-grader .gradeweight {
490     color:#461d7c;
491     font-weight:700;
494 .path-grade-report-grader td select {
495     font-size: 100%;
496     padding: 0;
499 .path-grade-report-grader .right_scroller td select {
500     font-size: @fontSizeSmall;
503 .path-grade-report-grader .grade_icons img.ajax {
504     float:right;
507 .path-grade-report-grader .gradestable th.user,
508 .path-grade-report-grader .gradestable th.range,
509 .path-grade-report-grader .flexible th,
510 .path-grade-report-grader .flexible td,
511 .path-grade-report-grader .flexible th a,
512 .path-grade-report-grader .flexible td a,
513 .path-grade-report-grader .gradestable th.range,
514 .path-grade-report-grader th,
515 .path-grade-report-grader td {
516     white-space: nowrap;
519 table#user-grades td.vmarked {
520     background-color: #fc3;
523 table#user-grades td.hmarked {
524     background-color: #ff9;
527 table#user-grades td.hmarked.vmarked {
528     background-color: #fc9;
532 .path-grade-report-grader .gradeparent {
533     overflow: auto;
536 table#fixed_column tr.controls td,
537 table#user-grades tr.controls td,
538 .path-grade-report-grader table tr.avg,
539 .path-grade-report-grader table tr.avg:hover {
540     background-color: @infoBackground;
543 .path-grade-report-grader table th.user,
544 .path-grade-report-grader table td.userfield {
545     text-align:left;
548 .path-grade-report-grader .usersuspended a:link,
549 .path-grade-report-grader .usersuspended a:visited {
550     .muted
553 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
554     vertical-align: text-bottom;
555     margin-left: .45em;
558 .path-grade-report-grader .yui3-overlay {
559     background-color: #FFEE69;
560     border-color: #D4C237 #A6982B #A6982B;
561     border-style: solid;
562     border-width: 1px;
563     left: 0;
564     padding: 2px 5px;
565     font-size: 0.7em;
568 .path-grade-report-grader .yui3-overlay .fullname {
569     color: #5F3E00;
570     font-weight: bold;
572 .path-grade-report-grader .yui3-overlay .itemname {
573     color: #194F3E;
574     font-weight: bold;
576 .path-grade-report-grader .yui3-overlay .feedback {
577     color: #5F595E;
580 .path-grade-report-grader #tooltipPanel {
581   text-align: left;
584 .path-grade-report-grader .yui3-overlay a.container-close {
585   margin-top: -3px;
588 .path-grade-report-grader #hiddentooltiproot, .tooltipDiv {
589   display: none;