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