245e5b48cef207a470d970ddf29b8af739c7df09
[moodle.git] / mod / assign / styles.css
1 /* stylelint-disable max-line-length */
2 /* FIXME: MDL-55370: remove this stylelint disable */
3 .path-mod-assign div.gradingnavigation div {
4     float: left;
5     margin-left: 2em;
6 }
8 .path-mod-assign div.submissionstatustable,
9 .path-mod-assign div.submissionfull,
10 .path-mod-assign div.submissionlinks,
11 .path-mod-assign div.usersummary,
12 .path-mod-assign div.feedback,
13 .path-mod-assign div.gradingsummary {
14     margin-bottom: 5em;
15 }
17 .path-mod-assign div.submissionstatus .generaltable,
18 .path-mod-assign div.submissionlinks .generaltable,
19 .path-mod-assign div.feedback .generaltable,
20 .path-mod-assign div.submissionsummarytable .generaltable,
21 .path-mod-assign div.attempthistory table,
22 .path-mod-assign div.gradingsummary .generaltable {
23     width: 100%;
24 }
26 .path-mod-assign table.generaltable table td {
27     border: 0 none;
28 }
30 .path-mod-assign .gradingsummarytable,
31 .path-mod-assign .feedbacktable,
32 .path-mod-assign .lockedsubmission,
33 .path-mod-assign .submissionsummarytable {
34     margin-top: 1em;
35 }
37 .path-mod-assign div.submissionsummarytable table tbody tr td.c0 {
38     width: 30%;
39 }
41 .path-mod-assign .submittedlate {
42     color: red;
43     font-weight: 900;
44 }
46 .path-mod-assign.jsenabled .gradingoptionsform [type=submit] {
47     display: none;
48 }
50 .path-mod-assign.jsenabled .gradingtable .c1 select {
51     display: none;
52 }
54 .path-mod-assign .quickgradingform .mform fieldset {
55     margin: 0;
56     padding: 0;
57 }
59 .path-mod-assign textarea.quickgrade {
60     resize: both;
61 }
63 .path-mod-assign td.submissionstatus,
64 .path-mod-assign div.submissionstatus,
65 .path-mod-assign a:link.submissionstatus {
66     color: black;
67     background-color: #efefef;
68 }
70 .path-mod-assign td.submissionstatusdraft,
71 .path-mod-assign div.submissionstatusdraft,
72 .path-mod-assign a:link.submissionstatusdraft {
73     color: black;
74     background-color: #efefcf;
75 }
77 .path-mod-assign td.submissionstatussubmitted,
78 .path-mod-assign div.submissionstatussubmitted,
79 .path-mod-assign a:link.submissionstatussubmitted {
80     color: black;
81     background-color: #cfefcf;
82 }
84 .path-mod-assign td.submissionlocked,
85 .path-mod-assign div.submissionlocked {
86     color: black;
87     background-color: #efefcf;
88 }
90 .path-mod-assign td.submissionreopened,
91 .path-mod-assign div.submissionreopened {
92     color: black;
93     background-color: #efefef;
94 }
96 .path-mod-assign td.submissiongraded,
97 .path-mod-assign div.submissiongraded {
98     color: black;
99     background-color: #cfefcf;
102 .path-mod-assign td.submissionnotgraded,
103 .path-mod-assign div.submissionnotgraded {
104     color: black;
105     background-color: #efefef;
108 .path-mod-assign td.latesubmission,
109 .path-mod-assign a:link.latesubmission,
110 .path-mod-assign div.latesubmission {
111     color: black;
112     background-color: #efcfcf;
115 .path-mod-assign td.earlysubmission,
116 .path-mod-assign div.earlysubmission {
117     color: black;
118     background-color: #cfefcf;
121 .path-mod-assign .gradingtable .c0 {
122     display: none;
125 .path-mod-assign.jsenabled .gradingtable .c0 {
126     display: table-cell;
129 .path-mod-assign .gradingbatchoperationsform {
130     display: none;
133 .path-mod-assign.jsenabled .gradingbatchoperationsform {
134     display: block;
137 .path-mod-assign .gradingtable tr.selectedrow td {
138     background-color: #fec;
141 .path-mod-assign .gradingtable tr.unselectedrow td {
142     background-color: white;
145 .path-mod-assign .gradingtable .c0 div.selectall {
146     margin-left: 7px;
149 .path-mod-assign .gradingtable .yui3-menu ul {
150     margin: 0;
153 .path-mod-assign .gradingtable .yui3-menu-label {
154     padding-left: 0;
155     line-height: 12px;
158 .path-mod-assign .gradingtable .yui3-menu-label img {
159     padding: 0 3px;
162 .path-mod-assign .gradingtable .yui3-menu li {
163     list-style-type: none;
166 .path-mod-assign.jsenabled .gradingtable .yui3-loading {
167     display: none;
170 .path-mod-assign .gradingtable .yui3-menu .yui3-menu-content {
171     border: 0;
172     padding-top: 0;
175 .path-mod-assign div.gradingtable tr .quickgrademodified {
176     background-color: #fc9;
179 .path-mod-assign td.submissioneditable {
180     color: red;
183 .path-mod-assign .expandsummaryicon {
184     cursor: pointer;
185     display: none;
188 .path-mod-assign.jsenabled .expandsummaryicon {
189     display: inline;
192 .path-mod-assign .hidefull {
193     display: none;
196 .path-mod-assign .quickgradingform form .commentscontainer input,
197 .path-mod-assign .quickgradingform form .commentscontainer textarea {
198     display: none;
201 .path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,
202 .path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea {
203     display: inline;
206 .path-mod-assign .previousfeedbackwarning {
207     font-size: 140%;
208     font-weight: bold;
209     text-align: center;
210     color: #500;
213 .path-mod-assign .submissionhistory {
214     background-color: #b0b0b0;
217 .path-mod-assign .submissionhistory .cell.historytitle {
218     background-color: #808080;
221 .path-mod-assign .submissionhistory .cell {
222     background-color: #d0d0d0;
225 .path-mod-assign.jsenabled .mod-assign-history-link {
226     display: block;
227     cursor: pointer;
228     margin-bottom: 7px;
231 .path-mod-assign.jsenabled .mod-assign-history-link h4 {
232     display: inline;
235 .path-mod-assign.jsenabled .attempthistory h4 {
236     margin-bottom: 7px;
237     text-align: left;
240 .path-mod-assign.jsenabled.dir_rtl .attempthistory h4 {
241     text-align: right;
244 .path-mod-assign.jsenabled .mod-assign-history-link-open {
245     padding: 0 5px 0 20px;
246     background: url([[pix:t/expanded]]) 2px center no-repeat;
249 .path-mod-assign.jsenabled .mod-assign-history-link-closed {
250     padding: 0 5px 0 20px;
251     background: url([[pix:t/collapsed]]) 2px center no-repeat;
254 /*rtl:raw:
255 .path-mod-assign.jsenabled .mod-assign-history-link-closed {
256     background-image: url([[pix:t/collapsed_rtl]]);
258 */
260 .path-mod-assign .submithelp {
261     padding: 1em;
264 .path-mod-assign .feedbacktitle {
265     font-weight: bold;
268 .path-mod-assign .submitconfirm,
269 .path-mod-assign .submissionlinks,
270 .path-mod-assign .submissionaction {
271     text-align: center;
274 .path-mod-assign .submissionsummarytable .c0,
275 .path-mod-assign .mod-assign-history-panel .c0 {
276     width: 150px;
279 .path-mod-assign .gradingtable .moodle-actionmenu {
280     white-space: nowrap;
283 .path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
284     padding-left: 12px;
285     padding-right: 12px;
288 .path-mod-assign .gradingtable .menu-action img {
289     display: none;
292 .path-mod-assign .editsubmissionform input[name="submissionstatement"] {
293     vertical-align: top;
296 .path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
297     display: inline-block;
300 .path-mod-assign.layout-option-nonavbar {
301     padding-top: 0;
304 .path-mod-assign [data-region="user-selector"] select {
305     margin-bottom: 0;
308 .path-mod-assign [data-region="user-selector"] .alignment {
309     float: right;
310     width: 320px;
311     text-align: center;
312     margin-top: 7px;
315 .path-mod-assign [data-region="user-selector"] [data-action="previous-user"],
316 .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
317     font-size: 26px;
320 .path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
321     margin-left: -10px;
324 .path-mod-assign [data-region="user-selector"] .alignment input {
325     margin-bottom: 5px;
328 .path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
329     top: 0;
332 .path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
333     display: none;
336 .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
337     text-align: left;
340 .path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
341     margin-left: 48px;
344 .path-mod-assign [data-region="user-filters"] {
345     font-size: small;
348 .path-mod-assign [data-region="configure-filters"] {
349     display: none;
350     text-align: left;
351     width: auto;
352     background-color: #fff;
353     background-clip: padding-box;
354     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
355     border-radius: 6px;
356     position: absolute;
357     margin-top: 28px;
358     margin-left: -140px;
359     padding: 10px 0;
360     z-index: 1;
363 .path-mod-assign [data-region="configure-filters"]::before,
364 .path-mod-assign [data-region="configure-filters"]::after {
365     position: absolute;
366     left: auto;
367     display: inline-block;
368     content: '';
369     border-style: solid;
370     border-color: transparent;
371     border-top: none;
374 .path-mod-assign [data-region="configure-filters"]::before {
375     top: -7px;
376     right: 12px;
377     border-width: 7px;
378     border-bottom-color: rgba(0, 0, 0, 0.2);
381 .path-mod-assign [data-region="configure-filters"]::after {
382     top: -6px;
383     right: 13px;
384     border-width: 6px;
385     border-bottom-color: #fff;
388 .path-mod-assign [data-region="configure-filters"] label {
389     display: block;
390     padding: 3px 20px;
393 .path-mod-assign .alignment [data-region="configure-filters"] input {
394     margin-bottom: 0;
397 .path-mod-assign [data-region="grading-navigation-panel"] {
398     position: absolute;
399     top: 0;
400     left: 0;
401     width: 100%;
402     height: 6em;
403     margin: 0;
404     border-bottom: 1px solid #ddd;
407 .path-mod-assign [data-region="grading-navigation"] {
408     padding: 1em;
410 .path-mod-assign [data-region="assignment-info"] {
411     white-space: nowrap;
412     overflow-x: hidden;
413     text-overflow: ellipsis;
415 .path-mod-assign [data-region="assignment-info"] small[data-region="assignment-tooltip"] {
416     margin-left: 0.5em;
419 .path-mod-assign [data-region="user-info"] {
420     height: 60px;
423 .path-mod-assign [data-region="user-info"] a {
424     text-decoration: none;
427 .path-mod-assign [data-region="user-info"] .img-rounded {
428     display: block;
429     float: left;
430     margin-top: -3px;
431     margin-right: 10px;
434 .path-mod-assign [data-region="user-info"] em {
435     display: block;
436     font-style: normal;
439 .path-mod-assign [data-region="user-info"] em.nowrap {
440     white-space: nowrap;
441     overflow: hidden;
442     text-overflow: ellipsis;
445 .path-mod-assign [data-region="grading-actions-form"] label {
446     display: inline-block;
449 .path-mod-assign.pagelayout-embedded {
450     overflow: hidden;
453 .path-mod-assign [data-region="review-panel"] {
454     position: absolute;
455     top: 85px;
456     bottom: 60px;
457     left: 0;
458     right: 30%;
459     width: auto;
460     box-sizing: border-box;
461     -webkit-transition: right 0.5s, left 0.5s;
462     -moz-transition: right 0.5s, left 0.5s;
463     transition: right 0.5s, left 0.5s;
466 .path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
467     right: 30px;
470 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
471     display: none;
472     height: 30px;
473     width: 30px;
474     position: absolute;
475     top: 0;
476     right: 0;
477     left: auto;
478     box-sizing: border-box;
479     border-radius: 0 0 0 4px;
480     border: 1px solid #ccc;
481     border-top: none;
482     background-color: #fff;
483     z-index: 99999;
486 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
487 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
488     width: 100%;
489     height: 100%;
490     text-align: center;
491     line-height: 30px;
494 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
495 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
496     visibility: hidden;
497     opacity: 0;
498     height: 0;
499     overflow: hidden;
502 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img {
503     height: 100%;
504     float: right;
507 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon {
508     display: none;
511 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
512     display: block;
515 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width {
516     display: none;
519 .path-mod-assign [data-region="review-panel"] .pageheader {
520     border-right: 1px solid #ddd;
523 .path-mod-assign [data-region="review-panel"] + [data-region="grade-panel"] [data-region="grade"] {
524     margin-left: auto;
525     margin-right: auto;
526     max-width: 100%;
527     -webkit-transition: max-width 0.5s;
528     -moz-transition: max-width 0.5s;
529     transition: max-width 0.5s;
532 .path-mod-assign [data-region="review-panel"] .drawingregion {
533     left: 0;
534     right: 0;
535     border-color: #ddd;
538 .path-mod-assign [data-region="review-panel"].collapsed {
539     left: calc(30px - 70%);
540     right: calc(100% - 30px);
541     -webkit-transition: right 0.5s, left 0.5s;
542     -moz-transition: right 0.5s, left 0.5s;
543     transition: right 0.5s, left 0.5s;
546 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
547     visibility: hidden;
548     -webkit-transition: visibility 0s 0.5s;
549     -moz-transition: visibility 0s 0.5s;
550     transition: visibility 0s 0.5s;
553 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
554     display: block;
557 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
558     display: none;
561 .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
562     position: absolute;
563     left: 30px;
564     right: 0;
565     width: calc(100% - 30px);
566     overflow: auto;
567     -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
568     -moz-transition: width 0.5s, right 0.5s, left 0.5s;
569     transition: width 0.5s, right 0.5s, left 0.5s;
572 .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
573 .path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
574     max-width: 800px;
575     margin-left: auto;
576     margin-right: auto;
579 .path-mod-assign [data-region="grade-panel"] {
580     position: absolute;
581     top: 85px;
582     bottom: 60px;
583     right: 0;
584     left: 70%;
585     width: 30%;
586     overflow: auto;
587     box-sizing: border-box;
588     background-color: #f5f5f5;
589     padding: 15px;
590     padding-top: 0;
591     -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
592     -moz-transition: width 0.5s, right 0.5s, left 0.5s;
593     transition: width 0.5s, right 0.5s, left 0.5s;
596 .path-mod-assign [data-region="grade-panel"].collapsed {
597     left: calc(100% - 30px);
598     right: calc(30px - 100%);
599     visibility: hidden;
600     -webkit-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
601     -moz-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
602     transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
605 .path-mod-assign [data-region="grade-panel"].fullwidth {
606     left: 0;
607     width: 100%;
608     overflow: auto;
611 .path-mod-assign [data-region="grade-panel"] h3 {
612     font-size: 18px;
613     font-weight: 500;
616 /***** Start submission status *****/
618 .path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
619     margin-bottom: 2em;
622 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
623     margin-left: 5px;
624     margin-right: 5px;
627 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
628     padding: 8px 0;
629     background-color: transparent;
632 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody > tr:nth-child(2n+1) > td,
633 .path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover > td {
634     background-color: transparent;
637 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
638     width: auto;
641 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,
642 .path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
643     border-bottom: 1px solid #ddd;
646 .path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,
647 .path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
648     color: red;
649     background-color: transparent;
652 /***** End submission status *****/
654 .path-mod-assign [data-region="grade-panel"] #id_gradeheader {
655     display: table-cell;
656     min-width: 0;
659 .path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
660     visibility: hidden;
661     height: 0;
662     margin-bottom: 0;
665 .path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
666     width: 100%;
667     box-sizing: border-box;
670 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,
671 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,
672 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,
673 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading,
674 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
675     background-color: #fff;
676     border: 1px solid #ddd;
677     margin-bottom: 20px;
680 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,
681 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,
682 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,
683 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_fgrading .fitemtitle,
684 .path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
685     padding-left: 5px;
686     padding-right: 5px;
689 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,
690 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,
691 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,
692 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_fgrading .felement,
693 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
694     padding: 6px 10px 10px;
695     box-sizing: border-box;
698 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,
699 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,
700 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,
701 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_fgrading .fitemtitle,
702 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
703     border-bottom: 1px solid #ddd;
704     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
705     padding: 6px 10px 3px;
706     box-sizing: border-box;
709 .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
710     margin-left: 2px;
711     margin-right: 2px;
712     margin-top: -2px;
715 .path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
716     margin-left: -6px;
717     margin-right: -6px;
718     margin-top: 4px;
721 .path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,
722 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
723     font-weight: 500;
726 /***** Start grade *****/
728 .path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
729     padding-top: 5px;
732 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
733     display: inline-block;
734     width: auto;
735     border-bottom: none;
736     box-shadow: none;
739 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
740     width: auto;
741     float: right;
744 .path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
745     width: 80px;
746     margin-bottom: 0;
749 /***** End grade *****/
751 /***** Start rubric *****/
753 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
754     padding-bottom: 0;
755     max-width: none;
758 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
759     font-weight: 500;
760     min-width: 150px;
763 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
764     background-color: #fff;
767 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,
768 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
769     background-color: transparent;
772 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric.evaluate .criterion .levels .level:hover {
773     background-color: #dff0d8;
776 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
777     background-color: #dff0d8;
778     border: none;
779     border-left: 1px solid #ddd;
782 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level .score {
783     color: #468847;
784     font-weight: 500;
785     font-style: normal;
786     margin-top: 20px;
789 .path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
790     margin-bottom: 0;
793 /***** End rubric *****/
795 /***** Start marking guide *****/
797 .path-mod-assign [data-region="grade-panel"] .gradingform_guide {
798     margin-bottom: 10px;
801 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,
802 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,
803 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
804     display: block;
807 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
808     padding-top: 10px;
811 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
812     margin-top: 5px;
815 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
816     width: auto;
817     margin-top: 5px;
820 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
821     margin-bottom: 10px;
824 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
825     float: right;
826     margin-top: 2px;
827     margin-left: 0;
830 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
831     float: left;
832     padding-bottom: 8px;
835 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,
836 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
837     display: inline-block;
840 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,
841 .path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
842     background-color: transparent;
843     border-width: 0 0 1px 0;
844     padding: 8px 0;
847 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
848 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
849     background-color: #f5f5f5;
850     padding: 10px;
853 /***** End marking guide *****/
855 .path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
856     margin-bottom: 0;
859 /***** Start popout dialogue *****/
861 .path-mod-assign [data-region="grade-panel"] .fitem.popout {
862     position: fixed;
863     left: 20%;
864     right: 20%;
865     top: 20%;
866     bottom: 20%;
867     z-index: 1000;
868     border: 1px solid rgba(0, 0, 0, 0.3);
869     border-radius: 6px;
870     box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
873 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
874     text-align: center;
875     padding-left: 15px;
876     padding-right: 15px;
877     height: 45px;
880 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
881     font-size: 16px;
882     line-height: 30px;
885 .path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
886     float: right;
889 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
890     margin-top: -10px;
891     margin-right: -7px;
894 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
895     padding: 10px 15px 15px;
896     height: calc(100% - 54px);
897     overflow: auto;
900 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
901     overflow: visible;
904 /***** End popout dialogue *****/
906 /***** Start attempt settings *****/
908 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings > legend {
909     font-size: 18px;
910     font-weight: 500;
911     line-height: 40px;
912     border-bottom: 0;
913     margin-bottom: 10px;
916 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
917     display: table;
918     width: 100%;
919     padding-left: 5px;
920     padding-right: 5px;
921     margin-bottom: 10px;
922     box-sizing: border-box;
925 .path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
926     display: table-row;
929 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
930 .path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
931     border-bottom: 1px solid #ddd;
934 .path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,
935 .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
936     font-weight: 400;
939 .path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
940     margin-bottom: 0;
943 .path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
944     margin-bottom: 10px;
945     vertical-align: text-bottom;
948 /***** End attempt settings *****/
950 .path-mod-assign [data-region="grade-actions-panel"] {
951     border-top: 1px solid #ddd;
952     position: absolute;
953     bottom: 0;
954     left: 0;
955     width: 100%;
956     height: 60px;
959 /*rtl:ignore*/
960 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
961     position: absolute;
962     top: 0;
963     left: auto;
964     right: 15px;
965     margin: 0;
966     height: 100%;
967     line-height: 60px;
970 .path-mod-assign [data-region="grade-actions"] {
971     padding: 1em;
972     text-align: center;
975 .path-mod-assign [data-region="submissions-list"] {
976     text-align: inherit;
979 .path-mod-assign [data-region="submissions-list"] label.radio input {
980     margin-top: 4px;
981     min-width: inherit;
984 .path-mod-assign [data-region="overlay"] {
985     display: none;
986     z-index: 100;
987     position: absolute;
988     top: 0;
989     left: 0;
990     width: 100%;
991     overflow: auto;
992     bottom: 0;
993     background-color: #ddd;
994     opacity: 0.4;
995     padding-top: 4em;
996     text-align: center;
999 @media (max-width: 767px) {
1000     .path-mod-assign.pagelayout-embedded {
1001         overflow: auto;
1002     }
1004     .path-mod-assign [data-region="assignment-info"] {
1005         border-bottom: 1px solid #ddd;
1006         padding-bottom: 5px;
1007     }
1009     .path-mod-assign .page-context-header .page-header-headings {
1010         margin-top: 13px;
1011     }
1013     .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
1014         display: none;
1015     }
1017     .path-mod-assign [data-region="grading-navigation-panel"],
1018     .path-mod-assign [data-region="review-panel"],
1019     .path-mod-assign [data-region="grade-panel"],
1020     .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"],
1021     .path-mod-assign [data-region="grade-actions-panel"] {
1022         position: inherit;
1023         width: 100%;
1024         top: 0;
1025         left: 0;
1026         right: auto;
1027         overflow: auto;
1028         height: auto;
1029         margin-bottom: 1em;
1030     }
1032     .path-mod-assign [data-region="grade-panel"].collapsed {
1033         visibility: visible;
1034     }
1036     .path-mod-assign [data-region="grading-navigation"] {
1037         padding: 0;
1038         text-align: center;
1039     }
1041     .path-mod-assign [data-region="grade-panel"] {
1042         margin-bottom: 2em;
1043     }
1045     .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
1046         display: none;
1047     }
1049     .path-mod-assign [data-region="review-panel"] {
1050         position: relative;
1051         max-height: 2000px;
1052         -webkit-transition: max-height 0.25s linear;
1053         -moz-transition: max-height 0.25s linear;
1054         transition: max-height 0.25s linear;
1055     }
1057     .path-mod-assign [data-region="review-panel"] .pageheader {
1058         border-right: none;
1059         padding-right: 20px;
1060         padding-left: 40px;
1061     }
1063     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
1064         display: block;
1065         height: 20px;
1066         width: 20px;
1067         position: absolute;
1068         top: 0;
1069         left: 0;
1070         right: auto;
1071         box-sizing: border-box;
1072         border: 1px solid #ccc;
1073         border-radius: 0 0 4px 0;
1074         background-color: #fff;
1075         z-index: 99999;
1076     }
1078     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
1079     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1080         width: 100%;
1081         height: 100%;
1082         text-align: center;
1083         line-height: 30px;
1084     }
1086     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,
1087     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1088         height: 100%;
1089     }
1091     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon {
1092         float: left;
1093     }
1095     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1096         float: right;
1097     }
1099     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
1100     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
1101         line-height: 20px;
1102         visibility: visible;
1103         opacity: 1;
1104         height: auto;
1105         -webkit-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1106         -moz-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1107         transition: visibility 0s 0.25s, opacity 0s 0.25s;
1108     }
1110     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
1111         display: none;
1112     }
1114     .path-mod-assign [data-region="review-panel"].collapsed {
1115         max-height: 20px;
1116         top: 0;
1117         left: 0;
1118         overflow: hidden;
1119         -webkit-transition: max-height 0.25s linear;
1120         -moz-transition: max-height 0.25s linear;
1121         transition: max-height 0.25s linear;
1122     }
1124     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
1125         width: 100%;
1126         border-radius: 0 0 0 0;
1127         -webkit-transition: all 0s 0.25s;
1128         -moz-transition: all 0s 0.25s;
1129         transition: all 0s 0.25s;
1130     }
1132     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {
1133         height: 100%;
1134     }
1136     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1137         display: block;
1138     }
1140     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
1141         display: none;
1142     }
1144     .path-mod-assign.pagelayout-popup {
1145         overflow: inherit;
1146     }
1148     .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
1149         text-align: left;
1150         width: auto;
1151         display: inline-block;
1152         margin: 0 auto;
1153     }
1155     .path-mod-assign [data-region="user-selector"] .alignment {
1156         float: none;
1157         margin: 0 auto 10px;
1158     }
1161 /** Start of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1163 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
1164     display: block;
1165     margin-top: 4px;
1166     margin-bottom: 4px;
1167     text-align: left;
1168     width: 100%;
1171 .path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
1172     margin-left: 0;
1173     width: 100%;
1174     float: left;
1175     padding-left: 0;
1176     padding-right: 0;
1179 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
1180     display: none;
1183 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox > span,
1184 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio > span,
1185 .path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup > span {
1186     margin-top: 4px;
1189 .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
1190     display: inline-block;
1191     width: auto;
1192     margin-right: 8px;
1195 .path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
1196     display: inline-block;
1197     margin-top: 4px;
1198     padding-top: 5px;
1199     width: auto;
1202 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,
1203 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1204     display: inline-block;
1205     width: auto;
1208 .path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1209     padding: 6px;
1212 /** End of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1214 /** Styles to fix base theme **/
1215 .path-mod-assign #page,
1216 .path-mod-assign #page-content {
1217     position: inherit;
1219 /** End of base fixes **/
1221 /** Fix to YUI tree (which is a table) when displayed within grading table. **/
1222 .path-mod-assign table.generaltable table td.ygtvcell {
1223     border: 0;
1224     padding: 0;
1226 /** End of YUI tree fix **/