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