weekly release 3.2dev
[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.jsenabled .mod-assign-history-link-open {
df211804
DW
245 padding: 0 5px 0 20px; background: url([[pix:t/expanded]]) 2px center no-repeat;
246}
247
e70f8d0a 248.path-mod-assign.jsenabled .mod-assign-history-link-closed {
df211804
DW
249 padding: 0 5px 0 20px; background: url([[pix:t/collapsed]]) 2px center no-repeat;
250}
251
ed7844b5
FM
252/*rtl:raw:
253.path-mod-assign.jsenabled .mod-assign-history-link-closed {
254 background-image: url([[pix:t/collapsed_rtl]]);
df211804 255}
ed7844b5 256*/
df211804 257
e70f8d0a 258.path-mod-assign .submithelp {
df211804
DW
259 padding: 1em;
260}
261
e70f8d0a 262.path-mod-assign .feedbacktitle {
df211804
DW
263 font-weight: bold;
264}
265
e70f8d0a
DW
266.path-mod-assign .submitconfirm,
267.path-mod-assign .submissionlinks,
268.path-mod-assign .submissionaction {
df211804
DW
269 text-align: center;
270}
7b647abc 271
e70f8d0a
DW
272.path-mod-assign .submissionsummarytable .c0,
273.path-mod-assign .mod-assign-history-panel .c0 {
7b647abc
DW
274 width: 150px;
275}
e9ddbae9 276
e70f8d0a 277.path-mod-assign .gradingtable .moodle-actionmenu {
e9ddbae9
DW
278 white-space: nowrap;
279}
e70f8d0a
DW
280
281.path-mod-assign .gradingtable .moodle-actionmenu[data-enhanced].show .menu a {
e9ddbae9
DW
282 padding-left: 12px;
283 padding-right: 12px;
284}
e70f8d0a
DW
285
286.path-mod-assign .gradingtable .menu-action img {
e9ddbae9
DW
287 display: none;
288}
2949dedc
SH
289
290.path-mod-assign .editsubmissionform input[name="submissionstatement"] {
291 vertical-align: top;
292}
293.path-mod-assign .editsubmissionform label[for="id_submissionstatement"] {
294 display: inline-block;
bb690849
DW
295}
296
297.path-mod-assign.layout-option-nonavbar {
298 padding-top: 0px;
299}
300
301.path-mod-assign [data-region="user-selector"] select {
302 margin-bottom: 0px;
303}
304
305.path-mod-assign [data-region="user-selector"] .alignment {
306 float: right;
307 width: 320px;
308 text-align: center;
309 margin-top: 7px;
310}
311
312.path-mod-assign [data-region="user-selector"] [data-action="previous-user"],
313.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
314 font-size: 26px;
315}
316.path-mod-assign [data-region="user-selector"] [data-action="next-user"] {
317 margin-left: -10px;
318}
bb690849
DW
319
320.path-mod-assign [data-region="user-selector"] .alignment input {
321 margin-bottom: 5px;
322}
323
324.path-mod-assign [data-region="user-selector"] .alignment .form-autocomplete-downarrow {
325 top: 0;
326}
327
328.path-mod-assign [data-region="user-selector"] .form-autocomplete-selection {
329 display: none;
330}
331
332.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
333 text-align: left;
334}
335.path-mod-assign [data-region="user-selector"] .form-autocomplete-suggestions {
336 margin-left: 48px;
337}
bb690849
DW
338
339.path-mod-assign [data-region="user-filters"] {
340 font-size: small;
341}
342
343.path-mod-assign [data-region="configure-filters"] {
344 display: none;
345 text-align: left;
346 width: auto;
347 background-color: #fff;
348 background-clip: padding-box;
349 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
350 border-radius: 6px;
351 position: absolute;
352 margin-top: 28px;
353 margin-left: -140px;
354 padding: 10px 0;
355 z-index: 1;
356}
357
358.path-mod-assign [data-region="configure-filters"]::before,
359.path-mod-assign [data-region="configure-filters"]::after {
360 position: absolute;
361 left: auto;
362 display: inline-block;
363 content: '';
364 border-style: solid;
365 border-color: transparent;
366 border-top: none;
367}
368
369.path-mod-assign [data-region="configure-filters"]::before {
370 top: -7px;
371 right: 12px;
372 border-width: 7px;
373 border-bottom-color: rgba(0, 0, 0, 0.2);
374}
375
376.path-mod-assign [data-region="configure-filters"]::after {
377 top: -6px;
378 right: 13px;
379 border-width: 6px;
380 border-bottom-color: #fff;
381}
382
bb690849
DW
383.path-mod-assign [data-region="configure-filters"] label {
384 padding: 3px 20px;
385}
386
387.path-mod-assign .alignment [data-region="configure-filters"] input {
388 margin-bottom: 0;
389}
390
391.path-mod-assign [data-region="grading-navigation-panel"] {
392 position: absolute;
393 top: 0;
394 left: 0;
395 width: 100%;
396 height: 6em;
397 margin: 0;
398 border-bottom: 1px solid #ddd;
399}
400
401.path-mod-assign [data-region="grading-navigation"] {
402 padding: 1em;
403}
404
405.path-mod-assign [data-region="user-info"] {
406 height: 60px;
407}
408
409.path-mod-assign [data-region="user-info"] a {
410 text-decoration: none;
411}
412
413.path-mod-assign [data-region="user-info"] .img-rounded {
414 display: block;
415 float: left;
416 margin-top: -3px;
417 margin-right: 10px;
418}
bb690849
DW
419
420.path-mod-assign [data-region="user-info"] em {
421 display: block;
422 font-style: normal;
423}
424
425.path-mod-assign [data-region="grading-actions-form"] label {
426 display: inline-block;
427}
428
429.path-mod-assign.pagelayout-embedded {
430 overflow: hidden;
431}
432
433.path-mod-assign [data-region="review-panel"] {
434 position: absolute;
435 top: 85px;
436 bottom: 60px;
437 left: 0;
f6bb3f48
RW
438 right: 30%;
439 width: auto;
bb690849 440 box-sizing: border-box;
f6bb3f48
RW
441 -webkit-transition: right 0.5s, left 0.5s;
442 -moz-transition: right 0.5s, left 0.5s;
443 transition: right 0.5s, left 0.5s;
444}
445
446.path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
447 right: 30px;
448}
449
450.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
451 display: none;
452 height: 30px;
453 width: 30px;
454 position: absolute;
455 top: 0;
456 right: 0;
457 left: auto;
458 box-sizing: border-box;
459 border-radius: 0 0 0 4px;
460 border: 1px solid #cccccc;
461 border-top: none;
462 background-color: #fff;
463 z-index: 99999;
464}
465
466.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
467.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
468 width: 100%;
469 height: 100%;
470 text-align: center;
471 line-height: 30px;
472}
473
474.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
475.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
476 visibility: hidden;
477 opacity: 0;
478 height: 0;
479 overflow: hidden;
480}
481
482.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] img {
483 height: 100%;
484 float: right;
485}
486
487.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon {
488 display: none;
489}
490
491.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
492 display: block;
493}
494
495.path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon.full-width {
496 display: none;
bb690849
DW
497}
498
499.path-mod-assign [data-region="review-panel"] .pageheader {
500 border-right: 1px solid #ddd;
501}
f6bb3f48
RW
502.path-mod-assign [data-region="review-panel"] + [data-region="grade-panel"] [data-region="grade"] {
503 margin-left: auto;
504 margin-right: auto;
505 max-width: 100%;
506 -webkit-transition: max-width 0.5s;
507 -moz-transition: max-width 0.5s;
508 transition: max-width 0.5s;
509}
bb690849
DW
510
511.path-mod-assign [data-region="review-panel"] .drawingregion {
512 left: 0;
513 right: 0;
514 border-color: #ddd;
515}
516
f6bb3f48
RW
517.path-mod-assign [data-region="review-panel"].collapsed {
518 left: calc(30px - 70%);
519 right: calc(100% - 30px);
520 -webkit-transition: right 0.5s, left 0.5s;
521 -moz-transition: right 0.5s, left 0.5s;
522 transition: right 0.5s, left 0.5s;
523}
524
525.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
526 visibility: hidden;
527 -webkit-transition: visibility 0s 0.5s;
528 -moz-transition: visibility 0s 0.5s;
529 transition: visibility 0s 0.5s;
530}
531
532.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
533 display: block;
534}
535
536.path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
537 display: none;
538}
539
540.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] {
bb690849 541 position: absolute;
f6bb3f48 542 left: 30px;
bb690849 543 right: 0;
f6bb3f48 544 width: calc(100% - 30px);
bb690849 545 overflow: auto;
f6bb3f48
RW
546 -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
547 -moz-transition: width 0.5s, right 0.5s, left 0.5s;
548 transition: width 0.5s, right 0.5s, left 0.5s;
bb690849
DW
549}
550
f6bb3f48 551.path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"] [data-region="grade"],
bb690849
DW
552.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
553 max-width: 800px;
554 margin-left: auto;
555 margin-right: auto;
556}
557
558.path-mod-assign [data-region="grade-panel"] {
559 position: absolute;
560 top: 85px;
561 bottom: 60px;
562 right: 0;
f6bb3f48 563 left: 70%;
bb690849
DW
564 width: 30%;
565 overflow: auto;
566 box-sizing: border-box;
567 background-color: #f5f5f5;
568 padding: 15px;
569 padding-top: 0px;
f6bb3f48
RW
570 -webkit-transition: width 0.5s, right 0.5s, left 0.5s;
571 -moz-transition: width 0.5s, right 0.5s, left 0.5s;
572 transition: width 0.5s, right 0.5s, left 0.5s;
573}
574
575.path-mod-assign [data-region="grade-panel"].collapsed {
576 left: calc(100% - 30px);
577 right: calc(30px - 100%);
578 visibility: hidden;
579 -webkit-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
580 -moz-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
581 transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
582}
583
584.path-mod-assign [data-region="grade-panel"].fullwidth {
585 left: 0;
586 width: 100%;
587 overflow: auto;
bb690849
DW
588}
589
590.path-mod-assign [data-region="grade-panel"] h3 {
591 font-size: 18px;
592 font-weight: 500;
593}
594
595/***** Start submission status *****/
596
597.path-mod-assign [data-region="grade-panel"] div.submissionstatustable {
598 margin-bottom: 2em;
599}
600
601.path-mod-assign [data-region="grade-panel"] .submissionsummarytable {
602 margin-left: 5px;
603 margin-right: 5px;
604}
605
606.path-mod-assign [data-region="grade-panel"] .submissionsummarytable table.generaltable td {
607 padding: 8px 0;
608 background-color: transparent;
609}
610
611.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody > tr:nth-child(2n+1) > td,
612.path-mod-assign [data-region="grade-panel"] .submissionsummarytable .generaltable tbody tr:hover > td {
613 background-color: transparent;
614}
615
616.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr td.c0 {
617 width: auto;
618}
619
620.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c0,
621.path-mod-assign [data-region="grade-panel"] div.submissionsummarytable table tbody tr.lastrow td.c1 {
622 border-bottom: 1px solid #ddd;
623}
624
625.path-mod-assign [data-region="grade-panel"] td.submissionnotgraded,
626.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded {
627 color: red;
628 background-color: transparent;
629}
630
631/***** End submission status *****/
632
633.path-mod-assign [data-region="grade-panel"] #id_gradeheader {
634 display: table-cell;
d72fd8e2 635 min-width: 0;
bb690849
DW
636}
637
638.path-mod-assign [data-region="grade-panel"] #id_gradeheader > legend {
639 visibility: hidden;
640 height: 0;
641 margin-bottom: 0;
642}
643
644.path-mod-assign [data-region="grade-panel"] .comment-area textarea[cols] {
645 width: 100%;
646 box-sizing: border-box;
647}
648
649.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext,
650.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f,
651.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor,
652.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager {
653 background-color: #fff;
654 border: 1px solid #ddd;
655 margin-bottom: 20px;
656}
657.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ftext .fitemtitle,
658.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_f .fitemtitle,
659.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_feditor .fitemtitle,
660.path-mod-assign [data-region="grade-panel"] .mform .fitem.fitem_ffilemanager .fitemtitle {
661 padding-left: 5px;
662 padding-right: 5px;
663}
664
665.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ftext .felement,
666.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_f .felement,
667.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_feditor .felement,
668.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.fitem_ffilemanager .felement {
669 padding: 6px 10px 10px;
670 box-sizing: border-box;
671}
672
673.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ftext .fitemtitle,
674.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_f .fitemtitle,
675.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_feditor .fitemtitle,
676.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.fitem_ffilemanager .fitemtitle {
677 border-bottom: 1px solid #ddd;
678 box-shadow: 0 1px 1px rgba(0,0,0,0.05);
679 padding: 6px 10px 3px;
680 box-sizing: border-box;
681}
682
683.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] img {
684 margin-left: 2px;
685 margin-right: 2px;
686 margin-top: -2px;
687}
688.path-mod-assign #page-content [data-region="grade-panel"] .popout [data-region="popout-button"] img {
689 margin-left: -6px;
690 margin-right: -6px;
691 margin-top: 4px;
692}
693
694.path-mod-assign [data-region="grade-panel"] .fitem .fstaticlabel,
695.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem .fitemtitle label {
696 font-weight: 500;
697}
698
699/***** Start grade *****/
700
701.path-mod-assign [data-region="grade-panel"] .mform #fitem_id_grade.fitem {
702 padding-top: 5px;
703}
704
705.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .fitemtitle {
706 display: inline-block;
707 width: auto;
708 border-bottom: none;
709 box-shadow: none;
710}
711
712.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #fitem_id_grade.fitem .felement {
713 width: auto;
714 float: right;
715}
716
717.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
718 width: 80px;
719 margin-bottom: 0;
720}
721
722/***** End grade *****/
723
724/***** Start rubric *****/
725
726.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
727 padding-bottom: 0;
d72fd8e2 728 max-width: none;
bb690849
DW
729}
730
731.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
732 font-weight: 500;
733 min-width: 150px;
734}
735
736.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels {
737 background-color: #fff;
738}
739
740.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion,
741.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion.even {
742 background-color: transparent;
743}
744
745.path-mod-assign [data-region="grade-panel"] .gradingform_rubric.evaluate .criterion .levels .level:hover {
746 background-color: #dff0d8;
747}
748
749.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level.checked {
750 background-color: #dff0d8;
751 border: none;
752 border-left: 1px solid #ddd;
753}
754
755.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .levels .level .score {
756 color: #468847;
757 font-weight: 500;
758 font-style: normal;
759 margin-top: 20px;
760}
761
762.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
763 margin-bottom: 0;
764}
765
766/***** End rubric *****/
767
768/***** Start marking guide *****/
769
770.path-mod-assign [data-region="grade-panel"] .gradingform_guide {
771 margin-bottom: 10px;
772}
773
774.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly,
775.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark,
776.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
777 display: block;
778}
779
780.path-mod-assign [data-region="grade-panel"] .gradingform_guide .descriptionreadonly {
781 padding-top: 10px;
782}
783
784.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescription {
785 margin-top: 5px;
786}
787
788.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criteriondescriptionmarkers {
789 width: auto;
790 margin-top: 5px;
791}
792
793.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
794 margin-bottom: 10px;
795}
796
797.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
798 float: right;
799 margin-top: 2px;
800 margin-left: 0;
801}
802
803.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score {
804 float: left;
805 padding-bottom: 8px;
806}
807
808.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score input,
809.path-mod-assign [data-region="grade-panel"] .gradingform_guide .score div {
810 display: inline-block;
811}
812
813.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion,
814.path-mod-assign [data-region="grade-panel"] .gradingform_guide .criterion.even {
815 background-color: transparent;
816 border-width: 0 0 1px 0;
817 padding: 8px 0;
818}
819
820.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
821.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
822 background-color: #f5f5f5;
823 padding: 10px;
824}
825
826/***** End marking guide *****/
827
828.path-mod-assign [data-region="grade-panel"] .fitem.fitem_ffilemanager {
829 margin-bottom: 0;
830}
831
832/***** Start popout dialogue *****/
833
834.path-mod-assign [data-region="grade-panel"] .fitem.popout {
835 position: fixed;
836 left: 20%;
837 right: 20%;
838 top: 20%;
d72fd8e2 839 bottom: 20%;
bb690849
DW
840 z-index: 1000;
841 border: 1px solid rgba(0, 0, 0, 0.3);
842 border-radius: 6px;
843 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
844}
845
846.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle {
847 text-align: center;
848 padding-left: 15px;
849 padding-right: 15px;
d72fd8e2 850 height: 45px;
bb690849
DW
851}
852
853.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .fitemtitle label {
854 font-size: 16px;
855 line-height: 30px;
856}
857
858.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
859 float: right;
860}
bb690849
DW
861
862.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fitem.popout .fitemtitle [data-region="popout-button"] img {
863 margin-top: -10px;
864 margin-right: -7px;
865}
866
867.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
868 padding: 10px 15px 15px;
d72fd8e2
RW
869 height: calc(100% - 54px);
870 overflow: auto;
871}
872
873.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement .gradingform_rubric {
874 overflow: visible;
bb690849
DW
875}
876
877/***** End popout dialogue *****/
878
879/***** Start attempt settings *****/
880
881.path-mod-assign [data-region="grade-panel"] #id_attemptsettings > legend {
882 font-size: 18px;
883 font-weight: 500;
884 line-height: 40px;
885 border-bottom: 0;
886 margin-bottom: 10px;
887}
888
889.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fcontainer {
890 display: table;
891 width: 100%;
892 padding-left: 5px;
893 padding-right: 5px;
894 margin-bottom: 10px;
895 box-sizing: border-box;
896}
897
898.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
899 display: table-row;
bb690849
DW
900}
901
902.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
903.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
904 display: table-cell;
905 float: none;
906 border-top: 1px solid #ddd;
907 padding: 8px 0;
908}
909
910.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .fitemtitle,
911.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem:last-of-type .felement {
912 border-bottom: 1px solid #ddd;
913}
914
915.path-mod-assign [data-region="grade-panel"] #id_attemptsettings .fitem .fstaticlabel,
916.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle label {
917 font-weight: 400;
918}
919
920.path-mod-assign [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement select {
921 margin-bottom: 0;
922}
923
924.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
925 margin-bottom: 10px;
926 vertical-align: text-bottom;
927}
928
929/***** End attempt settings *****/
930
931.path-mod-assign [data-region="grade-actions-panel"] {
932 border-top: 1px solid #ddd;
933 position: absolute;
934 bottom: 0;
935 left: 0;
936 width: 100%;
937 height: 60px;
938}
939
ed7844b5 940/*rtl:ignore*/
f6bb3f48
RW
941.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
942 position: absolute;
943 top: 0;
944 left: auto;
945 right: 15px;
946 margin: 0;
947 height: 100%;
948 line-height: 60px;
f6bb3f48
RW
949}
950
bb690849
DW
951.path-mod-assign [data-region="grade-actions"] {
952 padding: 1em;
953 text-align: center;
954}
955.path-mod-assign [data-region="submissions-list"] {
2408f8fe 956 text-align: inherit;
bb690849
DW
957}
958.path-mod-assign [data-region="submissions-list"] label.radio input {
959 margin-top: 4px;
960 min-width: inherit;
961}
962.path-mod-assign [data-region="overlay"] {
963 display: none;
964 z-index: 100;
965 position: absolute;
966 top: 0em;
967 left: 0;
968 width: 100%;
969 overflow: auto;
970 bottom: 0em;
971 background-color: #ddd;
972 opacity: 0.4;
973 padding-top: 4em;
974 text-align: center;
975}
976
977@media (max-width: 767px) {
978 .path-mod-assign.pagelayout-embedded {
979 overflow: auto;
980 }
981 .path-mod-assign [data-region="assignment-info"] {
982 border-bottom: 1px solid #ddd;
983 padding-bottom: 5px;
984 }
985 .path-mod-assign .page-context-header .page-header-headings {
986 margin-top: 13px;
987 }
f6bb3f48
RW
988 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
989 display: none;
990 }
bb690849
DW
991 .path-mod-assign [data-region="grading-navigation-panel"],
992 .path-mod-assign [data-region="review-panel"],
993 .path-mod-assign [data-region="grade-panel"],
f6bb3f48 994 .path-mod-assign [data-region="review-panel"].collapsed + [data-region="grade-panel"],
bb690849
DW
995 .path-mod-assign [data-region="grade-actions-panel"] {
996 position: inherit;
997 width: 100%;
998 top: 0;
999 left: 0;
f6bb3f48 1000 right: auto;
2408f8fe 1001 overflow: auto;
bb690849
DW
1002 height: auto;
1003 margin-bottom: 1em;
1004 }
f6bb3f48
RW
1005 .path-mod-assign [data-region="grade-panel"].collapsed {
1006 visibility: visible;
1007 }
bb690849
DW
1008 .path-mod-assign [data-region="grading-navigation"] {
1009 padding: 0;
1010 text-align: center;
1011 }
1012 .path-mod-assign [data-region="grade-panel"] {
1013 margin-bottom: 2em;
1014 }
1015 .path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
1016 display: none;
1017 }
f6bb3f48
RW
1018 .path-mod-assign [data-region="review-panel"] {
1019 position: relative;
1020 max-height: 2000px;
1021 -webkit-transition: max-height 0.25s linear;
1022 -moz-transition: max-height 0.25s linear;
1023 transition: max-height 0.25s linear;
1024 }
bb690849
DW
1025 .path-mod-assign [data-region="review-panel"] .pageheader {
1026 border-right: none;
f6bb3f48
RW
1027 padding-right: 20px;
1028 padding-left: 40px;
1029 }
1030 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] {
1031 display: block;
1032 height: 20px;
1033 width: 20px;
1034 position: absolute;
1035 top: 0;
1036 left: 0;
1037 right: auto;
1038 box-sizing: border-box;
1039 border: 1px solid #cccccc;
1040 border-radius: 0 0 4px 0;
1041 background-color: #fff;
1042 z-index: 99999;
1043 }
1044 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon,
1045 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1046 width: 100%;
1047 height: 100%;
1048 text-align: center;
1049 line-height: 30px;
1050 }
1051 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon,
1052 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1053 height: 100%;
1054 }
1055 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .ltr-icon {
1056 float: left;
1057 }
1058 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .rtl-icon {
1059 float: right;
1060 }
1061 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .toggle-text,
1062 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon .toggle-text {
1063 line-height: 20px;
1064 visibility: visible;
1065 opacity: 1;
1066 height: auto;
1067 -webkit-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1068 -moz-transition: visibility 0s 0.25s, opacity 0s 0.25s;
1069 transition: visibility 0s 0.25s, opacity 0s 0.25s;
1070 }
1071 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
1072 display: none;
1073 }
1074 .path-mod-assign [data-region="review-panel"].collapsed {
1075 max-height: 20px;
1076 top: 0;
1077 left: 0;
1078 overflow: hidden;
1079 -webkit-transition: max-height 0.25s linear;
1080 -moz-transition: max-height 0.25s linear;
1081 transition: max-height 0.25s linear;
1082 }
1083 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
1084 width: 100%;
1085 border-radius: 0 0 0 0;
1086 -webkit-transition: all 0s 0.25s;
1087 -moz-transition: all 0s 0.25s;
1088 transition: all 0s 0.25s;
1089 }
1090 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {
1091 height: 100%;
1092 }
1093 .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .collapse-icon {
1094 display: block;
1095 }
1096 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .collapse-icon {
1097 display: none;
bb690849
DW
1098 }
1099 .path-mod-assign.pagelayout-popup {
1100 overflow: inherit;
1101 }
1102 .path-mod-assign [data-region="grading-navigation"] [data-region="user-info"] {
1103 text-align: left;
1104 width: auto;
1105 display: inline-block;
1106 margin: 0 auto;
1107 }
1108 .path-mod-assign [data-region="user-selector"] .alignment {
1109 float: none;
1110 margin: 0 auto 10px;
1111 }
1112}
1113
1114/** Start of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1115
1116.path-mod-assign [data-region="grade-panel"] .mform .fitem .fitemtitle {
1117 display: block;
1118 margin-top: 4px;
1119 margin-bottom: 4px;
1120 text-align: left;
1121 width: 100%;
1122}
1123.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
1124 margin-left: 0;
1125 width: 100%;
1126 float: left;
1127 padding-left: 0;
1128 padding-right: 0;
1129}
1130.path-mod-assign [data-region="grade-panel"] .mform .fitem .fstatic:empty {
1131 display: none;
1132}
1133.path-mod-assign [data-region="grade-panel"] .mform .fitem .fcheckbox > span,
1134.path-mod-assign [data-region="grade-panel"] .mform .fitem .fradio > span,
6853cd5e 1135.path-mod-assign [data-region="grade-panel"] .mform .fitem .fgroup > span {
bb690849
DW
1136 margin-top: 4px;
1137}
1138.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .fitemtitle {
1139 display: inline-block;
1140 width: auto;
1141 margin-right: 8px;
1142}
1143.path-mod-assign [data-region="grade-panel"] .mform .femptylabel .felement {
1144 display: inline-block;
1145 margin-top: 4px;
1146 padding-top: 5px;
1147 width: auto;
1148}
1149.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .fitemtitle,
1150.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1151 display: inline-block;
1152 width: auto;
1153}
1154.path-mod-assign [data-region="grade-panel"] .mform .fitem_fcheckbox .felement {
1155 padding: 6px;
1156}
1157
bb690849
DW
1158/** End of CSS to make forms vertical in the grading panel (taken from theme/bootstrapbase/less/moodle/forms.less). */
1159
1160/** Styles to fix base theme **/
1161.path-mod-assign #page,
1162.path-mod-assign #page-content {
2408f8fe 1163 position: inherit;
bb690849
DW
1164}
1165/** End of base fixes **/