Proyectos de Subversion Moodle

Rev

Rev 11 | | Comparar con el anterior | Ultima modificación | Ver Log |

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