MDL-40180 - RTL/Clean theme: Misalignment of student name and profile image in grader...
[moodle.git] / theme / bootstrapbase / less / moodle / grade.less
blob48fe06b915ea5ce0f7a2c3e3440fb861a27b98c5
1 /* grades.less */
2 .allcoursegrades {
3     width: 100%;
4     text-align: right;
5     padding: 4px 0 5px 0;
8 .path-grade-edit .buttons {
9     text-align: center;
11 .path-grade-edit-tree .idnumber {
12     margin-left: 15px;
14 .path-grade-edit-tree .movetarget {
15     position: relative;
16     width: 80px;
17     height: 16px;
19 .path-grade-edit-tree ul#grade_tree {
20     width: auto;
22 .path-grade-edit-tree ul#grade_tree li {
23     list-style: none;
25 .path-grade-edit-tree ul#grade_tree li.category {
26     margin-bottom: 6px;
29 .path-grade-edit-tree .iconsmall {
30     margin-left: 4px;
33 #grade-report-toggles {
34     text-align: center;
36 #grade-aggregation-help dt {
37     margin-top: 15px;
39 #grade-aggregation-help dd.example {
40     margin-top: 7px;
42 #grade-aggregation-help code {
43     display: block;
44     margin-top: 7px;
46 .gradeexportlink {
47     padding: 2em;
48     text-align: center;
51 .gradetreebox {
52     margin-top: 10px;
53     overflow-x: auto;
54     overflow-y: hidden;
56 .gradetreebox table {
57     font-size: 0.8em;
58     width: 100%;
60 .gradetreebox td.colspan,
61 .gradetreebox tr.category .cell {
62     background-color: #DDD;
64 .gradetreebox th.actions {
65     white-space: nowrap;
66     width: 105px;
68 .gradetreebox td.name {
69     white-space: nowrap;
71 .gradetreebox td.name h4 {
72     display: inline;
74 .gradetreebox td.range {
75     white-space: nowrap;
77 .gradetreebox span.actionlink {
78     color: blue;
80 .gradetreebox span.actionlink:hover {
81     text-decoration: underline;
82     cursor: pointer;
84 .gradetreebox img.iconsmall {
85     margin-left: 4px;
87 .gradetreebox img.icon {
88     margin-right: 5px;
90 .gradetreebox #gradetreesubmit {
91     margin-bottom: 1em;
92     text-align: center;
94 .gradetreebox .hidden {
95     display: none;
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 .hidden,
346 table#user-grades .hidden a {
347     .muted
350 table#user-grades .datesubmitted {
351     font-size: @fontSizeMini;
354 .path-grade-report-grader span.inclusion-links {
355     margin: 0 5px 0 10px;
359 .path-grade-report-grader th.user img.userpicture {
360     margin-right: 0.5em;
362 .path-grade-report-grader.dir-rtl th.user img.userpicture {
363   margin-left: 0.5em;
366 .path-grade-report-grader a.quickedit {
367 line-height:1em;
368 display:block;
369 float:right;
370 clear:none;
371 font-size:9px;
372 background-color:transparent;
373 margin:.1em 0 0;
376 .path-grade-report-grader a.quickedit2 {
377 display:block;
378 float:right;
379 clear:none;
380 background-color:transparent;
381 margin:1.3em 0 0;
384 .path-grade-report-grader table#quick_edit {
385 border:1px solid #cecece;
386 margin:0 auto;
389 .path-grade-report-grader table#quick_edit td {
390 vertical-align:middle;
391 border:1px solid #cecece;
392 text-align:left;
393 margin:0;
394 padding:5px;
397 .path-grade-report-grader table#quick_edit td img {
398 border:3px double #cecece;
399 vertical-align:middle;
400 padding:0;
403 .path-grade-report-grader table#quick_edit td.fullname {
404 border-left:0;
405 padding-left:5px;
408 .path-grade-report-grader table#quick_edit td.picture {
409 border-right:0;
412 .path-grade-report-grader table#quick_edit td.finalgrade input {
413 width:5em;
416 .path-grade-report-grader h1 {
417 text-align:center;
418 clear:both;
421 .path-grade-report-grader input.center {
422 margin:10px auto 0;
425 .path-grade-report-grader .lefttbody {
426     width:auto;
427     vertical-align:middle;
430 .path-grade-report-grader .left_scroller {
431     float:left;
432     clear:none;
433     #fixed_column .heading th.header,
434     #fixed_column td,
435     #fixed_column th {
436         height: 4em;
437     }
438     #fixed_column td.controls {
439         height: 2em;
440     }
442 .path-grade-report-grader.dir-rtl .left_scroller {
443     float: right;
445 .path-grade-report-grader .right_scroller {
446     width: auto;
447     clear: none;
448     overflow-x: scroll;
450     tr.heading_name_row th,
451     table#user-grades td.grade {
452         height: 4em;
453     }
454     .path-grade-report-grader .left_scroller .topleft,
455     tr.avg td,
456     tr.groupavg,
457     tr.controls_row,
458     div.right_scroller tr {
459         height: 2em;
460     }
462 table#fixed_column,
463 table#user-grades,
464 table#fixed_column th,
465 table#fixed_column td,
466 table#user-grades td,
467 table#user-grades th,
468 table#user-grades input {
469     font-size:10px;
470     margin: 0;
471     padding: 0 2px;
472     vertical-align: middle;
475 .path-grade-report-grader form td.excluded {
476     color: @errorText;
479 .path-grade-report-grader .excludedfloater {
480     font-weight: 700;
481     color: @errorText;
482     font-size: 9px;
483     float: left;
486 .path-grade-report-grader span.gradepass {
487     color:#298721;
490 .path-grade-report-grader span.gradefail {
491     color:#890d0d;
494 .path-grade-report-grader .gradeweight {
495     color:#461d7c;
496     font-weight:700;
499 .path-grade-report-grader td select {
500     font-size: 100%;
501     padding: 0;
504 .path-grade-report-grader .right_scroller td select {
505     font-size: @fontSizeSmall;
508 .path-grade-report-grader .grade_icons img.ajax {
509     float:right;
512 .path-grade-report-grader .gradestable th.user,
513 .path-grade-report-grader .gradestable th.range,
514 .path-grade-report-grader .flexible th,
515 .path-grade-report-grader .flexible td,
516 .path-grade-report-grader .flexible th a,
517 .path-grade-report-grader .flexible td a,
518 .path-grade-report-grader .gradestable th.range,
519 .path-grade-report-grader th,
520 .path-grade-report-grader td {
521     white-space: nowrap;
524 table#user-grades td.vmarked {
525     background-color: #fc3;
528 table#user-grades td.hmarked {
529     background-color: #ff9;
532 table#user-grades td.hmarked.vmarked {
533     background-color: #fc9;
537 .path-grade-report-grader .gradeparent {
538     overflow: auto;
541 table#fixed_column tr.controls td,
542 table#user-grades tr.controls td,
543 .path-grade-report-grader table tr.avg,
544 .path-grade-report-grader table tr.avg:hover {
545     background-color: @infoBackground;
548 .path-grade-report-grader table th.user,
549 .path-grade-report-grader table td.userfield {
550     text-align:left;
553 .path-grade-report-grader .usersuspended a:link,
554 .path-grade-report-grader .usersuspended a:visited {
555     .muted
558 .path-grade-report-grader table th.usersuspended img.usersuspendedicon {
559     vertical-align: text-bottom;
560     margin-left: .45em;
563 .path-grade-report-grader .yui3-overlay {
564     background-color: #FFEE69;
565     border-color: #D4C237 #A6982B #A6982B;
566     border-style: solid;
567     border-width: 1px;
568     left: 0;
569     padding: 2px 5px;
570     font-size: 0.7em;
573 .path-grade-report-grader .yui3-overlay .fullname {
574     color: #5F3E00;
575     font-weight: bold;
577 .path-grade-report-grader .yui3-overlay .itemname {
578     color: #194F3E;
579     font-weight: bold;
581 .path-grade-report-grader .yui3-overlay .feedback {
582     color: #5F595E;
585 .path-grade-report-grader #tooltipPanel {
586   text-align: left;
589 .path-grade-report-grader .yui3-overlay a.container-close {
590   margin-top: -3px;
593 .path-grade-report-grader #hiddentooltiproot, .tooltipDiv {
594   display: none;