MDL-54165 mod_assign: Layout icons for the new grading interface
[moodle.git] / mod / assign / styles.css
CommitLineData
e70f8d0a 1.path-mod-assign div.gradingnavigation div {
bbd0e548
DW
2 float: left;
3 margin-left: 2em;
4}
5
e70f8d0a
DW
6.path-mod-assign div.submissionstatustable,
7.path-mod-assign div.submissionfull,
8.path-mod-assign div.submissionlinks,
9.path-mod-assign div.usersummary,
10.path-mod-assign div.feedback,
11.path-mod-assign div.gradingsummary {
bbd0e548
DW
12 margin-bottom: 5em;
13}
14
e70f8d0a
DW
15.path-mod-assign div.submissionstatus .generaltable,
16.path-mod-assign div.submissionlinks .generaltable,
17.path-mod-assign div.feedback .generaltable,
18.path-mod-assign div.submissionsummarytable .generaltable,
19.path-mod-assign div.attempthistory table,
20.path-mod-assign div.gradingsummary .generaltable {
bbd0e548
DW
21 width: 100%;
22}
23
e70f8d0a
DW
24.path-mod-assign table.generaltable table td {
25 border: 0px none;
26}
fa7f3a86 27
e70f8d0a
DW
28.path-mod-assign .gradingsummarytable,
29.path-mod-assign .feedbacktable,
30.path-mod-assign .lockedsubmission,
31.path-mod-assign .submissionsummarytable {
bbd0e548
DW
32 margin-top: 1em;
33}
34
e70f8d0a 35.path-mod-assign div.submissionsummarytable table tbody tr td.c0 {
bbd0e548
DW
36 width: 30%;
37}
38
e70f8d0a 39.path-mod-assign .submittedlate {
bbd0e548
DW
40 color: red;
41 font-weight: 900;
42}
43
e70f8d0a
DW
44.path-mod-assign.jsenabled .gradingoptionsform .fsubmit {
45 display: none;
46}
47
48.path-mod-assign.jsenabled .gradingtable .c1 select {
49 display: none;
50}
51
52.path-mod-assign .quickgradingform .mform fieldset {
53 margin: 0px;
54 padding: 0px;
55}
56
57.path-mod-assign .gradingbatchoperationsform .mform fieldset {
58 margin: 0px;
59 padding: 0px;
60}
bbd0e548 61
e70f8d0a
DW
62.path-mod-assign td.submissionstatus,
63.path-mod-assign div.submissionstatus,
64.path-mod-assign a:link.submissionstatus {
bbd0e548
DW
65 color: black;
66 background-color: #efefef;
67}
68
e70f8d0a
DW
69.path-mod-assign td.submissionstatusdraft,
70.path-mod-assign div.submissionstatusdraft,
71.path-mod-assign a:link.submissionstatusdraft {
bbd0e548
DW
72 color: black;
73 background-color: #efefcf;
74}
75
e70f8d0a
DW
76.path-mod-assign td.submissionstatussubmitted,
77.path-mod-assign div.submissionstatussubmitted,
78.path-mod-assign a:link.submissionstatussubmitted {
bbd0e548
DW
79 color: black;
80 background-color: #cfefcf;
81}
82
83
e70f8d0a
DW
84.path-mod-assign td.submissionlocked,
85.path-mod-assign div.submissionlocked {
bbd0e548
DW
86 color: black;
87 background-color: #efefcf;
88}
89
e70f8d0a
DW
90.path-mod-assign td.submissionreopened,
91.path-mod-assign div.submissionreopened {
df211804
DW
92 color: black;
93 background-color: #efefef;
94}
95
e70f8d0a
DW
96.path-mod-assign td.submissiongraded,
97.path-mod-assign div.submissiongraded {
bbd0e548
DW
98 color: black;
99 background-color: #cfefcf;
100}
101
e70f8d0a
DW
102.path-mod-assign td.submissionnotgraded,
103.path-mod-assign div.submissionnotgraded {
bbd0e548
DW
104 color: black;
105 background-color: #efefef;
106}
107
e70f8d0a
DW
108.path-mod-assign td.latesubmission,
109.path-mod-assign a:link.latesubmission,
110.path-mod-assign div.latesubmission {
bbd0e548
DW
111 color: black;
112 background-color: #efcfcf;
113}
114
e70f8d0a
DW
115.path-mod-assign td.earlysubmission,
116.path-mod-assign div.earlysubmission {
bbd0e548
DW
117 color: black;
118 background-color: #cfefcf;
119}
120
e70f8d0a
DW
121.path-mod-assign .gradingtable .c0 {
122 display: none;
123}
bbd0e548 124
e70f8d0a
DW
125.path-mod-assign.jsenabled .gradingtable .c0 {
126 display: table-cell;
127}
bbd0e548 128
e70f8d0a
DW
129.path-mod-assign .gradingbatchoperationsform {
130 display: none;
131}
bbd0e548 132
e70f8d0a
DW
133.path-mod-assign.jsenabled .gradingbatchoperationsform {
134 display: block;
135}
136
137.path-mod-assign .gradingtable tr.selectedrow td {
138 background-color: #ffeecc;
139}
140
141.path-mod-assign .gradingtable tr.unselectedrow td {
142 background-color: white;
143}
144
145.path-mod-assign .gradingtable .c0 div.selectall {
146 margin-left: 7px;
147}
148
149.path-mod-assign .gradingtable .yui3-menu ul {
bbd0e548
DW
150 margin: 0px;
151}
152
e70f8d0a 153.path-mod-assign .gradingtable .yui3-menu-label {
bbd0e548 154 padding-left: 0px;
0348468b 155 line-height: 12px;
bbd0e548 156}
e70f8d0a
DW
157
158.path-mod-assign .gradingtable .yui3-menu-label img {
159 padding: 0 3px;
160}
161
162.path-mod-assign .gradingtable .yui3-menu li {
bbd0e548
DW
163 list-style-type: none;
164}
165
e70f8d0a 166.path-mod-assign.jsenabled .gradingtable .yui3-loading {
bbd0e548
DW
167 display: none;
168}
169
e70f8d0a 170.path-mod-assign .gradingtable .yui3-menu .yui3-menu-content {
bbd0e548 171 border: 0px;
0348468b 172 padding-top: 0;
bbd0e548
DW
173}
174
e70f8d0a 175.path-mod-assign div.gradingtable tr .quickgrademodified {
bf78ebd6 176 background-color: #FFCC99;
a1e54f4d 177}
9e795179 178
e70f8d0a 179.path-mod-assign td.submissioneditable {
9e795179
DW
180 color: red;
181}
66d3fe37 182
e70f8d0a 183.path-mod-assign .expandsummaryicon {
66d3fe37
DW
184 cursor: pointer;
185 display: none;
186}
187
e70f8d0a 188.path-mod-assign.jsenabled .expandsummaryicon {
66d3fe37
DW
189 display: inline;
190}
191
e70f8d0a 192.path-mod-assign .hidefull {
66d3fe37
DW
193 display: none;
194}
0b352fd9 195
e70f8d0a
DW
196.path-mod-assign .quickgradingform form .commentscontainer input,
197.path-mod-assign .quickgradingform form .commentscontainer textarea {
0b352fd9
DW
198 display: none;
199}
200
e70f8d0a
DW
201.path-mod-assign.jsenabled .quickgradingform form .commentscontainer input,
202.path-mod-assign.jsenabled .quickgradingform form .commentscontainer textarea {
0b352fd9
DW
203 display: inline;
204}
df211804 205
e70f8d0a 206.path-mod-assign .previousfeedbackwarning {
df211804
DW
207 font-size: 140%;
208 font-weight: bold;
209 text-align: center;
210 color: #500;
211}
212
e70f8d0a 213.path-mod-assign .submissionhistory {
df211804
DW
214 background-color: #b0b0b0;
215}
216
e70f8d0a 217.path-mod-assign .submissionhistory .cell.historytitle {
df211804
DW
218 background-color: #808080;
219}
220
e70f8d0a 221.path-mod-assign .submissionhistory .cell {
df211804
DW
222 background-color: #d0d0d0;
223}
224
e70f8d0a 225.path-mod-assign.jsenabled .mod-assign-history-link {
df211804
DW
226 display: block;
227 cursor: pointer;
228 margin-bottom: 7px;
229}
230
e70f8d0a 231.path-mod-assign.jsenabled .mod-assign-history-link h4 {
df211804
DW
232 display: inline;
233}
234
e70f8d0a 235.path-mod-assign.jsenabled .attempthistory h4 {
df211804
DW
236 margin-bottom: 7px;
237 text-align: left;
238}
239
e70f8d0a 240.path-mod-assign.jsenabled.dir_rtl .attempthistory h4 {
df211804
DW
241 text-align: right;
242}
243
e70f8d0a 244.path-mod-assign.dir-rtl.jsenabled .mod-assign-history-link h4 {
df211804
DW
245 text-align: right;
246}
247
e70f8d0a 248.path-mod-assign.jsenabled .mod-assign-history-link-open {
df211804
DW
249 padding: 0 5px 0 20px; background: url([[pix:t/expanded]]) 2px center no-repeat;
250}
251
e70f8d0a 252.path-mod-assign.jsenabled .mod-assign-history-link-closed {
df211804
DW
253 padding: 0 5px 0 20px; background: url([[pix:t/collapsed]]) 2px center no-repeat;
254}
255
e70f8d0a 256.path-mod-assign.dir-rtl.jsenabled .mod-assign-history-link-closed {
df211804
DW
257 padding: 0 20px 0 5px; background: url([[pix:t/collapsed_rtl]]) 2px center no-repeat;
258}
259
e70f8d0a 260.path-mod-assign .submithelp {
df211804
DW
261 padding: 1em;
262}
263
e70f8d0a 264.path-mod-assign .feedbacktitle {
df211804
DW
265 font-weight: bold;
266}
267
e70f8d0a
DW
268.path-mod-assign .submitconfirm,
269.path-mod-assign .submissionlinks,
270.path-mod-assign .submissionaction {
df211804
DW
271 text-align: center;
272}
7b647abc 273
e70f8d0a
DW
274.path-mod-assign .submissionsummarytable .c0,
275.path-mod-assign .mod-assign-history-panel .c0 {
7b647abc
DW
276 width: 150px;
277}
e9ddbae9 278
e70f8d0a 279.path-mod-assign .gradingtable .moodle-actionmenu {
e9ddbae9
DW
280 white-space: nowrap;
281}
e70f8d0a
DW
282
283.path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
e9ddbae9
DW
284 padding-left: 12px;
285 padding-right: 12px;
286}
e70f8d0a
DW
287
288.path-mod-assign .gradingtable .menu-action img {
e9ddbae9
DW
289 display: none;
290}
2949dedc
SH
291
292.path-mod-assign .editsubmissionform input[name="submissionstatement"] {
293 vertical-align: top;
294}
295.path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
296 display: inline-block;
bb690849
DW
297}
298
299.path-mod-assign.layout-option-nonavbar {
300 padding-top: 0px;
301}
302
303.path-mod-assign [data-region="user-selector"] select {
304 margin-bottom: 0px;
305}
306
307.path-mod-assign [data-region="user-selector"] .alignment {
308 float: right;
309 width: 320px;
310 text-align: center;
311 margin-top: 7px;
312}
313
314.path-mod-assign [data-region="user-selector"] [data-action="previous-user"],
315.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
316 font-size: 26px;
317}
318.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
319 margin-left: -10px;
320}
321.dir-rtl.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
322 margin-right: -10px;
323}
324
325.dir-rtl.path-mod-assign [data-region="user-selector"] .alignment {
326 float: left;
327}
328
329.path-mod-assign [data-region="user-selector"] .alignment input {
330 margin-bottom: 5px;
331}
332
333.path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
334 top: 0;
335}
336
337.path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
338 display: none;
339}
340
341.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
342 text-align: left;
343}
344.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
345 margin-left: 48px;
346}
347.dir-rtl.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
348 margin-right: 64px;
349}
350
351.path-mod-assign [data-region="user-filters"] {
352 font-size: small;
353}
354
355.path-mod-assign [data-region="configure-filters"] {
356 display: none;
357 text-align: left;
358 width: auto;
359 background-color: #fff;
360 background-clip: padding-box;
361 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
362 border-radius: 6px;
363 position: absolute;
364 margin-top: 28px;
365 margin-left: -140px;
366 padding: 10px 0;
367 z-index: 1;
368}
369
370.path-mod-assign [data-region="configure-filters"]::before,
371.path-mod-assign [data-region="configure-filters"]::after {
372 position: absolute;
373 left: auto;
374 display: inline-block;
375 content: '';
376 border-style: solid;
377 border-color: transparent;
378 border-top: none;
379}
380
381.path-mod-assign [data-region="configure-filters"]::before {
382 top: -7px;
383 right: 12px;
384 border-width: 7px;
385 border-bottom-color: rgba(0, 0, 0, 0.2);
386}
387
388.path-mod-assign [data-region="configure-filters"]::after {
389 top: -6px;
390 right: 13px;
391 border-width: 6px;
392 border-bottom-color: #fff;
393}
394
395.path-mod-assign.dir-rtl [data-region="configure-filters"] {
396 text-align: right;
397 margin-left: 0;
398 margin-right: -140px;
399}
400
401.path-mod-assign [data-region="configure-filters"] label {
402 padding: 3px 20px;
403}
404
405.path-mod-assign .alignment [data-region="configure-filters"] input {
406 margin-bottom: 0;
407}
408
409.path-mod-assign [data-region="grading-navigation-panel"] {
410 position: absolute;
411 top: 0;
412 left: 0;
413 width: 100%;
414 height: 6em;
415 margin: 0;
416 border-bottom: 1px solid #ddd;
417}
418
419.path-mod-assign [data-region="grading-navigation"] {
420 padding: 1em;
421}
422
423.path-mod-assign [data-region="user-info"] {
424 height: 60px;
425}
426
427.path-mod-assign [data-region="user-info"] a {
428 text-decoration: none;
429}
430
431.path-mod-assign [data-region="user-info"] .img-rounded {
432 display: block;
433 float: left;
434 margin-top: -3px;
435 margin-right: 10px;
436}
437.dir-rtl.path-mod-assign [data-region="user-info"] .img-rounded {
438 float: right;
439 margin-left: 10px;
440}
441
442.path-mod-assign [data-region="user-info"] em {
443 display: block;
444 font-style: normal;
445}
446
447.path-mod-assign [data-region="grading-actions-form"] label {
448 display: inline-block;
449}
450
451.path-mod-assign.pagelayout-embedded {
452 overflow: hidden;
453}
454
455.path-mod-assign [data-region="review-panel"] {
456 position: absolute;
457 top: 85px;
458 bottom: 60px;
459 left: 0;
460 width: 70%;
461 box-sizing: border-box;
462}
463
464.path-mod-assign [data-region="review-panel"] .pageheader {
465 border-right: 1px solid #ddd;
466}
467
468.path-mod-assign [data-region="review-panel"] .drawingregion {
469 left: 0;
470 right: 0;
471 border-color: #ddd;
472}
473
474.path-mod-assign [data-region="grade-panel"].fullwidth {
475 position: absolute;
476 top: 7em;
477 left: 0;
478 right: 0;
479 width: 99%;
480 overflow: auto;
481 bottom: 7em;
482}
483
484.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
485 max-width: 800px;
486 margin-left: auto;
487 margin-right: auto;
488}
489
490.path-mod-assign [data-region="grade-panel"] {
491 position: absolute;
492 top: 85px;
493 bottom: 60px;
494 right: 0;
495 width: 30%;
496 overflow: auto;
497 box-sizing: border-box;
498 background-color: #f5f5f5;
499 padding: 15px;
500 padding-top: 0px;
501}
502
503.path-mod-assign [data-region="grade-panel"] h3 {
504 font-size: 18px;
505 font-weight: 500;
506}
507
508/***** Start submission status *****/
509
510.path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
511 margin-bottom: 2em;
512}
513
514.path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
515 margin-left: 5px;
516 margin-right: 5px;
517}
518
519.path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
520 padding: 8px 0;
521 background-color: transparent;
522}
523
524.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody > tr:nth-child(2n+1) > td,
525.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover > td {
526 background-color: transparent;
527}
528
529.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
530 width: auto;
531}
532
533.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,
534.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
535 border-bottom: 1px solid #ddd;
536}
537
538.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,
539.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
540 color: red;
541 background-color: transparent;
542}
543
544/***** End submission status *****/
545
546.path-mod-assign [data-region="grade-panel"] #id_gradeheader {
547 display: table-cell;
d72fd8e2 548 min-width: 0;
bb690849
DW
549}
550
551.path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
552 visibility: hidden;
553 height: 0;
554 margin-bottom: 0;
555}
556
557.path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
558 width: 100%;
559 box-sizing: border-box;
560}
561
562.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,
563.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,
564.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,
565.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
566 background-color: #fff;
567 border: 1px solid #ddd;
568 margin-bottom: 20px;
569}
570.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,
571.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,
572.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,
573.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
574 padding-left: 5px;
575 padding-right: 5px;
576}
577
578.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,
579.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,
580.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,
581.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
582 padding: 6px 10px 10px;
583 box-sizing: border-box;
584}
585
586.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,
587.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,
588.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,
589.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
590 border-bottom: 1px solid #ddd;
591 box-shadow: 0 1px 1px rgba(0,0,0,0.05);
592 padding: 6px 10px 3px;
593 box-sizing: border-box;
594}
595
596.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
597 margin-left: 2px;
598 margin-right: 2px;
599 margin-top: -2px;
600}
601.path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
602 margin-left: -6px;
603 margin-right: -6px;
604 margin-top: 4px;
605}
606
607.path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,
608.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
609 font-weight: 500;
610}
611
612/***** Start grade *****/
613
614.path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
615 padding-top: 5px;
616}
617
618.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
619 display: inline-block;
620 width: auto;
621 border-bottom: none;
622 box-shadow: none;
623}
624
625.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
626 width: auto;
627 float: right;
628}
629
630.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
631 width: 80px;
632 margin-bottom: 0;
633}
634
635/***** End grade *****/
636
637/***** Start rubric *****/
638
639.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
640 padding-bottom: 0;
d72fd8e2 641 max-width: none;
bb690849
DW
642}
643
644.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
645 font-weight: 500;
646 min-width: 150px;
647}
648
649.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
650 background-color: #fff;
651}
652
653.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,
654.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
655 background-color: transparent;
656}
657
658.path-mod-assign [data-region="grade-panel"] .gradingform_rubric.evaluate .criterion .levels .level:hover {
659 background-color: #dff0d8;
660}
661
662.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
663 background-color: #dff0d8;
664 border: none;
665 border-left: 1px solid #ddd;
666}
667
668.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level .score {
669 color: #468847;
670 font-weight: 500;
671 font-style: normal;
672 margin-top: 20px;
673}
674
675.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
676 margin-bottom: 0;
677}
678
679/***** End rubric *****/
680
681/***** Start marking guide *****/
682
683.path-mod-assign [data-region="grade-panel"] .gradingform_guide {
684 margin-bottom: 10px;
685}
686
687.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,
688.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,
689.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
690 display: block;
691}
692
693.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
694 padding-top: 10px;
695}
696
697.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
698 margin-top: 5px;
699}
700
701.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
702 width: auto;
703 margin-top: 5px;
704}
705
706.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
707 margin-bottom: 10px;
708}
709
710.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
711 float: right;
712 margin-top: 2px;
713 margin-left: 0;
714}
715
716.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
717 float: left;
718 padding-bottom: 8px;
719}
720
721.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,
722.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
723 display: inline-block;
724}
725
726.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,
727.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
728 background-color: transparent;
729 border-width: 0 0 1px 0;
730 padding: 8px 0;
731}
732
733.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
734.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
735 background-color: #f5f5f5;
736 padding: 10px;
737}
738
739/***** End marking guide *****/
740
741.path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
742 margin-bottom: 0;
743}
744
745/***** Start popout dialogue *****/
746
747.path-mod-assign [data-region="grade-panel"] .fitem.popout {
748 position: fixed;
749 left: 20%;
750 right: 20%;
751 top: 20%;
d72fd8e2 752 bottom: 20%;
bb690849
DW
753 z-index: 1000;
754 border: 1px solid rgba(0, 0, 0, 0.3);
755 border-radius: 6px;
756 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
757}
758
759.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
760 text-align: center;
761 padding-left: 15px;
762 padding-right: 15px;
d72fd8e2 763 height: 45px;
bb690849
DW
764}
765
766.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
767 font-size: 16px;
768 line-height: 30px;
769}
770
771.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
772 float: right;
773}
774.dir-rtl.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
775 float: left;
776}
777
778.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
779 margin-top: -10px;
780 margin-right: -7px;
781}
782
783.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
784 padding: 10px 15px 15px;
d72fd8e2
RW
785 height: calc(100% - 54px);
786 overflow: auto;
787}
788
789.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
790 overflow: visible;
bb690849
DW
791}
792
793/***** End popout dialogue *****/
794
795/***** Start attempt settings *****/
796
797.path-mod-assign [data-region="grade-panel"] #id_attemptsettings > legend {
798 font-size: 18px;
799 font-weight: 500;
800 line-height: 40px;
801 border-bottom: 0;
802 margin-bottom: 10px;
803}
804
805.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
806 display: table;
807 width: 100%;
808 padding-left: 5px;
809 padding-right: 5px;
810 margin-bottom: 10px;
811 box-sizing: border-box;
812}
813
814.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
815 display: table-row;
bb690849
DW
816}
817
818.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
819.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
820 display: table-cell;
821 float: none;
822 border-top: 1px solid #ddd;
823 padding: 8px 0;
824}
825
826.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
827.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
828 border-bottom: 1px solid #ddd;
829}
830
831.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,
832.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
833 font-weight: 400;
834}
835
836.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
837 margin-bottom: 0;
838}
839
840.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
841 margin-bottom: 10px;
842 vertical-align: text-bottom;
843}
844
845/***** End attempt settings *****/
846
847.path-mod-assign [data-region="grade-actions-panel"] {
848 border-top: 1px solid #ddd;
849 position: absolute;
850 bottom: 0;
851 left: 0;
852 width: 100%;
853 height: 60px;
854}
855
856.path-mod-assign [data-region="grade-actions"] {
857 padding: 1em;
858 text-align: center;
859}
860.path-mod-assign [data-region="submissions-list"] {
2408f8fe 861 text-align: inherit;
bb690849
DW
862}
863.path-mod-assign [data-region="submissions-list"] label.radio input {
864 margin-top: 4px;
865 min-width: inherit;
866}
867.path-mod-assign [data-region="overlay"] {
868 display: none;
869 z-index: 100;
870 position: absolute;
871 top: 0em;
872 left: 0;
873 width: 100%;
874 overflow: auto;
875 bottom: 0em;
876 background-color: #ddd;
877 opacity: 0.4;
878 padding-top: 4em;
879 text-align: center;
880}
881
882@media (max-width: 767px) {
883 .path-mod-assign.pagelayout-embedded {
884 overflow: auto;
885 }
886 .path-mod-assign [data-region="assignment-info"] {
887 border-bottom: 1px solid #ddd;
888 padding-bottom: 5px;
889 }
890 .path-mod-assign .page-context-header .page-header-headings {
891 margin-top: 13px;
892 }
893 .path-mod-assign [data-region="grading-navigation-panel"],
894 .path-mod-assign [data-region="review-panel"],
895 .path-mod-assign [data-region="grade-panel"],
896 .path-mod-assign [data-region="grade-actions-panel"] {
897 position: inherit;
898 width: 100%;
899 top: 0;
900 left: 0;
2408f8fe 901 overflow: auto;
bb690849
DW
902 height: auto;
903 margin-bottom: 1em;
904 }
905 .path-mod-assign [data-region="grading-navigation"] {
906 padding: 0;
907 text-align: center;
908 }
909 .path-mod-assign [data-region="grade-panel"] {
910 margin-bottom: 2em;
911 }
912 .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
913 display: none;
914 }
915 .path-mod-assign [data-region="review-panel"] .pageheader {
916 border-right: none;
917 }
918 .path-mod-assign.pagelayout-popup {
919 overflow: inherit;
920 }
921 .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
922 text-align: left;
923 width: auto;
924 display: inline-block;
925 margin: 0 auto;
926 }
927 .path-mod-assign [data-region="user-selector"] .alignment {
928 float: none;
929 margin: 0 auto 10px;
930 }
931}
932
933/** Start of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
934
935.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
936 display: block;
937 margin-top: 4px;
938 margin-bottom: 4px;
939 text-align: left;
940 width: 100%;
941}
942.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
943 margin-left: 0;
944 width: 100%;
945 float: left;
946 padding-left: 0;
947 padding-right: 0;
948}
949.path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
950 display: none;
951}
952.path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox > span,
953.path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio > span,
6853cd5e 954.path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup > span {
bb690849
DW
955 margin-top: 4px;
956}
957.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
958 display: inline-block;
959 width: auto;
960 margin-right: 8px;
961}
962.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
963 display: inline-block;
964 margin-top: 4px;
965 padding-top: 5px;
966 width: auto;
967}
968.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,
969.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
970 display: inline-block;
971 width: auto;
972}
973.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
974 padding: 6px;
975}
976
977.dir-rtl.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
978 margin-right: 0px;
979 margin-left: 8px;
980}
981.dir-rtl.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
982 text-align: right;
983}
984.dir-rtl.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
985 margin-right: 0;
986 float: right;
987 padding-right: 0;
988 padding-left: 0;
989}
990.dir-rtl.path-mod-assign [data-region="grade-panel"] .mform .fitem_checkbox .felement {
991 float: right;
992}
993/** End of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
994
995/** Styles to fix base theme **/
996.path-mod-assign #page,
997.path-mod-assign #page-content {
2408f8fe 998 position: inherit;
bb690849
DW
999}
1000/** End of base fixes **/