Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// Plugin: https://github.com/mudrd8mz/moodle-block_course_contents
2
.block_course_contents {
3
  .badge {
4
    padding: 0;
5
    display: inline-flex;
6
    align-items: center;
7
    justify-content: center;
8
 
9
    width: 20px;
10
    height: 20px;
11
    background-color: $primary-color-100;
12
 
13
    font-size: $font-size-xs;
14
    color: $primary-color-600;
15
  }
16
 
17
  .section-number {
18
    margin-right: .35rem;
19
  }
20
 
21
  .section-item {
22
    margin: 3px 0;
23
    display: inline-flex;
24
    align-items: center;
25
 
26
    &:hover {
27
      background-color: $primary-color-100;
28
    }
29
 
30
    &.active {
31
      background-color: $gray-100;
32
      color: $body-color-light;
33
 
34
      .badge {
35
        background-color: $container-bg;
36
      }
37
    }
38
  }
39
 
40
  a {
41
    width: 100%;
42
    display: flex;
43
    align-items: center;
44
 
45
    border-radius: $btn-border-radius;
46
 
47
    line-height: 1.4;
48
    color: inherit;
49
 
50
    &:hover {
51
      text-decoration: none;
52
    }
53
  }
54
}
55
 
56
.block_course_contents {
57
  .list-group-item {
58
    padding: .25rem;
59
    border-radius: $btn-border-radius;
60
    border-bottom: 0;
61
  }
62
}
63
 
64
//-- Credits: https://codepen.io/supah/
65
.spinner {
66
  animation: rotate 2s linear infinite;
67
  z-index: 2;
68
  position: absolute;
69
  top: 50%;
70
  left: 50%;
71
  margin: -15px 0 0 -15px;
72
  width: 30px;
73
  height: 30px;
74
 
75
  & .path {
76
    stroke: $gray-300;
77
    stroke-linecap: round;
78
    animation: dash 1.5s ease-in-out infinite;
79
  }
80
 
81
}
82
 
83
@keyframes rotate {
84
  100% {
85
    transform: rotate(360deg);
86
  }
87
}
88
 
89
@keyframes dash {
90
  0% {
91
    stroke-dasharray: 1, 150;
92
    stroke-dashoffset: 0;
93
  }
94
 
95
  50% {
96
    stroke-dasharray: 90, 150;
97
    stroke-dashoffset: -35;
98
  }
99
 
100
  100% {
101
    stroke-dasharray: 90, 150;
102
    stroke-dashoffset: -124;
103
  }
104
}
105
 
106
// Course Format Grid
107
.course-content ul.grid {
108
  margin: $page-padding-global 0;
109
  list-style: none;
110
 
111
  .course-section-header {
112
    margin-bottom: 1rem;
113
  }
114
 
115
  .card:last-of-type {
116
    margin-bottom: auto;
117
  }
118
}
119
 
120
// Course Format Buttons
121
.course-content ul.buttons {
122
  padding: 0;
123
}
124
 
125
.course-content ul.buttons li.section .content {
126
  margin: 0;
127
}
128
 
129
.course-content ul.buttons li.section .left,
130
.course-content ul.buttons li.section .right {
131
  padding: 0;
132
}
133
 
134
// Format Timeline
135
.format-timeline .header-section,
136
.format-timeline .filters-section {
137
  box-shadow: none !important;
138
  background-color: transparent;
139
}
140
 
141
.format-timeline div.timeline ul.section .coursemodule {
142
  box-shadow: none !important;
143
}
144
 
145
.format-timeline div.timeline ul.section .coursemodule .activity {
146
  padding: 0;
147
 
148
  &:last-child {
149
    border-bottom: 0;
150
  }
151
}
152
 
153
.format-timeline .buttons .btn {
154
  color: inherit;
155
 
156
  &.btn-primary {
157
    color: #fff;
158
  }
159
}
160
 
161
// URL: https://moodle.org/plugins/tool_gdpr_plus
162
.tool_gdpr_plus.policies-consent .policy-container {
163
  left: 10px;
164
  right: 10px;
165
  bottom: 10px;
166
 
167
  width: calc(100% - 20px);
168
  border-radius: $btn-border-radius;
169
}
170
 
171
// Course Format: Trail
172
// URL: https://moodle.org/plugins/format_trail
173
div#trailmiddle-column>ul {
174
  padding: 0;
175
 
176
  li.section ul {
177
    padding: 0;
178
  }
179
}
180
 
181
body#page-course-view-remuiformat .automatic-completion-conditions {
182
  flex-direction: row;
183
}
184
 
185
body#page-course-view-remuiformat .remui-format-card .automatic-completion-conditions {
186
  flex-direction: column;
187
  gap: 0;
188
}
189
 
190
// Quiz
191
.path-mod-quiz-accessrule-proctoring {
192
  .reporttable {
193
    .fa-folder-o {
194
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($primary-color-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.25 17.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75H4.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25Z'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($primary-color-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11'%3E%3C/path%3E%3C/svg%3E%0A");
195
      background-size: 18px;
196
      background-position: center;
197
      height: 12px;
198
    }
199
  }
200
}
201
 
202
 
203
#page-admin-enrol-programs-management-program {
204
  dl.row {
205
    margin-top: $page-padding-global;
206
  }
207
}
208
 
209
#program_content {
210
  .c0 {
211
    .rui-icon-container {
212
      margin-right: 10px;
213
 
214
      .dir-rtl & {
215
        margin-right: 0;
216
        margin-left: 10px;
217
      }
218
 
219
      .theme-dark & {
220
        filter: invert(1);
221
      }
222
    }
223
  }
224
}
225
 
226
// Block Timetable
227
.block_timetable .content {
228
  margin: 0 !important;
229
 
230
  .rui-icon-container {
231
    width: 30px;
232
    height: 30px;
233
 
234
    display: flex;
235
    align-items: center;
236
    justify-content: center;
237
 
238
    background-color: $white;
239
    border-radius: $btn-border-radius;
240
  }
241
 
242
  .card-text span {
243
    color: $body-color;
244
  }
245
}
246
 
247
.theme-dark .block_timetable .footer {
248
  border-color: $dm-border-color;
249
 
250
  .icon {
251
    filter: invert(1);
252
  }
253
}
254
 
255
.block_timetable .timetable-event {
256
  font-weight: $font-weight-medium;
257
}
258
 
259
.block_timetable .calendar_event_site {
260
  background-color: #f4fdf2;
261
  border-left: 5px solid #9cff83;
262
  color: $body-color !important;
263
}
264
 
265
.block_timetable .calendar_event_site,
266
.block_timetable .calendar_event_site a {
267
  color: #265619 !important;
268
}
269
 
270
.block_timetable .calendar_event_category {
271
  background-color: #f5eff5;
272
  border-left: 5px solid #e0cbe0;
273
  color: $body-color !important;
274
}
275
 
276
.block_timetable .calendar_event_category .timetable-event,
277
.block_timetable .calendar_event_category a {
278
  color: #4e254e !important;
279
}
280
 
281
.block_timetable .calendar_event_course .timetable-event,
282
.block_timetable .calendar_event_course a {
283
  color: #381400 !important;
284
}
285
 
286
.block_timetable .calendar_event_course {
287
  background-color: #fff5ee;
288
  border-left: 5px solid #facfb9;
289
  color: #381400 !important;
290
}
291
 
292
.block_timetable .calendar_event_user .timetable-event,
293
.block_timetable .calendar_event_user a {
294
  color: #3e576f !important;
295
}
296
 
297
.block_timetable .calendar_event_group {
298
  background-color: #f2eee3;
299
  border-left: 5px solid #fee7ae;
300
  color: #684b05 !important;
301
}
302
 
303
.block_timetable .calendar_event_group .timetable-event,
304
.block_timetable .calendar_event_group a {
305
  color: #684b05 !important;
306
}
307
 
308
.block_timetable .calendar_event_user {
309
  background-color: #f3f4f6;
310
  border-left: 5px solid #ced4da;
311
  color: $body-color !important;
312
}
313
 
314
.block_timetable .calendar_event_other {
315
  background-color: #ced4da;
316
  border-left: 5px solid #6c6c6c;
317
  color: $body-color !important;
318
}
319
 
320
.block_timetable .events .coursename {
321
  font-weight: $font-weight-medium;
322
  font-size: $font-size-xs;
323
}
324
 
325
.block_timetable .event-item {
326
  border-radius: $btn-border-radius;
327
  box-shadow: none;
328
 
329
  .theme-dark & {
330
    filter: invert(1);
331
  }
332
}
333
 
334
.block_timetable .footer {
335
  border-top: 1px solid $border-color;
336
 
337
  .theme-dark {
338
    border-color: $dm-border-color;
339
  }
340
}
341
 
342
.block_timetable .timetable_day {
343
  background: #f2f2f2;
344
  color: $body-color;
345
 
346
  border: 1px solid $border-color;
347
 
348
  .theme-dark {
349
    border-color: $dm-border-color;
350
  }
351
}
352
 
353
.block_timetable .timetable_day a {
354
  color: $body-color;
355
}
356
 
357
.block_timetable .timetable_day:hover,
358
.block_timetable .timetable_day.now,
359
.block_timetable .timetable_day.active {
360
  border: 1px solid $primary-color-600;
361
}
362
 
363
.block_timetable .timetable_day:hover a,
364
.block_timetable .timetable_day.active {
365
  background: #000;
366
  color: #fff;
367
}
368
 
369
.block_timetable .timetable_day.inactive a {
370
  color: #c1c1cb;
371
}
372
 
373
.block_timetable .timetable_day.inactive.active a,
374
.block_timetable .timetable_day.active a {
375
  color: #fff;
376
}
377
 
378
// Course Format Trail
379
#trailmiddle-column {
380
  margin-top: $page-padding-global;
381
 
382
  .summary {
383
    margin-bottom: 10px;
384
  }
385
 
386
  .section {
387
    padding: 0;
388
    border-radius: $btn-border-radius;
389
    border: 1px solid $border-color;
390
 
391
    .activity {
392
      padding: 10px;
393
      border-bottom: 1px solid $border-color;
394
 
395
      .theme-dark & {
396
        border-color: $dm-border-color;
397
      }
398
    }
399
 
400
    .theme-dark & {
401
      border-color: $dm-border-color;
402
    }
403
  }
404
}
405
 
406
#trailshadebox_content.absolute {
407
  z-index: 10000 !important;
408
}
409
 
410
#trailshadebox_content {
411
  .activity {
412
    padding: 10px;
413
    border-bottom: 1px solid $border-color;
414
 
415
    .theme-dark & {
416
      border-color: $dm-border-color;
417
    }
418
  }
419
 
420
  ul.section {
421
    margin-top: 20px;
422
    padding: 0;
423
    border: 1px solid $border-color;
424
    border-radius: $btn-border-radius;
425
 
426
    .theme-dark & {
427
      border-color: $dm-border-color;
428
    }
429
  }
430
}
431
 
432
#trailshadebox_content {
433
  padding: 20px;
434
  border-radius: $btn-border-radius;
435
}
436
 
437
.gtopics {
438
  padding: 0;
439
  margin: 0;
440
}
441
 
442
.course-content ul.trailicons li .icon_content {
443
  padding: 10px;
444
  height: auto;
445
  font-size: $font-size-sm;
446
}
447
 
448
.course-content ul.trailicons li.currentselected {
449
  border-radius: $btn-border-radius;
450
}
451
 
452
// Course Format OneTopic
453
.format-onetopic {
454
 
455
  // Adding border to all tabs - Light Mode
456
  .tabs-wrapper,
457
  .onetopic-tab-body {
458
    .nav-tabs {
459
      .nav-link {
460
        border: 1px solid $white !important;
461
 
462
        // Adding border to all tabs - Dark Mode
463
        .theme-dark & {
464
          border: 1px solid $dm-body-bg !important;
465
        }
466
 
467
        // Changing the background of the active tab - Dark Mode
468
        &.active {
469
          .theme-dark & {
470
            background: $dm-gray-300 !important;
471
            color: $white !important;
472
          }
473
        }
474
      }
475
    }
476
  }
477
 
478
  // nverting the colour of the add section button - Dark Mode
479
  .theme-dark & {
480
    .tabs-wrapper .icon {
481
      filter: invert(1)
482
    }
483
  }
484
}
485
 
486
/* Inverting the colour of add section button - Dark Mode */
487
.onetopic {
488
  padding: 0;
489
  list-style: none;
490
}
491
 
492
#tabs-tree-start {
493
  .format_onetopic-tabs {
494
    background-color: $gray-100;
495
    border-radius: $btn-border-radius;
496
 
497
    .theme-dark & {
498
      background-color: $dm-gray-100;
499
    }
500
  }
501
}
502
 
503
// Course Format MultiTopic
504
.format-multitopic .sections .section_subtitle:empty {
505
  display: none;
506
}
507
 
508
[class*="path-"].format-multitopic:not([class*=" cmid-"]) .page-header-headings {
509
  display: block;
510
}
511
 
512
.format-multitopic .section-topic-timed {
513
  border-color: $border-color;
514
}
515
 
516
.theme-dark.format-multitopic .section-topic-timed {
517
  border-color: $dm-border-color;
518
}
519
 
520
.format-multitopic {
521
  .course-content li.section ul {
522
    border: 1px solid $border-color;
523
    border-radius: $btn-border-radius;
524
    list-style: none;
525
  }
526
}
527
 
528
.theme-dark.format-multitopic {
529
  .course-content li.section ul {
530
    border-color: $dm-border-color;
531
  }
532
}
533
 
534
body.format-multitopic #course-header {
535
  display: none;
536
}
537
 
538
.format-multitopic .course-content li.section ul.rui-special-list {
539
  border: 0;
540
}
541
 
542
.format-multitopic .course-section {
543
  &[data-sectionid="0"] {
544
    .icon {
545
      display: none;
546
    }
547
  }
548
}
549
 
550
.format-multitopic .course-section-header {
551
  div {
552
    margin: 0 !important;
553
  }
554
}
555
 
556
// Course Format Flexible Sections Format
557
.course-content ul.flexsections {
558
  margin-bottom: 0;
559
 
560
  li.section {
561
    padding: 10px;
562
    margin-bottom: 10px;
563
    background-color: $gray-100;
564
    border-radius: $btn-border-radius;
565
 
566
    .theme-dark & {
567
      background-color: $dm-gray-100;
568
    }
569
  }
570
 
571
  .sectionname {
572
    font-size: $font-size-base;
573
  }
574
 
575
  .rui-section {
576
    margin-bottom: 0;
577
  }
578
}
579
 
580
// Course Format Format Kickstart
581
.format-kickstart {
582
  .course-content {
583
    .btn-outline-primary {
584
      margin: 20px 0;
585
    }
586
  }
587
}
588
 
589
// Course Format Format Designer
590
.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
591
  padding: 10px;
592
  border: 1px solid $border-color;
593
  border-radius: $btn-border-radius;
594
}
595
 
596
.theme-dark.format-designer .designer .section .content .section.link-layout li.activity .mod-indent-outer {
597
  border-color: $dm-border-color;
598
}
599
 
600
.format-designer .designer .section .content .section.link-layout li.activity .center-reports-block {
601
  width: auto;
602
  float: none;
603
  margin-top: 10px;
604
  margin-bottom: 10px;
605
}
606
 
607
.format-designer .course-content ul.designer li.section .section-progress-info {
608
  margin-top: 6px;
609
  margin-bottom: 6px;
610
}
611
 
612
.format-designer .designer .section .content .section.link-layout li.activity .activityinstance {
613
  width: 100%;
614
}
615
 
616
.format-designer .designer .section .content .section li.activity .activity-block.designer {
617
  padding: 0;
618
}
619
 
620
.format-designer ul.designer .badge.badge-completion {
621
  padding: .35rem .85rem;
622
}
623
 
624
.format-designer .designer .section .content .section.link-layout li.activity .mod-content {
625
  font-size: $font-size-sm;
626
}
627
 
628
.format-designer .designer .section .content .section li.activity .activityinstance .instancename {
629
  font-weight: $font-weight-medium;
630
}
631
 
632
.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
633
  font-weight: $font-weight-medium;
634
  color: $body-color-light;
635
}
636
 
637
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .activity-type p {
638
  color: $dm-body-color-light;
639
}
640
 
641
.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
642
  color: $body-color;
643
}
644
 
645
.theme-dark.format-designer .designer .section .content .section li.activity .activityinstance .aalink {
646
  color: $dm-body-color;
647
}
648
 
649
// Quiz Additional Plugins
650
.activity-navigation {
651
  #printquizpreviewquiz {
652
    width: 100% !important;
653
  }
654
}
655
 
656
 
657
// Mod Attendence
658
.path-mod-attendance .attbtn {
659
  border: 0;
660
  padding: 0;
661
}
662
 
663
.path-mod-attendance .takecontrols {
664
  width: 100%;
665
}
666
 
667
.path-mod-attendance .helptooltip {
668
  .icon {
669
    padding: 6px;
670
 
671
    width: 18px;
672
    height: 18px;
673
 
674
    display: inline-flex;
675
    align-items: center;
676
    justify-content: center;
677
 
678
    border-radius: $btn-border-radius-lg;
679
 
680
    background-color: $gray-200;
681
    font-size: $font-size-xs;
682
    color: $gray-800;
683
 
684
    transition: $transition-base;
685
 
686
    .theme-dark & {
687
      filter: invert(1);
688
    }
689
  }
690
}
691
 
692
// Mod Certificate Template
693
.path-admin-tool-certificate {
694
  .btn.iconlarge {
695
    width: auto;
696
    font-size: $font-size-xs;
697
  }
698
 
699
  .dropdown .btn.iconlarge {
700
    width: auto;
701
    font-size: $font-size-xs;
702
  }
703
}
704
 
705
// Point of View Feedback Block
706
.btn b {
707
  margin-left: .35rem;
708
  margin-right: .35rem;
709
}
710
 
711
// Plugin Ratings
712
.tool_courserating-form-stars-group {
713
  .custom-control-inline {
714
    margin-right: 0;
715
    padding: 0;
716
  }
717
 
718
  .custom-control-label {
719
 
720
    &::before,
721
    &::after {
722
      display: none;
723
    }
724
  }
725
}
726
 
727
.customfield_tool_courserating {
728
  .customfieldname,
729
  .customfieldseparator {
730
    display: none;
731
  }
732
}
733
 
734
.tool_courserating-stars .icon {
735
  width: 16px;
736
}
737
 
738
.tool_courserating-reviews-popup .course-rating-percent {
739
  font-size: 11px;
740
  color: $body-color-light;
741
 
742
  .theme-dark & {
743
    color: $dm-body-color-light;
744
  }
745
}
746
 
747
.tool_courserating-ratingcolor {
748
  color: $primary-color-600;
749
}
750
 
751
.tool_courserating-reviews-popup .course-rating-bar .course-rating-bar-rating,
752
.tool_courserating-reviews-popup .course-rating-bar {
753
  border-radius: $border-radius-lg;
754
}
755
 
756
.tool_courserating-reviews-popup .course-average-caption {
757
  font-size: $font-size-xs;
758
  color: $body-color-light;
759
 
760
  .theme-dark & {
761
    color: $dm-body-color-light;
762
  }
763
}
764
 
765
.tool_courserating-reviews-popup .user-review .userinfo,
766
.user-rating {
767
  display: inline-flex;
768
  align-items: center;
769
  font-size: $font-size-xs;
770
}
771
 
772
.tool_courserating-cfield .course-average-value,
773
.course-rating-cntall {
774
  font-size: $font-size-xs;
775
}
776
 
777
// Block Point View
778
.path-course-view .activity-instance .block_point_view.track {
779
  height: 40px;
780
}
781
 
782
// Format Grid
783
.format-grid #collapsesections {
784
  display: none;
785
}
786
 
787
// Mod Scheduler
788
.path-mod-scheduler div.commandbar {
789
  background-color: transparent;
790
  display: flex;
791
  align-items: center;
792
}
793
 
794
.path-mod-scheduler .maildisplay {
795
  width: 100%;
796
  background-color: transparent;
797
}
798
 
799
.generaltable {
800
  .action-menu-trigger .dropdown-btn {
801
    font-size: $font-size-sm;
802
    display: flex;
803
    align-items: center;
804
  }
805
}
806
 
807
/* Space 2.5 */
808
li.activity.modtype_hsuforum .activityiconcontainer,
809
.modchoosercontainer div[data-internal="hsuforum"] .modicon_hsuforum {
810
  background-color: transparent;
811
}
812
 
813
li.activity.modtype_hsuforum .activityiconcontainer img.activityicon,
814
.modchoosercontainer div[data-internal="hsuforum"] .modicon_hsuforum img.activityicon {
815
  filter: none;
816
}
817
 
818
// Mod Booking
819
#booking-instance-description {
820
  width: 100%;
821
  margin: 10px 0 !important;
822
  padding: 1rem;
823
  border: 1px solid $border-color;
824
  border-radius: $btn-border-radius;
825
 
826
  .theme-dark & {
827
    border-color: $dm-border-color;
828
  }
829
}
830
 
831
// Mod Subcourses
832
#page-mod-subcourse-view .subcourseinfo {
833
  border-radius: $btn-border-radius;
834
  background-color: $gray-100;
835
  color: $body-color;
836
  font-size: $font-size-sm;
837
 
838
  .infotext {
839
    font-size: $font-size-sm;
840
  }
841
 
842
  .subcourse-progress-bar {
843
    border-radius: $btn-border-radius-lg;
844
  }
845
}
846
 
847
.theme-dark#page-mod-subcourse-view .subcourseinfo {
848
  background-color: $dm-gray-100;
849
  color: $dm-body-color;
850
}
851
 
852
//Mail Plugin
853
 
854
.popover-region-mail {
855
 
856
  .popover-region-header-container {
857
    align-items: center;
858
    height: 40px !important;
859
 
860
    .icon {
861
      filter: invert(1);
862
    }
863
  }
864
 
865
  .popover-region-header-text {
866
    font-size: $font-size-sm;
867
    font-weight: $font-weight-medium;
868
  }
869
 
870
  .popover-region-header-actions {
871
    top: 12px;
872
    right: 16px;
873
    font-size: $font-size-xs;
874
 
875
    .mail-navbar-menu-compose-link {
876
      background-color: $primary-color-600;
877
      padding: 6px 8px;
878
      border-radius: $btn-border-radius;
879
    }
880
 
881
    a {
882
      font-weight: $font-weight-medium;
883
    }
884
 
885
    a,
886
    .icon {
887
      color: $dropdown-text;
888
 
889
      &:hover {
890
        text-decoration: none;
891
        color: $dropdown-link-hover-color;
892
      }
893
    }
894
 
895
    .os-scrollbar-handle {
896
      background-color: rgba($white, .85);
897
    }
898
  }
899
 
900
  .badge {
901
    background-color: $red-600;
902
    width: 20px;
903
    height: 20px;
904
 
905
    position: absolute;
906
    top: calc(50% - 12px);
907
    right: 4px;
908
 
909
    text-align: center;
910
 
911
    font-weight: $font-weight-bold;
912
    line-height: 1.2;
913
  }
914
 
915
  .popover-region-content-container {
916
    padding-bottom: 20px;
917
  }
918
 
919
  a.mail-navbar-menu-compose-link {
920
    margin: 0;
921
  }
922
 
923
  a.mail-navbar-menu-item {
924
    display: flex;
925
    align-items: center;
926
 
927
    padding: 8px 10px;
928
    margin-bottom: 2px;
929
    font-size: $font-size-xs;
930
    color: $dropdown-text;
931
 
932
    border-bottom: 0;
933
    border-radius: $btn-border-radius;
934
 
935
    position: relative;
936
 
937
    &:hover {
938
      background-color: $dropdown-link-hover-bg;
939
      color: $dropdown-link-hover-color;
940
      text-decoration: none;
941
    }
942
 
943
    .badge {
944
      line-height: 1.6;
945
    }
946
 
947
    .icon {
948
      margin-right: .35rem;
949
      opacity: 0.5;
950
      font-size: $font-size-xs;
951
    }
952
  }
953
}
954
 
955
.mail_list .mail_selected {
956
  background-color: $primary-color-600;
957
  border: 2px solid $primary-color-600;
958
  border-radius: $btn-border-radius;
959
}
960
 
961
.theme-dark .popover-region-mail .icon {
962
  filter: invert(1);
963
}
964
 
965
// Block Mass Action
966
// https://moodle.org/plugins/block_massaction
967
.block-massaction .btn-link {
968
  color: $body-color;
969
 
970
  .theme-dark & {
971
    color: $dm-body-color;
972
  }
973
}
974
 
975
.block-massaction .btn-link:hover {
976
  color: $link-hover-color;
977
 
978
  .theme-dark & {
979
    color: $dm-link-hover-color;
980
  }
981
}
982
 
983
.block-massaction .block-massaction-action {
984
  position: relative;
985
  margin-left: .2em;
986
}
987
 
988
.block-massaction-checkbox {
989
  width: 20px;
990
  height: 20px;
991
 
992
  position: absolute;
993
  top: -10px;
994
  right: -10px;
995
  z-index: 5;
996
}
997
 
998
.block-massaction>.btn-link {
999
  display: block;
1000
  width: 100%;
1001
  background-color: $gray-100;
1002
  color: $body-color-secondary;
1003
  text-align: center;
1004
 
1005
  .theme-dark & {
1006
    background-color: $dm-gray-100;
1007
    color: $dm-body-color-secondary;
1008
  }
1009
}
1010
 
1011
.block-massaction-action>div,
1012
.block-massaction-action>div:hover {
1013
  background-color: transparent;
1014
  border-radius: $btn-border-radius;
1015
}
1016
 
1017
.block-massaction-action .btn {
1018
  width: 100%;
1019
  margin: 2px 0;
1020
 
1021
  padding: 5px 0;
1022
 
1023
  display: flex;
1024
  align-items: center;
1025
  justify-content: flex-start;
1026
 
1027
  font-size: $font-size-xs;
1028
  text-align: left;
1029
  background-color: transparent;
1030
 
1031
  &:hover {
1032
    background-color: $gray-100;
1033
 
1034
    .theme-dark & {
1035
      background-color: $dm-gray-100;
1036
    }
1037
  }
1038
 
1039
  img {
1040
    display: inline-flex;
1041
  }
1042
 
1043
  .theme-dark & {
1044
    background-color: transparent;
1045
  }
1046
}
1047
 
1048
#block-massaction-control-section-list-select,
1049
#block-massaction-control-section-list-moveto,
1050
#block-massaction-control-section-list-duplicateto {
1051
  font-size: $font-size-sm;
1052
  color: $body-color;
1053
  border: 1px solid $gray-100;
1054
  border-radius: $btn-border-radius;
1055
  appearance: none;
1056
  padding: .25rem 2.25rem .25rem 1.25rem;
1057
  margin: 4px 0;
1058
  display: inline-block;
1059
  width: 100%;
1060
  background: #F5F5F5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23434343' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat
1061
}
1062
 
1063
.theme-dark #block-massaction-control-section-list-select,
1064
.theme-dark #block-massaction-control-section-list-moveto,
1065
.theme-dark #block-massaction-control-section-list-duplicateto {
1066
  color: #BDC1C6;
1067
  background: #191a1e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23BDC1C6' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 10px center / 8px 10px no-repeat;
1068
  border-color: #282A2D
1069
}
1070
 
1071
/* Tool - BFPLUS */
1072
.tool_bfplus_fixtools p {
1073
  font-size: $font-size-sm;
1074
}
1075
 
1076
.block_bfmanager {
1077
  .icon {
1078
    margin-right: 10px;
1079
    width: 16px;
1080
    height: 16px;
1081
 
1082
    .theme-dark & {
1083
      filter: invert(1);
1084
    }
1085
  }
1086
 
1087
  .block_bfmanager_links {
1088
    margin-bottom: 10px;
1089
  }
1090
}
1091
 
1092
/* Block Completion Progress */
1093
.block_completion_progress .progressEventInfo,
1094
.block_completion_progress .progressPercentage {
1095
  font-size: $font-size-xs !important;
1096
}
1097
 
1098
.block_completion_progress .moduleIcon {
1099
  max-width: 34px !important;
1100
}
1101
 
1102
.block_completion_progress .progressEventInfo {
1103
  white-space: normal !important;
1104
}
1105
 
1106
.block_completion_progress .overviewButton {
1107
  width: 100%;
1108
  margin: 5px;
1109
}
1110
 
1111
/* QuickMails */
1112
#page-block-quickmail div.qm_links {
1113
  text-align: left !important;
1114
}
1115
 
1116
#page-block-quickmail div.qm_links a.qml {
1117
  font-size: 1rem;
1118
  background-size: 30px;
1119
  background-color: $container-bg;
1120
  border-color: $border-color;
1121
  color: $body-color;
1122
  border-radius: $btn-border-radius;
1123
}
1124
 
1125
.theme-dark#page-block-quickmail div.qm_links a.qml {
1126
  background-color: $dm-container-bg;
1127
  color: $dm-body-color;
1128
  border-color: $dm-border-color;
1129
}
1130
 
1131
#page-block-quickmail div.qm_links a.qml:hover {
1132
  background-size: 30px !important;
1133
}
1134
 
1135
// Mod attendance
1136
#page-mod-attendance-report.theme-dark .attendancereporttable tbody tr:nth-of-type(odd),
1137
#page-mod-attendance-manage.theme-dark .attsessions_manage_table tbody tr:nth-of-type(odd),
1138
#page-mod-attendance-preferences.theme-dark #preferencesform tbody tr:nth-of-type(odd),
1139
#page-mod-attendance-index.theme-dark tbody tr:nth-of-type(odd),
1140
#page-mod-attendance-report.theme-dark .attendancereporttable tr:first-of-type th,
1141
#page-mod-attendance-manage.theme-dark .attsessions_manage_table tr:first-of-type th,
1142
#page-mod-attendance-preferences.theme-dark #preferencesform tr:first-of-type th,
1143
#page-mod-attendance-index.theme-dark tr:first-of-type th {
1144
  background-color: $dm-container-bg;
1145
  color: $dm-body-color;
1146
}
1147
 
1148
// Topics
1149
#page-course-view-topicsactivitycards #page ul.topicsactivitycards,
1150
#page-course-view-topicsactivitycards #page .topicsactivitycards .layoutcards .course-content-item-content ul.section {
1151
  list-style: none;
1152
  margin: 0;
1153
  padding: 0;
1154
}
1155
 
1156
// Realtime Quiz
1157
.realtimequizbox {
1158
  background-color: transparent;
1159
  background-image: none;
1160
  padding: 0 !important;
1161
  margin: 0 !important;
1162
 
1163
  a:before {
1164
    display: none;
1165
  }
1166
 
1167
  h2 {
1168
    font-size: 1.25rem;
1169
  }
1170
 
1171
}
1172
 
1173
.realtimequiz_editicons {
1174
  margin-bottom: 20px;
1175
}
1176
 
1177
.realtimequiz_editicons a {
1178
  width: 30px;
1179
  height: 30px;
1180
}
1181
 
1182
.realtimequiz_editquestion {
1183
  display: flex;
1184
  margin-bottom: 5px;
1185
}
1186
 
1187
#questionarea {
1188
  #questionnumber {
1189
    font-size: 2rem;
1190
  }
1191
 
1192
  div {
1193
    font-size: $font-size-md;
1194
    text-align: left !important;
1195
  }
1196
 
1197
  p {
1198
    padding-bottom: 20px;
1199
    margin-top: 10px;
1200
    margin-bottom: 30px;
1201
    font-size: $font-size-xs;
1202
    border-bottom: 1px solid $border-color;
1203
 
1204
    .theme-dark & {
1205
      border-color: $dm-border-color;
1206
    }
1207
  }
1208
 
1209
  #numberstudents {
1210
    font-size: 1rem;
1211
    font-weight: $font-weight-bold;
1212
  }
1213
 
1214
  #questiontext,
1215
  #status {
1216
    margin-top: 10px;
1217
    font-size: $font-size-md;
1218
  }
1219
}
1220
 
1221
// Supporter Administrator Tool
1222
table.dataTable,
1223
table.dataTable th,
1224
table.dataTable td {
1225
  font-size: $font-size-xs;
1226
  line-height: 1.4;
1227
}
1228
 
1229
#course_details {
1230
  hr {
1231
    border-width: 20px;
1232
  }
1233
}
1234
 
1235
// Local Mail 2
1236
#page-local-mail-view #page.drawers {
1237
  padding: 0 80px 0 !important;
1238
}
1239
 
1240
.local-mail .nav-link {
1241
  border-radius: $btn-border-radius !important;
1242
}
1243
 
1244
.local-mail-view-side-column {
1245
  font-size: $font-size-sm;
1246
 
1247
  .local-mail-course-select-menu>.form-control {
1248
    font-size: $font-size-base;
1249
    font-weight: $font-weight-bold;
1250
    color: $body-color-light;
1251
    height: 40px;
1252
 
1253
    .theme-dark & {
1254
      color: $dm-body-color-light;
1255
    }
1256
  }
1257
}
1258
 
1259
.local-mail-view {
1260
  border-radius: $border-radius;
1261
  border-color: 1px solid $border-color;
1262
 
1263
  .theme-dark & {
1264
    border-color: $dm-border-color;
1265
  }
1266
 
1267
  .alert {
1268
    margin: 0;
1269
  }
1270
 
1271
  .alert-info {
1272
    padding: .55rem 1.25rem !important;
1273
    border-radius: $btn-border-radius;
1274
    font-size: $font-size-sm;
1275
  }
1276
 
1277
  .list-group {
1278
    border: 1px solid $border-color;
1279
 
1280
    a:before {
1281
      display: none;
1282
    }
1283
 
1284
    .theme-dark & {
1285
      border-color: $dm-border-color;
1286
    }
1287
  }
1288
 
1289
  .local-mail-list-message,
1290
  .list-group-item+.list-group-item {
1291
    border-bottom: 1px solid $border-color;
1292
 
1293
    .theme-dark & {
1294
      border-color: $dm-border-color;
1295
    }
1296
  }
1297
 
1298
  .local-mail-course-badge,
1299
  .local-mail-label-badge {
1300
    padding: 3px;
1301
    font-size: $font-size-xs;
1302
    max-width: max-content !important;
1303
  }
1304
 
1305
  .local-mail-list-message-time-md {
1306
    font-size: $font-size-xs;
1307
    color: $body-color-light;
1308
    text-align: center !important;
1309
 
1310
    .theme-dark & {
1311
      color: $dm-body-color-light;
1312
    }
1313
  }
1314
}
1315
 
1316
.local-mail-view .local-mail-list-message {
1317
  .pl-1.pr-3 {
1318
    padding: 5px !important;
1319
 
1320
    .btn {
1321
      min-width: 40px;
1322
    }
1323
  }
1324
}
1325
 
1326
.path-local-mail .btn,
1327
.local-mail-search-box-icon {
1328
  border: 0;
1329
}
1330
 
1331
.local-mail .dropdown-menu {
1332
  color: $dropdown-color !important;
1333
  background-color: $dropdown-bg !important;
1334
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px !important;
1335
 
1336
  .btn {
1337
    font-size: $font-size-xs;
1338
    line-height: 0;
1339
    color: $gray-100;
1340
    background-color: $gray-600;
1341
  }
1342
 
1343
  &.show {
1344
    max-width: 100%;
1345
  }
1346
 
1347
  .local-mail-list-message,
1348
  .list-group-item+.list-group-item {
1349
    border-color: $dropdown-border-color;
1350
  }
1351
}
1352
 
1353
.local-mail-user-picture-fallback {
1354
  background-color: #fff !important;
1355
}
1356
 
1357
.local-mail .dropdown-item:not(:focus) {
1358
 
1359
  &.active,
1360
  &:hover {
1361
    color: $dropdown-link-hover-color !important;
1362
    background-color: $dropdown-link-hover-bg !important;
1363
 
1364
    .theme-dark & {
1365
      color: $dm-dropdown-link-hover-color !important;
1366
      background-color: $dm-dropdown-link-hover-bg !important;
1367
    }
1368
 
1369
    .icon {
1370
      filter: invert(1);
1371
    }
1372
  }
1373
}
1374
 
1375
.local-mail-navbar-popover {
1376
  padding-bottom: 10px;
1377
  background-color: $dropdown-bg !important;
1378
 
1379
  @include media-breakpoint-between(xs, sm) {
1380
    width: 100% !important;
1381
  }
1382
 
1383
  .p-2 {
1384
    padding: 0 !important;
1385
    margin: 4px 0;
1386
  }
1387
 
1388
  .local-mail-menu-navbar {
1389
    margin-top: 4px !important;
1390
    padding-top: 4px !important;
1391
    border-color: $dropdown-border-color !important;
1392
  }
1393
 
1394
  .fa {
1395
    font-size: $font-size-xs;
1396
  }
1397
 
1398
  .btn {
1399
    min-width: 30x;
1400
    height: 30px;
1401
    padding: 7px;
1402
    font-size: $font-size-xs;
1403
 
1404
    .fa {
1405
      font-size: 12px;
1406
    }
1407
  }
1408
 
1409
  .local-mail-menu-item {
1410
    padding: $dropdown-item-padding-y $dropdown-item-padding-x !important;
1411
    margin-bottom: 2px;
1412
    clear: both;
1413
 
1414
    font-size: $font-size-xs;
1415
    font-weight: $font-weight-medium;
1416
    color: $dropdown-color;
1417
 
1418
    text-align: inherit;
1419
    text-decoration: none;
1420
 
1421
    white-space: normal;
1422
 
1423
    border: 0 !important;
1424
    border-radius: $dropdown-border-radius - 2px;
1425
 
1426
    &::before {
1427
      display: none;
1428
    }
1429
 
1430
    .badge {
1431
      width: 10px;
1432
      height: 10px;
1433
      padding: 2px;
1434
      font-size: 11px;
1435
      line-height: 0;
1436
    }
1437
  }
1438
 
1439
  .local-mail-course-select {
1440
    border-radius: $dropdown-border-radius - 2px !important;
1441
    background-color: $dropdown-border-color !important;
1442
    box-shadow: $box-shadow-md;
1443
    margin-bottom: 10px;
1444
  }
1445
}
1446
 
1447
.local-mail-course-select-icon {
1448
  padding-left: 12px !important;
1449
}
1450
 
1451
.local-mail-draft-form-user-search-input .btn.px-2,
1452
.local-mail-course-select .position-absolute.px-2 {
1453
  width: 30px !important;
1454
  height: 30px !important;
1455
  border-radius: 30px;
1456
  border: 0;
1457
  top: calc(50% - 15px) !important;
1458
  right: 4px !important;
1459
 
1460
  .fa-fw {
1461
    font-size: 12px;
1462
    line-height: 0 !important;
1463
  }
1464
}
1465
 
1466
.local-mail-course-select-menu>.form-control {
1467
  background-color: transparent;
1468
  color: $dropdown-color;
1469
  border-radius: $dropdown-border-radius - 2px;
1470
}
1471
 
1472
.local-mail-navbar-popover .list-group-item:not(.list-group-item-primary):hover {
1473
  color: $dropdown-link-hover-color !important;
1474
  text-decoration: none;
1475
  background-color: $dropdown-link-hover-bg !important;
1476
 
1477
  .theme-dark & {
1478
    color: $dm-dropdown-link-hover-color !important;
1479
    background-color: $dm-dropdown-link-hover-bg !important;
1480
  }
1481
 
1482
  .icon {
1483
    filter: invert(1);
1484
  }
1485
}
1486
 
1487
// Report Roster
1488
#report-roster-toggle {
1489
  margin-bottom: 20px;
1490
 
1491
  &+div {
1492
    display: flex;
1493
    flex-wrap: wrap;
1494
    gap: 20px;
1495
  }
1496
}
1497
 
1498
.report-roster {
1499
  display: flex;
1500
  flex-wrap: wrap;
1501
  gap: 20px;
1502
 
1503
  padding: 0;
1504
  margin: 30px 0 0;
1505
  text-align: left;
1506
 
1507
  .userpicture[width="100"],
1508
  .userinitials.size-100 {
1509
    width: 100px;
1510
    height: 100px;
1511
    font-size: 30px;
1512
  }
1513
 
1514
  .userpicture[width="200"],
1515
  .userinitials.size-200 {
1516
    width: 200px;
1517
    height: 200px;
1518
    font-size: 40px;
1519
  }
1520
 
1521
  .userpicture[width="300"],
1522
  .userinitials.size-300 {
1523
    width: 300px;
1524
    height: 300px;
1525
    font-size: 60px;
1526
  }
1527
 
1528
  .userinitials,
1529
  .userpicture {
1530
    display: flex;
1531
    margin: 0;
1532
    width: inherit;
1533
    height: inherit;
1534
  }
1535
 
1536
  li span {
1537
    margin-top: 5px;
1538
    font-weight: $font-weight-bold;
1539
    font-size: $font-size-sm;
1540
 
1541
    &+span {
1542
      font-weight: $font-weight-normal;
1543
      font-size: $font-size-xs;
1544
    }
1545
  }
1546
}
1547
 
1548
//---- Format Tiles
1549
body.format-tiles #back-to-top {
1550
  display: none;
1551
}
1552
 
1553
.format-tiles .tiles-editor-image {
1554
  display: flex;
1555
  align-items: center;
1556
  justify-content: center;
1557
}
1558
 
1559
.format-tiles .tile a {
1560
  padding: 7px 20px 5px 20px;
1561
}
1562
 
1563
.format-tiles ul.tiles#multi_section_tiles,
1564
.format-tiles.course-3.jsenabled ul.tiles,
1565
.format-tiles.course-5.jsenabled ul.tiles {
1566
  max-width: 100% !important;
1567
}
1568
 
1569
.format-tiles .course-content li.section ul.format-tiles-cm-list {
1570
  margin: 0;
1571
  padding: 10px;
1572
 
1573
  li.activity {
1574
    padding: 16px 0;
1575
  }
1576
}
1577
 
1578
body.format-tiles.limitedwidth:not(.path-mod) #page.drawers .main-inner,
1579
.format-tiles .header-maxwidth {
1580
  z-index: 1;
1581
}
1582
 
1583
.format_tiles_section_content {
1584
  .summary {
1585
    margin: 20px;
1586
  }
1587
}
1588
 
1589
#sec-zero-cm-list {
1590
  margin: 0;
1591
}
1592
 
1593
#buttonhidesec0 {
1594
  position: absolute;
1595
  top: 10px;
1596
  right: 10px;
1597
}
1598
 
1599
#section-zero-container {
1600
  padding: 10px;
1601
  margin-bottom: 30px;
1602
  border-radius: $border-radius;
1603
  border: 1px solid $border-color;
1604
 
1605
  .theme-dark & {
1606
    border-color: $dm-border-color;
1607
  }
1608
}
1609
 
1610
.format-tiles .navigation-arrows {
1611
  margin-right: 0;
1612
}
1613
 
1614
.format-tiles .completioncheckbox .icon {
1615
  top: 0;
1616
}
1617
 
1618
.format-tiles .drawer-toggler {
1619
  z-index: 1;
1620
}
1621
 
1622
.format-tiles ul.tiles .tile-top {
1623
  display: flex;
1624
  justify-content: space-between;
1625
}
1626
 
1627
.format-tiles .tileiconcontainer,
1628
.format-tiles .tileiconcontainer img,
1629
.format-tiles .tileiconcontainer .icon {
1630
  margin-top: 12px;
1631
  display: inline-flex;
1632
  justify-content: center;
1633
  align-items: center;
1634
  width: 45px;
1635
  height: 45px;
1636
}
1637
 
1638
.format-tiles li.tile:not(.phototile) .tileallcomplete {
1639
  margin-top: 13px;
1640
  margin-right: 20px;
1641
}
1642
 
1643
.format-tiles .course-content li.activity.subtile,
1644
.format-tiles .course-content li.section ul.format-tiles-cm-list li.activity {
1645
  padding: 0 0 5px;
1646
  border: 0;
1647
}
1648
 
1649
.format-tiles .subtile .completioncheckbox {
1650
  top: 24px;
1651
  right: 20px;
1652
}
1653
 
1654
.format-tiles li.activity.subtile a {
1655
  text-align: left;
1656
}
1657
 
1658
li.activity .tileiconcontainer,
1659
li.activity .tileiconcontainer .tile-icon .icon
1660
{
1661
  margin: 0;
1662
  padding: 0;
1663
  width: 45px;
1664
  height: 45px;
1665
}
1666
 
1667
.format-tiles #section-0 {
1668
  .summary {
1669
    padding: 16px 20px;
1670
  }
1671
}
1672
 
1673
// Line: 35
1674
.format-tiles ul.tiles li.section .format_tiles_section_content {
1675
  margin: 0;
1676
}
1677
 
1678
// Line: 194
1679
.format-tiles .course-content ul li.section.main {
1680
  border-radius: $border-radius;
1681
  background-color: $container-bg;
1682
  max-width: calc(100% - 15px) !important;
1683
}
1684
 
1685
.theme-dark.format-tiles .course-content ul li.section.main {
1686
  background-color: $dm-container-bg;
1687
}
1688
 
1689
// Line: 216
1690
.format-tiles .course-content ul li.section.main.moveablesection {
1691
  padding: 10px;
1692
}
1693
 
1694
// Line: 250
1695
.format-tiles .course-content li.section ul {
1696
  padding: 0;
1697
}
1698
 
1699
// Line: 429
1700
.format-tiles .single-section .navigation-arrow .icon,
1701
.format-tiles .buttonhidesec0.open .sec-zero-open-icon,
1702
.format-tiles .sectionbutton .icon {
1703
  display: flex;
1704
  align-items: center;
1705
  justify-content: center;
1706
  box-shadow: none;
1707
 
1708
  font-size: 18px;
1709
}
1710
 
1711
.format-tiles .buttonhidesec0.open .sec-zero-open-icon {
1712
  color: #ca0d0d;
1713
  background: $red-200;
1714
  border-radius: 100%;
1715
}
1716
 
1717
.format-tiles .single-section .navigation-arrow {
1718
  background-color: $gray-100;
1719
  border-radius: 100%;
1720
 
1721
  display: inline-flex;
1722
  align-items: center;
1723
  justify-content: center;
1724
 
1725
  .theme-dark & {
1726
    filter: invert(1);
1727
  }
1728
 
1729
  .icon {
1730
    width: 14px;
1731
    height: 14px;
1732
  }
1733
}
1734
 
1735
.format-tiles .sectionbutton img.icon {
1736
  padding: 3px !important;
1737
  width: 14px;
1738
  height: 14px;
1739
  mix-blend-mode: difference;
1740
}
1741
 
1742
#jswarning .close {
1743
  margin: 2px 0;
1744
 
1745
  [aria-hidden="true"] {
1746
    display: none;
1747
  }
1748
}
1749
 
1750
// Line: 435
1751
.format-tiles a {
1752
  &:focus {
1753
    box-shadow: none !important;
1754
  }
1755
}
1756
 
1757
.format-tiles a.sectionbutton,
1758
.format-tiles a.sectionbutton:hover {
1759
  box-shadow: none !important;
1760
}
1761
 
1762
 
1763
// Line: 454
1764
.format-tiles .sectionbuttons {
1765
  top: 10px;
1766
  right: 10px;
1767
  margin-right: 0;
1768
}
1769
 
1770
// Line: 676
1771
.format-tiles .course-content {
1772
  .alert .close {
1773
    margin: 2px 0;
1774
 
1775
    [aria-hidden="true"] {
1776
      display: none;
1777
    }
1778
  }
1779
}
1780
 
1781
.format-tiles .course-content #filterbuttons {
1782
  align-items: center;
1783
}
1784
 
1785
// Line: 850
1786
.format-tiles .sectiontitle::after {
1787
  border-radius: $btn-border-radius;
1788
}
1789
 
1790
.format-tiles .sectiontitle::after,
1791
.format-tiles .badge-info {
1792
  color: $white;
1793
}
1794
 
1795
.format-tiles .section .activity.subtile .contentafterlink {
1796
  left: 20px;
1797
  justify-content: flex-start;
1798
}
1799
 
1800
 
1801
// Line: 1088
1802
.format-tiles .subtiles {
1803
  width: 100%;
1804
  margin: 8px;
1805
}
1806
 
1807
// Line: 1103
1808
.format-tiles li.activity.subtile {
1809
  height: 150px;
1810
}
1811
 
1812
.format-tiles li.activity.subtile .activityname {
1813
  background-color: transparent;
1814
  padding: 0;
1815
  justify-content: flex-start;
1816
  text-align: left;
1817
}
1818
 
1819
// Line: 1123
1820
.format-tiles li.activity.subtile .activityname h5 {
1821
  font-size: 14px;
1822
}
1823
 
1824
// Line: 1412
1825
.theme-dark.format-tiles .course-content li.activity.subtile {
1826
  background-color: $dm-gray-100;
1827
}
1828
 
1829
// Line: 1756
1830
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
1831
.format-tiles .course-content ul.tiles .tile.tilestyle-2 {
1832
  border-radius: $border-radius;
1833
}
1834
 
1835
.format-tiles .course-content ul.tiles .tile.tilestyle-1,
1836
.format-tiles .course-content ul.tiles .tile.tilestyle-2,
1837
.format-tiles .modal-header:focus,
1838
.format-tiles .resourcecontent:focus,
1839
.format-tiles li.activity.subtile {
1840
  box-shadow: $box-shadow-sm;
1841
}
1842
 
1843
.format-tiles li.activity.subtile,
1844
.format-tiles .course-content ul.tiles .tile {
1845
  max-width: initial;
1846
}
1847
 
1848
// Line: 1784
1849
.format-tiles .moveablesection .availabilityinfo {
1850
  margin: 0;
1851
}
1852
 
1853
// Line 1825
1854
body.jsenabled.format-tiles .above-tiles-buttons {
1855
  position: relative;
1856
  margin: 5px;
1857
}
1858
 
1859
// Line: 1964
1860
.format-tiles .progress-indic {
1861
  font-size: $font-size-sm;
1862
}
1863
 
1864
// Line: 1929
1865
.format-tiles .sectiontitle h2 {
1866
  font-size: 30px;
1867
  font-weight: $headings-font-weight;
1868
  line-height: $headings-line-height;
1869
  color: $headings-color;
1870
}
1871
 
1872
.theme-dark.format-tiles .sectiontitle h2 {
1873
  color: $dm-headings-color;
1874
}
1875
 
1876
// Line: 1985
1877
.format-tiles ul.tiles .tile h3 {
1878
  font-size: 1rem;
1879
  font-weight: $font-weight-bold;
1880
  margin-bottom: 0;
1881
}
1882
 
1883
.format-tiles li.activity.subtile .activityname h5 {
1884
  font-weight: $font-weight-bold;
1885
}
1886
 
1887
.format-tiles li.activity .activityiconcontainer {
1888
  background-color: transparent !important;
1889
}
1890
 
1891
.format-tiles #abovetiles.sec-zero-closed {
1892
  width: 100%;
1893
}
1894
 
1895
.format-tiles .rui-activity-dates {
1896
  margin: 10px 0 10px 42px;
1897
}
1898
 
1899
//---- InteliCard
1900
.popover-region-intellicart {
1901
 
1902
  .rui-tooltip--bottom:hover:after,
1903
  .rui-tooltip--bottom:hover:before {
1904
    display: none;
1905
  }
1906
}
1907
 
1908
// Brickfield
1909
.local-bfaltformat-course-page-icon {
1910
  padding-top: 0px !important;
1911
}
1912
 
1913
// OpenForum
1914
#page .hsuforum-tools a {
1915
  @extend .btn-outline-secondary;
1916
  @extend .btn;
1917
  @extend .btn-sm;
1918
}
1919
 
1920
@media (min-width: 768px) {
1921
 
1922
  li.hsuforum-post,
1923
  .hsuforum-thread {
1924
    border: 1px solid $gray-300 !important;
1925
    Border-radius: $btn-border-radius;
1926
    margin-bottom: 5px;
1927
 
1928
    .theme-dark & {
1929
      border-color: $dm-gray-500 !important
1930
    }
1931
  }
1932
}
1933
 
1934
.hsuforum-post-byline {
1935
  font-family: inherit !important;
1936
}
1937
 
1938
.hsuforum-thread,
1939
.hsuforum-form .hsuforum-textarea {
1940
  background: none !important;
1941
}
1942
 
1943
.hsuforum-thread {
1944
 
1945
  .attachments {
1946
    flex-direction: row !important;
1947
    display: flex;
1948
 
1949
    a .icon {
1950
      margin: 0;
1951
      border: none;
1952
      padding: 0 !important;
1953
    }
1954
 
1955
    a:has(img) {
1956
      padding: 0 !important;
1957
      border: none;
1958
      margin-right: 5px !important;
1959
    }
1960
  }
1961
 
1962
  .hsuforum-post-wrapper {
1963
    margin-right: 5px;
1964
    padding-top: 1em !important;
1965
  }
1966
 
1967
  .forum-post-rating a {
1968
    border: none !important
1969
  }
1970
 
1971
  .hsuforum-post:before {
1972
    background-color: $gray-900;
1973
    top: 1em;
1974
  }
1975
 
1976
  .hsuforum-thread-participants {
1977
    display: flex;
1978
    justify-content: end;
1979
    gap: 5px;
1980
  }
1981
 
1982
  .hsuforum-reply-link {
1983
    background-color: $primary-color-600 !important;
1984
    border: 1px solid transparent !important;
1985
    color: $primary-color-100 !important;
1986
  }
1987
 
1988
  .userinitials {
1989
    vertical-align: middle;
1990
    display: inline-flex;
1991
    border-radius: 50%;
1992
    margin-right: .25rem;
1993
  }
1994
 
1995
  .forum-post-rating.processed {
1996
    padding-top: 5px
1997
  }
1998
}
1999
 
2000
// Rapid Grader UI
2001
#page-blocks-edwiser_grader-grader {
2002
  .btn {
2003
    word-break: normal;
2004
    border: 1px solid transparent;
2005
  }
2006
 
2007
  .dropdown-item:not(:hover) {
2008
    background-color: $gray-900;
2009
  }
2010
 
2011
  @media (max-width: 1200px) {
2012
    .edg-attempt-completed {
2013
      border: 2px solid $gray-400;
2014
      border-top: none;
2015
      border-bottom: none;
2016
      padding: 0 5px;
2017
      margin: 0 5px;
2018
    }
2019
  }
2020
 
2021
  @media (max-width: 900px) {
2022
 
2023
    .col-sm-11,
2024
    .col-sm-1 {
2025
      flex: unset !important;
2026
      max-width: unset !important;
2027
    }
2028
 
2029
    .edg-search-sort-menu,
2030
    .edg-action-header {
2031
      flex-wrap: wrap;
2032
    }
2033
 
2034
    .edg-search-sort-menu div {
2035
      margin: 5px 5px 5px 0;
2036
    }
2037
 
2038
    .edg-select-filter {
2039
      margin: 5px 5px 5px 0 !important;
2040
      padding: 0;
2041
      width: 100%;
2042
    }
2043
 
2044
    .edg-grader-breadcrumbs {
2045
      overflow-x: auto;
2046
    }
2047
  }
2048
}
2049
 
2050
// Module Section navigation https://moodle.org/plugins/block_course_modulenavigation
2051
.block.block_course_modulenavigation .section-group {
2052
  margin-bottom: 0;
2053
}
2054
 
2055
.block.block_course_modulenavigation .section {
2056
  border: none
2057
}
2058
 
2059
.block.block_course_modulenavigation .module-navigation-section-heading {
2060
  padding: 10px 1.25rem 0 1.25rem;
2061
  margin: 0 -1.25rem 10px;
2062
  width: calc(100% + 2.5rem);
2063
  border-top: 1px solid $border-color;
2064
 
2065
  background-color: transparent;
2066
 
2067
  font-size: $font-size-sm;
2068
  font-weight: $font-weight-bold;
2069
 
2070
  &:last-of-type {
2071
    border-bottom: none;
2072
    margin-bottom: 0;
2073
  }
2074
 
2075
  a {
2076
    color: $body-color;
2077
  }
2078
 
2079
}
2080
 
2081
.block.block_course_modulenavigation .section-default>.module-navigation-section-heading {
2082
  background-color: transparent;
2083
}
2084
 
2085
.block.block_course_modulenavigation .section-group .section:last-of-type {
2086
  .module-navigation-section-heading {
2087
    margin-bottom: 0;
2088
  }
2089
}
2090
 
2091
.block.block_course_modulenavigation ul.activities li>a {
2092
  border-bottom: none;
2093
  border-radius: $btn-border-radius;
2094
 
2095
  font-weight: $font-weight-medium;
2096
  font-size: $font-size-xs;
2097
  color: $body-color-secondary;
2098
}
2099
 
2100
.block.block_course_modulenavigation .pagination>li a,
2101
.block.block_course_modulenavigation .allpagination>li a {
2102
  font-size: $font-size-sm;
2103
  font-weight: $font-weight-medium;
2104
 
2105
  &:hover {
2106
    color: $link-hover-color;
2107
    text-decoration: none;
2108
  }
2109
}
2110
 
2111
.block.block_course_modulenavigation .section-group .module-navigation-section-heading+.section-collapse>.section-body,
2112
.block.block_course_modulenavigation .section-group .module-navigation-section-heading+.section-collapse>.list-group {
2113
  border-top: none;
2114
}
2115
 
2116
.block.block_course_modulenavigation .section-group .section {
2117
  border-radius: $btn-border-radius;
2118
}
2119
 
2120
 
2121
 
2122
// Edwiser Plugin
2123
body#page-course-view-remuiformat .container-fluid #region-main {
2124
  background-color: transparent !important;
2125
}
2126
 
2127
body#page-course-view-remuiformat .card-section-rightnav a,
2128
body#page-course-view-remuiformat .card-section-leftnav a {
2129
  color: $body-color;
2130
}
2131
 
2132
body#page-course-view-remuiformat.theme-dark .card-section-rightnav a,
2133
body#page-course-view-remuiformat.theme-dark .card-section-leftnav a {
2134
  color: $dm-body-color;
2135
}
2136
 
2137
body#page-course-view-remuiformat #page .activityiconcontainer {
2138
  display: flex;
2139
  align-items: flex-start;
2140
  align-self: center;
2141
  justify-content: flex-start;
2142
  width: auto;
2143
  height: auto;
2144
}
2145
 
2146
body#page-course-view-remuiformat .rui-availabilityinfo {
2147
  padding: 0;
2148
  background-color: transparent;
2149
}
2150
 
2151
body#page-course-view-remuiformat .course-content .sections {
2152
  margin-top: 20px;
2153
}
2154
 
2155
body#page-course-view-remuiformat .remui-format-card.single-section-format .general-single-card,
2156
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
2157
  background-color: transparent;
2158
  box-shadow: none;
2159
  padding: 0 !important;
2160
}
2161
 
2162
body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card {
2163
  flex-wrap: wrap;
2164
}
2165
 
2166
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list {
2167
  margin-top: 30px;
2168
}
2169
 
2170
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
2171
  margin: 2px !important;
2172
  padding: 1rem !important;
2173
  border-radius: $btn-border-radius;
2174
  border: 1px solid $border-color !important;
2175
}
2176
 
2177
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-header a {
2178
  &:before {
2179
    display: none;
2180
  }
2181
}
2182
 
2183
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname {
2184
  font-size: $font-size-md;
2185
  line-height: 1.5;
2186
}
2187
 
2188
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary .item {
2189
  padding: 3px 10px 3px 0;
2190
  font-size: $font-size-xs;
2191
}
2192
 
2193
body#page-course-view-remuiformat .remui-format-list .sections .section .sectionname {
2194
  a {
2195
    color: inherit;
2196
 
2197
    &:before {
2198
      background-color: $body-color;
2199
    }
2200
  }
2201
}
2202
 
2203
body#page-course-view-remuiformat .remui-format-list #section-0 #teachers-carousel {
2204
  width: 200px;
2205
}
2206
 
2207
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.left,
2208
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control.right,
2209
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-prev,
2210
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-control-next {
2211
  width: 25px !important;
2212
}
2213
 
2214
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
2215
  margin: 0 auto;
2216
}
2217
 
2218
body#page-course-view-remuiformat:not(.editing) .remui-format-list .sections .section .sectionname .panel-title .float-right {
2219
  padding-right: 20px;
2220
}
2221
 
2222
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary {
2223
  font-size: $font-size-sm;
2224
  color: $body-color-secondary;
2225
}
2226
 
2227
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .section-activities-summary {
2228
  font-size: $font-size-xs;
2229
  color: $gray-600;
2230
 
2231
  li {
2232
    font-size: $font-size-xs;
2233
  }
2234
}
2235
 
2236
body#page-course-view-remuiformat .general-section-activities .activity .actions,
2237
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
2238
  margin: 0 !important;
2239
 
2240
  .rui-completion-info,
2241
  .rui-contentafterlink,
2242
  .resourcelinkdetails {
2243
    margin-left: 0 !important;
2244
  }
2245
}
2246
 
2247
body#page-course-view-remuiformat .general-section-activities .activity .actions {
2248
  margin-top: 10px;
2249
  display: flex;
2250
  position: relative;
2251
  justify-content: flex-start;
2252
 
2253
  .rui-completion-info--manual {
2254
    position: relative;
2255
  }
2256
}
2257
 
2258
body#page-course-view-remuiformat .sectionbadges,
2259
body#page-course-view-remuiformat .sectionbadges .badge {
2260
  margin-left: 0 !important;
2261
}
2262
 
2263
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead,
2264
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities {
2265
  padding: 0;
2266
}
2267
 
2268
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2269
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity {
2270
  padding: 5px;
2271
  margin: 0;
2272
}
2273
 
2274
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2275
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2276
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
2277
  padding: 1rem !important;
2278
  border-radius: $btn-border-radius;
2279
  border: 1px solid $border-color !important;
2280
  box-shadow: none;
2281
 
2282
  span.autocompletion img {
2283
    margin-top: 5px;
2284
  }
2285
}
2286
 
2287
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2288
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity>div,
2289
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2290
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2291
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card,
2292
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label),
2293
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2294
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2295
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
2296
  background-color: $dm-gray-100;
2297
  border-color: $dm-border-color !important;
2298
  color: $dm-body-color;
2299
}
2300
 
2301
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname,
2302
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .sectionname a,
2303
.theme-dark#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow,
2304
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-title,
2305
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .activitieshead,
2306
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .activities-title,
2307
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .generaldetails .generalsectioninfo .coursesummary,
2308
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .section-details .coursedetails .details .section-activities-summary,
2309
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details .general-single-card .header-progresbar-wrapper .section-title,
2310
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details div.no-overflow,
2311
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
2312
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity .activity-content {
2313
  color: $dm-body-color;
2314
}
2315
 
2316
.theme-dark#page-course-view-remuiformat .activity .description .course-description-item {
2317
  background-color: $dm-gray-100;
2318
  color: $dm-body-color;
2319
}
2320
 
2321
.theme-dark#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details {
2322
  border-color: $dm-border-color;
2323
}
2324
 
2325
body#page-course-view-remuiformat .row {
2326
  margin-top: 30px;
2327
}
2328
 
2329
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2330
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a {
2331
  &:before {
2332
    display: none;
2333
  }
2334
}
2335
 
2336
#page-course-view-remuiformat .rui-completion-info--manual {
2337
  left: auto;
2338
  top: 14px;
2339
  right: 14px;
2340
}
2341
 
2342
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .activitieshead {
2343
  padding: 0;
2344
}
2345
 
2346
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card {
2347
  min-height: 150px;
2348
}
2349
 
2350
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .single-card {
2351
  min-height: 120px;
2352
}
2353
 
2354
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container {
2355
  top: 40px;
2356
  padding: 0 !important;
2357
  right: 20px;
2358
}
2359
 
2360
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .wdm-mod-name {
2361
  font-size: $font-size-xs;
2362
  font-weight: $font-weight-medium;
2363
  margin-bottom: 1rem;
2364
}
2365
 
2366
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity {
2367
  border-bottom: 0;
2368
}
2369
 
2370
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a,
2371
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a {
2372
  &:hover {
2373
    &::before {
2374
      display: none;
2375
    }
2376
  }
2377
}
2378
 
2379
 
2380
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary img {
2381
  margin: 0 0 0.5rem 0;
2382
  width: 40px;
2383
  height: 40px;
2384
}
2385
 
2386
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2387
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary a {
2388
  text-align: left;
2389
}
2390
 
2391
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary>a,
2392
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title.nosummary div {
2393
  justify-content: flex-start;
2394
  align-items: flex-start;
2395
}
2396
 
2397
body#page-course-view-remuiformat .container-fluid #region-main .card,
2398
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .general-section {
2399
  background-color: $body-bg;
2400
  border: 1px solid $border-color;
2401
  border-radius: $btn-border-radius;
2402
}
2403
 
2404
body#page-course-view-remuiformat .course-content .card {
2405
  padding: 0;
2406
  margin-bottom: 10px !important;
2407
}
2408
 
2409
body#page-course-view-remuiformat .container-fluid #region-main .card.block_html {
2410
  border: none;
2411
}
2412
 
2413
body#page-course-view-remuiformat .container-fluid #region-main .card>.card-body:first-of-type {
2414
  background-color: transparent;
2415
}
2416
 
2417
body#page-course-view-remuiformat #section-0 .progress {
2418
  margin-top: 5px;
2419
  margin-bottom: 5px !important;
2420
  border-radius: $btn-border-radius;
2421
  overflow: hidden;
2422
}
2423
 
2424
.wdm-generalsectiontitle {
2425
  font-size: 1.25rem;
2426
  font-weight: $font-weight-medium;
2427
}
2428
 
2429
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section:not(#section-0)>div,
2430
body#page-course-view-remuiformat .remui-format-list.one-section-format.all-section .sections .section:not(#section-0)>div {
2431
  box-shadow: none;
2432
  background-color: transparent;
2433
  border: 0;
2434
}
2435
 
2436
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section:not(#section-0)>div {
2437
  padding: 0 !important;
2438
}
2439
 
2440
.theme-dark#page-course-view-remuiformat .course-content .sections #section-0 .general-section .showactivity {
2441
  color: $dm-body-color;
2442
}
2443
 
2444
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon {
2445
  position: absolute;
2446
  right: 0;
2447
}
2448
 
2449
body#page-course-view-remuiformat .remui-format-list.all-section-format ul.sections li.section .toggle-icon::before {
2450
  font-size: 18px;
2451
  color: $gray-800;
2452
}
2453
 
2454
body#page-course-view-remuiformat .remui-format-list #section-0 .course-cover-image {
2455
  padding: 2rem !important;
2456
  border-radius: $btn-border-radius;
2457
}
2458
 
2459
body#page-course-view-remuiformat .remui-format-list .sections .section .card-footer {
2460
  padding: 0 !important;
2461
}
2462
 
2463
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activitytitle,
2464
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activitytitle,
2465
body#page-course-view-remuiformat .activity .activitytitle .media-body {
2466
  gap: 0;
2467
}
2468
 
2469
body#page-course-view-remuiformat .remui-format-list.one-section-format .one-section-format-details-page-wrapper .section .course-section-summary-wrapper {
2470
  padding: 24px 24px 0;
2471
}
2472
 
2473
body#page-course-view-remuiformat .remui-format-list .summary,
2474
body#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper {
2475
  .no-overflow {
2476
    margin-top: 10px;
2477
  }
2478
}
2479
 
2480
body#page-course-view-remuiformat .remui-format-card.single-section-format .sections .section .section-details,
2481
body#page-course-view-remuiformat .activity .description .course-description-item,
2482
body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0),
2483
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2484
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards.section .activity>div,
2485
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2486
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2487
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card,
2488
body#page-course-view-remuiformat .course-content .sections #section-0 .general-section .activities-wrapper .general-section-activities .activity:not(.modtype_label),
2489
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity>div,
2490
body#page-course-view-remuiformat .remui-format-card.all-section-format #section-0 .general-section-activities .activity>div,
2491
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card,
2492
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section,
2493
body#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
2494
  border-color: $border-color;
2495
}
2496
 
2497
body#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0),
2498
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
2499
  background-color: transparent;
2500
}
2501
 
2502
.theme-dark#page-course-view-remuiformat .remui-format-list.one-section-format .activities-list ul.section .activity {
2503
  border-color: $dm-border-color;
2504
}
2505
 
2506
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .title a,
2507
body#page-course-view-remuiformat .general-section-activities .activityinstance .instancename,
2508
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .instancename {
2509
  width: 100%;
2510
  margin-top: 0.5rem;
2511
  display: flex;
2512
  flex-wrap: wrap;
2513
 
2514
  font-size: $font-size-sm;
2515
  line-height: 1.3;
2516
  text-align: left;
2517
 
2518
  .instancename {
2519
    display: block;
2520
    margin-top: 0.5rem;
2521
  }
2522
}
2523
 
2524
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .completion-container.manual-completion {
2525
  .rui-completion-info--manual {
2526
    position: relative;
2527
  }
2528
}
2529
 
2530
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity {
2531
  width: calc(25% - 4px);
2532
}
2533
 
2534
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance {
2535
  display: block !important;
2536
  text-align: left;
2537
}
2538
 
2539
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance>a {
2540
  display: flex;
2541
  flex-wrap: wrap;
2542
 
2543
  .rui-instancename {
2544
    margin-top: .35rem;
2545
  }
2546
}
2547
 
2548
body#page-course-view-remuiformat .remui-format-list #section-0 .summary {
2549
  min-height: auto;
2550
}
2551
 
2552
body#page-course-view-remuiformat .general-section-activities .activity .activityinstance {
2553
  text-align: left;
2554
 
2555
  .aalink {
2556
    display: flex;
2557
    align-items: center;
2558
  }
2559
}
2560
 
2561
body#page-course-view-remuiformat .general-section-activities .activityinstance img,
2562
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .activityinstance .iconlarge.activityicon {
2563
  width: 40px !important;
2564
  height: 40px !important;
2565
}
2566
 
2567
body#page-course-view-remuiformat .remui-format-card.single-section-format .activity-cards .activity .activity-content,
2568
body#page-course-view-remuiformat .general-section-activities .activity .contentafterlink,
2569
body#page-course-view-remuiformat .section-summary-activities {
2570
  text-align: left !important;
2571
  font-size: $font-size-xs;
2572
  font-weight: $font-weight-normal;
2573
  line-height: 1.5;
2574
  color: $gray-600;
2575
 
2576
  &:empty {
2577
    display: none;
2578
  }
2579
}
2580
 
2581
body#page-course-view-remuiformat .contentwithoutlink,
2582
body#page-course-view-remuiformat .contentafterlink {
2583
  width: auto;
2584
  max-height: max-content;
2585
}
2586
 
2587
body#page-course-view-remuiformat li.activity form.togglecompletion .btn {
2588
  position: absolute;
2589
  right: 0;
2590
  top: 0;
2591
}
2592
 
2593
body#page-course-view-remuiformat .remui-format-list #section-0 .general-section-activities .activity .actions {
2594
  position: relative;
2595
  right: auto;
2596
  top: 5px;
2597
  justify-content: flex-start;
2598
}
2599
 
2600
body#page-course-view-remuiformat .general-section-activities .activity {
2601
  border-bottom: 0;
2602
  text-align: left;
2603
}
2604
 
2605
body#page-course-view-remuiformat .general-section-activities .activity:first-of-type {
2606
  margin-left: 0;
2607
}
2608
 
2609
body#page-course-view-remuiformat .remui-format-list #section-0 .carousel-inner {
2610
  width: 105px;
2611
 
2612
  a {
2613
    margin: 3px;
2614
 
2615
    &:before {
2616
      display: none;
2617
    }
2618
  }
2619
}
2620
 
2621
body#page-course-view-remuiformat .section-modchooser:hover {
2622
  background-color: transparent;
2623
  border: 0;
2624
}
2625
 
2626
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link {
2627
  box-shadow: none !important;
2628
  border: 0 !important;
2629
  color: $gray-900 !important;
2630
}
2631
 
2632
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link *,
2633
body#page-course-view-remuiformat .section-modchooser .section-modchooser-link a:hover {
2634
  color: inherit !important;
2635
}
2636
 
2637
body#page-course-view-remuiformat .course-content .sections .wdm-add-new-section {
2638
  width: 100%;
2639
  padding: .35rem 1.7rem .35rem .75rem !important;
2640
  font-size: $font-size-xs;
2641
}
2642
 
2643
#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
2644
  border-color: $border-color;
2645
}
2646
 
2647
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section:not(#section-0) {
2648
  background-color: $dm-gray-100;
2649
  border-color: $dm-border-color !important;
2650
}
2651
 
2652
body#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading {
2653
  font-size: $font-size-base;
2654
}
2655
 
2656
body#page-course-view-remuiformat .remui-format-list .summary {
2657
  font-size: $font-size-sm;
2658
}
2659
 
2660
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section li:not(:last-child),
2661
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section li:not(:last-child) {
2662
  border: 0;
2663
}
2664
 
2665
body#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title,
2666
body#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a,
2667
body#page-course-view-remuiformat .progress-bar-warpper .progress-text {
2668
  color: $body-color;
2669
}
2670
 
2671
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content .course-section-summary-wrapper .no-overflow {
2672
  color: $dm-body-color-secondary
2673
}
2674
 
2675
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .course-section-header .sectionheading,
2676
.theme-dark#page-course-view-remuiformat .remui-format-list .summary,
2677
.theme-dark#page-course-view-remuiformat .remui-format-list .course-section-summary-wrapper,
2678
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content .panel-title,
2679
.theme-dark#page-course-view-remuiformat .remui-format-list .sections .section .content h3 a,
2680
.theme-dark#page-course-view-remuiformat .progress-bar-warpper .progress-text {
2681
  color: $dm-body-color;
2682
}
2683
 
2684
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .single-card .content {
2685
  gap: 10px;
2686
}
2687
 
2688
body#page-course-view-remuiformat .remui-format-card.all-section-format .section .wdm-section-summary .no-overflow {
2689
  font-size: $font-size-xs;
2690
  line-height: 1.5;
2691
}
2692
 
2693
body#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
2694
  padding: 10px;
2695
  border-color: $border-color;
2696
}
2697
 
2698
.theme-dark#page-course-view-remuiformat .activity .activity-item:not(.activityinline) {
2699
  background-color: $dm-gray-100;
2700
  border-color: $dm-border-color;
2701
}
2702
 
2703
body#page-course-view-remuiformat .rui--activity-is-manual .activity-information {
2704
  top: 15px;
2705
  left: 15px;
2706
}
2707
 
2708
body#page-course-view-remuiformat .section .activity.modtype_label.label {
2709
  border: none;
2710
}
2711
 
2712
body#page-course-view-remuiformat .section .activity.modtype_label .rui-contentafterlink {
2713
  margin-left: 0 !important;
2714
}
2715
 
2716
#page-course-view-remuiformat .moodle-core-dragdrop-draghandle {
2717
  margin: 0 0 10px;
2718
}
2719
 
2720
body#page-course-view-remuiformat #changenumsections .single-card,
2721
body#page-course-view-remuiformat #changenumsections .card-block a {
2722
  width: 100%;
2723
  border-radius: $btn-border-radius;
2724
}
2725
 
2726
body#page-course-view-remuiformat .remui-format-list .activities-list ul.section .activity .activity-basis>div.flex-column,
2727
body#page-course-view-remuiformat .remui-format-list .card-footer ul.section .activity .activity-basis>div.flex-column {
2728
  flex-direction: inherit !important;
2729
}
2730
 
2731
// eMail Test Plugin UI.
2732
#page-admin-local-mailtest-index {
2733
  .form-inline label {
2734
    display: block;
2735
  }
2736
 
2737
  .rui-form-element-group a .icon {
2738
    opacity: 1;
2739
    margin: 2px;
2740
    line-height: 1.2;
2741
  }
2742
}