Proyectos de Subversion Moodle

Rev

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