Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
/* admin.less */
2
/* Sticky admin nav */
3
.rui-list-admin-links {
4
    margin-bottom: 0;
5
 
6
    a {
7
        font-size: $font-size-sm;
8
        color: $body-color-secondary;
9
 
10
        &:hover {
11
            color: $link-hover-color;
12
        }
13
 
14
        .theme-dark & {
15
            color: $dm-body-color-secondary;
16
        }
17
    }
18
 
19
    ul li a {
20
        color: $body-color-light;
21
 
22
        .theme-dark & {
23
            color: $dm-body-color-light;
24
        }
25
    }
26
}
27
 
28
@include media-breakpoint-between(xs, md) {
29
    .rui-nav--admin-container {
30
        overflow-x: auto;
31
    }
32
}
33
 
34
.rui-nav--admin {
35
    padding: 0 10px;
36
 
37
    width: max-content;
38
 
39
    font-size: 0.875rem;
40
 
41
    @include media-breakpoint-up(lg) {
42
        height: calc(100vh - 260px);
43
        overflow-y: auto;
44
        position: sticky;
45
        top: 30px;
46
 
47
        display: block;
48
 
49
        width: 180px;
50
        max-width: 180px;
51
        height: 90vh;
52
        overflow-y: auto;
53
    }
54
 
55
    @include media-breakpoint-between(xs, md) {
56
        display: inline-flex;
57
 
58
        .nav-link {
59
            padding: 16px;
60
        }
61
    }
62
}
63
 
64
.rui-settings-container {
65
    margin-top: 12px;
66
 
67
    @include media-breakpoint-between(xs, md) {
68
        padding: 0;
69
    }
70
}
71
 
72
.formtable tbody th {
73
    font-weight: normal;
74
    text-align: right;
75
}
76
 
77
.path-admin .admintable .leftalign {
78
    text-align: left;
79
}
80
 
81
.environmenttable {
82
 
83
    .warn,
84
    .error,
85
    .ok {
86
        padding: 5px 10px;
87
        margin-bottom: 0;
88
 
89
        font-size: $font-size-xs;
90
        color: $body-color;
91
        border-radius: $btn-border-radius;
92
    }
93
 
94
    .warn {
95
        background-color: $state-warning-bg;
96
    }
97
 
98
    .error {
99
        background-color: $state-danger-bg;
100
    }
101
 
102
    .ok {
103
        background-color: $state-success-bg;
104
    }
105
 
106
    a {
107
        display: inline-flex;
108
        align-items: center;
109
        flex-wrap: wrap;
110
        justify-content: center;
111
 
112
        display: inline-flex;
113
        align-items: center;
114
        padding: $badge-padding-y $badge-padding-x;
115
        @include font-size($badge-font-size);
116
        font-weight: $badge-font-weight;
117
        vertical-align: baseline;
118
        border-radius: $btn-border-radius;
119
 
120
        background-color: $gray-100;
121
        color: $gray-800;
122
 
123
        .icon {
124
            margin-left: 5px;
125
            width: 16px;
126
            height: 16px;
127
        }
128
 
129
        .icon-pre {
130
            display: none;
131
        }
132
    }
133
}
134
 
135
.path-admin .admintable.environmenttable .name,
136
.path-admin .admintable.environmenttable .info,
137
.path-admin #assignrole .admintable .role,
138
.path-admin #assignrole .admintable .userrole,
139
.path-admin #assignrole .admintable .roleholder {
140
    white-space: nowrap;
141
}
142
 
143
.path-admin .admintable.environmenttable td.name {
144
    font-weight: $font-weight-medium;
145
}
146
 
147
.path-admin .admintable.environmenttable td.info {
148
    color: $body-color-light;
149
    font-style: italic;
150
}
151
 
152
.path-admin .incompatibleblockstable td.c0 {
153
    font-weight: $font-weight-bold;
154
}
155
 
156
#page-admin-course-category .addcategory {
157
    padding: 10px;
158
}
159
 
160
#page-admin-course-index .editcourse {
161
    margin: 20px auto;
162
}
163
 
164
#page-admin-course-index .editcourse th,
165
#page-admin-course-index .editcourse td {
166
    padding-left: 10px;
167
    padding-right: 10px;
168
}
169
 
170
.timewarninghidden {
171
    display: none;
172
}
173
 
174
#page-admin-report-capability-index #capabilitysearch {
175
    width: 30em;
176
}
177
 
178
#page-admin-qtypes #qtypes div,
179
#page-admin-qtypes #qtypes form,
180
#page-admin-qbehaviours #qbehaviours div,
181
#page-admin-qbehaviours #qbehaviours form {
182
    display: inline;
183
}
184
 
185
#page-admin-qtypes #qtypes img.spacer,
186
#page-admin-qbehaviours #qbehaviours img.spacer {
187
    width: 16px;
188
}
189
 
190
#page-admin-qbehaviours .cell.c3,
191
#page-admin-qtypes .cell.c3 {
192
    font-size: $font-size-md;
193
}
194
 
195
#page-admin-lang .generalbox,
196
#page-admin-course-index .singlebutton,
197
#page-admin-course-index .addcategory,
198
#page-course-index .buttons,
199
#page-admin-course-category .addcategory,
200
#page-admin-stickyblocks .generalbox,
201
#page-admin-maintenance .buttons,
202
#page-admin-course-index .buttons,
203
#page-admin-course-category .buttons,
204
#page-admin-index .copyright,
205
#page-admin-index .copyrightnotice,
206
#page-admin-index .adminerror .singlebutton,
207
#page-admin-index .adminwarning .singlebutton,
208
#page-admin-index #layout-table .singlebutton {
209
    margin: $page-padding-global 0 0;
210
}
211
 
212
#page-course-index-category .buttons {
213
    margin-top: $page-padding-global;
214
 
215
    @include media-breakpoint-between(xs, sm) {
216
        display: block;
217
 
218
        .singlebutton {
219
            margin: .35rem 0;
220
            width: 100%;
221
 
222
            .btn {
223
                width: 100%;
224
            }
225
        }
226
    }
227
}
228
 
229
.path-admin-roles .capabilitysearchui {
230
    text-align: left;
231
    margin-left: auto;
232
    margin-right: auto;
233
    margin-top: $spacer;
234
    margin-bottom: $spacer;
235
}
236
 
237
#page-admin-roles-define .topfields {
238
    margin: 1em 0 2em;
239
}
240
 
241
#page-admin-roles-define .capdefault {
242
    background-color: $table-hover-bg;
243
}
244
 
245
#page-filter-manage .backlink,
246
.path-admin-roles .backlink {
247
    margin-top: 1em;
248
 
249
    p {
250
        margin-top: 1rem;
251
        margin-bottom: 0;
252
    }
253
}
254
 
255
#page-admin-roles-explain #chooseuser h3,
256
#page-admin-roles-usersroles .contextname {
257
    margin-top: 0;
258
}
259
 
260
#page-admin-roles-explain #chooseusersubmit {
261
    margin-top: 0;
262
    text-align: center;
263
}
264
 
265
#page-admin-roles-usersroles p {
266
    margin: 0;
267
}
268
 
269
#page-admin-roles-override .cell.c1,
270
#page-admin-roles-assign .cell.c3,
271
#page-admin-roles-assign .cell.c1 {
272
    padding-top: 0.75em;
273
}
274
 
275
#page-admin-roles-override .overridenotice,
276
#page-admin-roles-define .definenotice {
277
    margin: 1em 10% 2em 10%;
278
    text-align: left;
279
}
280
 
281
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
282
    display: block;
283
}
284
 
285
#page-admin-index .updateplugin div {
286
    margin-bottom: 0.5em;
287
}
288
 
289
#page-admin-user-user_bulk #users .fgroup {
290
    white-space: nowrap;
291
}
292
 
293
#page-admin-report-stats-index .graph {
294
    text-align: center;
295
    margin-bottom: 1em;
296
}
297
 
298
#page-admin-report-courseoverview-index .graph {
299
    text-align: center;
300
    margin-bottom: 1em;
301
}
302
 
303
#page-admin-lang .translator {
304
    border-width: 1px;
305
    border-style: solid;
306
}
307
 
308
// This is the CSS for the role assignment control.
309
.path-enrol,
310
.path-admin {
311
    .enroloptions {
312
        padding: 10px;
313
        margin: 10px 0;
314
        border-radius: $btn-border-radius;
315
        background-color: $gray-200;
316
 
317
        .theme-dark & {
318
            background-color: $dm-gray-200;
319
        }
320
 
321
        select {
322
            width: 100%;
323
        }
324
 
325
        p {
326
            margin: 0 0 .75rem !important;
327
 
328
            &:last-of-type {
329
                margin: 0 !important;
330
            }
331
        }
332
 
333
        label {
334
            font-size: $font-size-xs;
335
            font-weight: $font-weight-medium;
336
        }
337
    }
338
 
339
    .roleassigntable {
340
        width: 100%;
341
 
342
        tr {
343
            background-color: transparent !important;
344
        }
345
 
346
        tr:hover {
347
            box-shadow: none;
348
        }
349
    }
350
 
351
    .roleassigntable td {
352
        vertical-align: top;
353
        padding: 10px 0;
354
    }
355
 
356
    .roleassigntable p {
357
        text-align: left;
358
        margin: 0.2em 0;
359
    }
360
 
361
    .roleassigntable #existingcell,
362
    .roleassigntable #potentialcell {
363
        width: 42%;
364
    }
365
 
366
    // Targetting the label at the top.
367
    .roleassigntable #existingcell p>label:first-child,
368
    .roleassigntable #potentialcell p>label:first-child {
369
        font-weight: $font-weight-bold;
370
    }
371
 
372
    .roleassigntable #buttonscell {
373
        width: 16%;
374
        padding: 10px;
375
    }
376
 
377
    .roleassigntable #buttonscell #assignoptions {
378
        font-size: $font-size-md;
379
    }
380
 
381
    .roleassigntable #removeselect_wrapper,
382
    .roleassigntable #addselect_wrapper {
383
        width: 100%;
384
    }
385
 
386
    table.rolecap tr.rolecap th {
387
        text-align: left;
388
        font-weight: normal;
389
    }
390
 
391
    .rolecap .hiddenrow {
392
        display: none;
393
    }
394
 
395
    #defineroletable {
396
        .rolecap {
397
 
398
            .inherit,
399
            .allow,
400
            .prevent,
401
            .prohibit {
402
                text-align: center;
403
                padding: 0;
404
                min-width: 3.5em;
405
            }
406
        }
407
    }
408
 
409
    .rolecap .cap-name,
410
    .rolecap .note {
411
        display: block;
412
        font-size: $font-size-md;
413
        white-space: nowrap;
414
        font-weight: normal;
415
    }
416
 
417
    .rolecap label {
418
        display: block;
419
        text-align: center;
420
        padding: 0.5em;
421
        margin: 0;
422
    }
423
}
424
 
425
 
426
 
427
.plugincheckwrapper {
428
    width: 100%;
429
}
430
 
431
.environmentbox {
432
    margin-top: 1em;
433
}
434
 
435
#mnetconfig table {
436
    margin-left: auto;
437
    margin-right: auto;
438
}
439
 
440
.environmenttable .cell {
441
    padding: .15em .5em;
442
}
443
 
444
#trustedhosts .generaltable {
445
    margin-left: auto;
446
    margin-right: auto;
447
    width: 500px;
448
}
449
 
450
#trustedhosts .standard {
451
    width: auto;
452
}
453
 
454
// This usage of legend is a bit weird,
455
// seems to be using them as error text
456
// that's only sometimes visible. Should
457
// look into sorting it.
458
#adminsettings legend {
459
    display: none;
460
}
461
 
462
#adminsettings fieldset.error {
463
    margin: .2em 0 .5em 0;
464
}
465
 
466
#adminsettings fieldset.error legend {
467
    display: block;
468
}
469
 
470
#adminsettings fieldset {
471
    .rui-title-container {
472
        margin: 0;
473
    }
474
 
475
    h3 {
476
        margin: .25rem 0;
477
 
478
        a {
479
            width: 100%;
480
            display: block;
481
 
482
            padding: 1rem 1.5rem;
483
            color: inherit;
484
            background-color: $gray-100;
485
            background-size: 14px;
486
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
487
            background-size: 16px;
488
            background-repeat: no-repeat;
489
            background-position: top 50% right 20px;
490
 
491
            border-radius: $btn-border-radius;
492
 
493
            font-family: $font-family-base;
494
            font-weight: $font-weight-medium;
495
            font-size: .9rem;
496
 
497
            .dir-rtl & {
498
                background-image: none;
499
            }
500
 
501
            .theme-dark & {
502
                background-color: $dm-gray-100;
503
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
504
 
505
                .dir-rtl & {
506
                    background-image: none;
507
                }
508
            }
509
 
510
            &:hover {
511
                background-color: $primary-color-100;
512
                text-decoration: none;
513
 
514
                .theme-dark & {
515
                    background-color: $primary-color-800;
516
                }
517
            }
518
        }
519
    }
520
}
521
 
522
 
523
 
524
.rui-setting-heading {
525
    display: flex;
526
 
527
    position: relative;
528
    z-index: 1;
529
 
530
    font-size: 1.875rem;
531
 
532
    .rui-admin-no {
533
        background-color: $gray-900;
534
        color: $gray-100;
535
        border-radius: $btn-border-radius-xl;
536
        justify-content: center;
537
 
538
        .theme-dark & {
539
            background-color: $dm-gray-900;
540
            color: $dm-gray-100;
541
        }
542
    }
543
}
544
 
545
.rui-setting-desc {
546
    position: relative;
547
    z-index: 1;
548
    font-size: $font-size-md;
549
    color: $body-color-secondary;
550
 
551
    p {
552
        margin-bottom: 2px;
553
    }
554
 
555
    .theme-dark & {
556
        color: $dm-body-color-secondary;
557
    }
558
}
559
 
560
.rui-main-content-title+.adminsettings {
561
    margin-bottom: 20px;
562
}
563
 
564
#admin-spelllanguagelist textarea,
565
#page-admin-setting-editorsettingstinymce .form-textarea textarea {
566
    /* rtl:ignore */
567
    text-align: left;
568
    /* rtl:ignore */
569
    direction: ltr;
570
}
571
 
572
/* Styles for flags on admin settings */
573
.adminsettingsflags {
574
    float: right;
575
}
576
 
577
.adminsettingsflags label {
578
    margin-right: 7px;
579
}
580
 
581
.form-description:empty {
582
    display: none;
583
}
584
 
585
.form-description pre,
586
.formsettingheading pre {
587
    /*rtl:ignore*/
588
    direction: ltr;
589
 
590
    padding: 10px;
591
    background-color: $gray-100;
592
    border-radius: $btn-border-radius;
593
    white-space: pre-wrap;
594
 
595
    max-height: 300px;
596
 
597
    .theme-dark & {
598
        background-color: $dm-gray-100;
599
    }
600
}
601
 
602
.formsettingheading {
603
    font-size: $font-size-base;
604
    margin-bottom: 1rem;
605
}
606
 
607
.formsettingheading .form-horizontal {
608
    color: $text-muted;
609
 
610
    .theme-dark & {
611
        color: $dm-text-muted;
612
    }
613
}
614
 
615
.form-item .form-setting .form-htmlarea {
616
    display: inline;
617
}
618
 
619
.form-item .form-setting .form-htmlarea .htmlarea {
620
    width: 640px;
621
    display: block;
622
}
623
 
624
.form-item .form-setting .form-multicheckbox ul {
625
    list-style: none;
626
    padding: 0;
627
    margin: 7px 0 0 0;
628
}
629
 
630
.form-item .form-setting .defaultsnext {
631
    display: inline;
632
}
633
 
634
.form-item .form-setting .locked-checkbox {
635
    margin-right: 0.2em;
636
    margin-left: 0.5em;
637
    display: inline;
638
}
639
 
640
.form-item .form-setting .form-password .unmask {
641
    display: inline-block;
642
}
643
 
644
.form-item .form-setting .form-defaultinfo {
645
    max-width: 100%;
646
    max-height: 120px;
647
    text-align: left;
648
    overflow-y: auto;
649
}
650
 
651
#admin-emoticons td input {
652
    width: 8em;
653
}
654
 
655
#admin-emoticons td.c0 input {
656
    width: 4em;
657
}
658
 
659
#adminthemeselector .selectedtheme td.c0 {
660
    border: 2px solid $state-info-border;
661
    border-right-width: 0;
662
}
663
 
664
#adminthemeselector .selectedtheme td.c1 {
665
    border: 2px solid $state-info-border;
666
    border-left-width: 0;
667
}
668
 
669
#adminthemeselector {
670
    img {
671
        max-width: 300px;
672
        border-radius: $btn-border-radius;
673
    }
674
}
675
 
676
.admin_colourpicker,
677
.admin_colourpicker_preview {
678
    display: none;
679
}
680
 
681
.jsenabled .admin_colourpicker_preview {
682
    display: inline;
683
}
684
 
685
@include media-breakpoint-up(md) {
686
    .jsenabled .admin_colourpicker {
687
        display: block;
688
        height: 102px;
689
        width: 410px;
690
        margin-bottom: 10px;
691
        box-sizing: content-box;
692
    }
693
 
694
    .admin_colourpicker .colourdialogue {
695
        float: left;
696
        border: 1px solid $input-border-color;
697
    }
698
 
699
    .admin_colourpicker .previewcolour {
700
        border: 1px solid $input-border-color;
701
        margin-left: 301px;
702
    }
703
 
704
    .admin_colourpicker .currentcolour {
705
        border: 1px solid $input-border-color;
706
        margin-left: 301px;
707
        border-top-width: 0;
708
    }
709
}
710
 
711
@include media-breakpoint-between(xs, sm) {
712
    .admin_colourpicker .colourdialogue {
713
        max-width: 100%;
714
    }
715
 
716
    .jsenabled .admin_colourpicker {
717
        height: 150px;
718
        margin-bottom: 10px;
719
        display: block;
720
        position: relative;
721
    }
722
 
723
    .admin_colourpicker .previewcolour {
724
        display: none;
725
    }
726
 
727
    .admin_colourpicker .currentcolour {
728
        position: absolute;
729
        border: 1px solid $border-color;
730
        top: 100px;
731
        left: 0;
732
 
733
        .theme-dark & {
734
            border: 1px solid $dm-border-color;
735
        }
736
    }
737
 
738
}
739
 
740
.admin_colourpicker .loadingicon {
741
    vertical-align: middle;
742
    margin-left: auto;
743
}
744
 
745
#page-admin-index #notice .checkforupdates {
746
    text-align: center;
747
}
748
 
749
// Plugins overview page at admin/plugins.php
750
#page-admin-plugins {
751
    #plugins-overview-panel {
752
        .info {
753
            display: inline-block;
754
            margin: 1rem 1.5rem 1rem 0;
755
 
756
            a {
757
                font-size: $font-size-md;
758
                font-weight: $font-weight-medium;
759
                color: inherit;
760
 
761
                &:hover {
762
                    color: $link-hover-color;
763
                    text-decoration: none;
764
                }
765
            }
766
 
767
        }
768
    }
769
 
770
    .checkforupdates {
771
        margin: 10px 0;
772
 
773
        .singlebutton {
774
            margin: 5px 0;
775
            padding: 0;
776
 
777
            div,
778
            input {
779
                margin: 0 3px 0 0;
780
            }
781
        }
782
    }
783
 
784
    .updateavailableinstallall {
785
        margin: .5rem 1rem .5rem 0;
786
        padding: 0;
787
 
788
        div,
789
        input {
790
            margin: 0 3px 5px 0;
791
        }
792
    }
793
 
794
    #plugins-control-panel {
795
        .action-icon {
796
            margin: 0 .35rem;
797
        }
798
 
799
        .status-missing {
800
            background-color: $red-100;
801
            border: 2px solid $red-600;
802
 
803
            .theme-dark & {
804
                background-color: transparent;
805
            }
806
        }
807
 
808
        .displayname {
809
            display: inline-flex;
810
            align-items: center;
811
 
812
            .icon.spacer {
813
                display: inline-flex;
814
                width: 35px;
815
                margin-right: 13px;
816
            }
817
        }
818
 
819
        .pluginname {
820
            .componentname {
821
                margin-left: 48px;
822
                font-size: $font-size-md;
823
                color: $text-muted;
824
            }
825
        }
826
 
827
        .version {
828
            .versionnumber {
829
                font-size: $font-size-md;
830
                color: $text-muted;
831
            }
832
        }
833
 
834
        .uninstall {
835
            a {
836
                width: max-content;
837
                color: $danger;
838
            }
839
        }
840
 
841
        .settings a {
842
            width: max-content;
843
            display: block;
844
        }
845
 
846
        .notes {
847
            .label {
848
                margin-right: 3px;
849
            }
850
 
851
            .requiredby {
852
                margin-top: 0.25rem;
853
                font-size: $font-size-md;
854
                font-weight: $font-weight-medium;
855
                color: $gray-600;
856
 
857
                .theme-dark & {
858
                    background-color: $dm-gray-600;
859
                }
860
            }
861
        }
862
    }
863
}
864
 
865
 
866
// Plugins check page displayed during upgrade.
867
#plugins-check-page {
868
 
869
    // Plugins check table.
870
    #plugins-check {
871
 
872
        .status-missing,
873
        .status-downgrade {
874
            td.displayname {
875
                font-weight: $font-weight-bold;
876
            }
877
 
878
            background-color: $red-100;
879
            border-left: 2px solid $red-600;
880
 
881
        }
882
 
883
        .status-new,
884
        .status-upgrade {
885
            background-color: $blue-100;
886
            border-left: 5px solid $blue-600;
887
        }
888
    }
889
 
890
    .plugintypeheader {
891
        border-top: 0;
892
 
893
        th {
894
            padding-top: 30px;
895
            font-size: 1rem;
896
        }
897
    }
898
}
899
 
900
// Available plugin update notification.
901
 
902
#plugins-check-page,
903
#plugins-control-panel {
904
    .pluginupdateinfo {
905
        margin: .5rem 0;
906
 
907
        padding: 20px;
908
        border: none;
909
        background-color: #fff;
910
        box-shadow: $box-shadow-lg;
911
        border-radius: $border-radius-lg;
912
 
913
        font-size: $font-size-sm;
914
        text-align: left;
915
 
916
        .version {
917
            font-weight: $font-weight-medium;
918
        }
919
 
920
        .infos {
921
            margin-top: .5rem;
922
            font-size: $font-size-xs;
923
            display: block;
924
        }
925
 
926
        .separator {
927
            display: none
928
        }
929
 
930
        .info a {
931
            @extend .underline--anim;
932
        }
933
 
934
        &.maturity50 {
935
            background-color: $state-danger-bg;
936
        }
937
 
938
        &.maturity100,
939
        &.maturity150 {
940
            background-color: $state-warning-bg;
941
        }
942
 
943
        @include border-radius(5px);
944
 
945
        .info {
946
            display: block;
947
        }
948
 
949
        .separator:after {
950
            content: " | ";
951
        }
952
 
953
        .btn {
954
            padding: 7px 16px;
955
            font-size: $font-size-sm;
956
        }
957
 
958
        .singlebutton {
959
            margin: 1rem 0 0;
960
            padding: 0;
961
 
962
            div,
963
            input {
964
                margin: 0 3px 0 0;
965
            }
966
        }
967
    }
968
}
969
 
970
.plugins-management-confirm-buttons {
971
    >div {
972
        display: inline-block;
973
        margin: 0 .5rem 0 0;
974
    }
975
 
976
    .continue {
977
        padding: 0;
978
 
979
        div,
980
        input {
981
            margin: 0;
982
        }
983
    }
984
}
985
 
986
#page-admin-index .upgradepluginsinfo {
987
    text-align: center;
988
}
989
 
990
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
991
    content: " | ";
992
}
993
 
994
/** MNet networking */
995
#page-admin-mnet-peers .box.deletedhosts {
996
    margin-bottom: 1em;
997
    font-size: $font-size-md;
998
}
999
 
1000
#core-cache-plugin-summaries table,
1001
#core-cache-store-summaries table {
1002
    width: 100%;
1003
}
1004
 
1005
#core-cache-lock-summary table,
1006
#core-cache-definition-summaries table,
1007
#core-cache-mode-mappings table {
1008
    margin: 0 auto;
1009
}
1010
 
1011
#core-cache-store-summaries .default-store td {
1012
    font-style: italic;
1013
}
1014
 
1015
#core-cache-rescan-definitions,
1016
#core-cache-mode-mappings .edit-link,
1017
#core-cache-lock-additional-actions .new-instance {
1018
    margin-top: 0.5em;
1019
    text-align: left;
1020
}
1021
 
1022
.maintenancewarning {
1023
    position: fixed;
1024
    bottom: 0;
1025
    right: 0;
1026
    overflow: hidden;
1027
    z-index: $zindex-dropdown;
1028
}
1029
 
1030
//Modal for admins e.g When you removing a plugin
1031
.modal.modal-in-page {
1032
    padding: 0 !important;
1033
    z-index: 0;
1034
 
1035
    #page-login-index & {
1036
        margin: 0 auto!important;
1037
    }
1038
 
1039
    div {
1040
        padding: 0 !important;
1041
        border: none;
1042
    }
1043
 
1044
    .modal-footer {
1045
        margin-top: 1rem;
1046
    }
1047
 
1048
    .singlebutton:first-of-type {
1049
        float: right;
1050
        margin-left: .5rem;
1051
    }
1052
 
1053
}
1054
 
1055
.modal.modal-in-page .modal-content {
1056
    padding: 20px !important;
1057
}
1058
 
1059
 
1060
.adminpagetitle {
1061
    margin-bottom: 0;
1062
    border-bottom: none;
1063
}
1064
 
1065
.adminpagepath {
1066
    display: flex;
1067
    flex-wrap: wrap;
1068
    margin: 0.5rem $breadcrumb-padding-x $breadcrumb-padding-y;
1069
    padding: 0.5rem 1.5rem;
1070
 
1071
    border: 1px solid $border-color;
1072
    color: $body-color-secondary;
1073
    border-radius: $btn-border-radius;
1074
 
1075
    @include font-size($breadcrumb-font-size);
1076
    list-style: none;
1077
 
1078
    .theme-dark & {
1079
        border: 1px solid $dm-border-color;
1080
        color: $dm-body-color-secondary;
1081
    }
1082
 
1083
    li {
1084
        +li:before {
1085
            padding-right: 0.5rem;
1086
            padding-left: 0.5rem;
1087
            content: "#{$breadcrumb-divider}";
1088
        }
1089
    }
1090
 
1091
}
1092
 
1093
@media (min-width: 576px) {
1094
    .container {
1095
        overflow-wrap: break-word;
1096
        width: auto;
1097
    }
1098
}
1099
 
1100
 
1101
#page-admin-tasklogs {
1102
    .task-class {
1103
        font-size: $font-size-md;
1104
        color: $gray-600;
1105
 
1106
        .theme-dark & {
1107
            background-color: $dm-gray-600;
1108
        }
1109
    }
1110
}
1111
 
1112
.path-admin-tool-uploaduser {
1113
    .uuwarning {
1114
        background-color: $state-warning-bg;
1115
    }
1116
 
1117
    .uuerror {
1118
        background-color: $state-danger-bg;
1119
    }
1120
 
1121
    .uuinfo {
1122
        background-color: $state-success-bg;
1123
    }
1124
}
1125
 
1126
[data-region="plans"] {
1127
    margin-top: $page-padding-global;
1128
}
1129
 
1130
#page-admin-tool-task-scheduledtasks,
1131
#page-admin-tool-task-runningtasks {
1132
    .task-class {
1133
        padding: 0;
1134
    }
1135
}
1136
 
1137
.helplinkpopup {
1138
    font-size: $font-size-xs;
1139
    font-weight: $font-weight-medium;
1140
    color: $body-color;
1141
 
1142
    .iconhelp {
1143
        margin-right: 0.35rem;
1144
 
1145
        .theme-dark & {
1146
            filter: invert(1);
1147
        }
1148
    }
1149
 
1150
    .theme-dark & {
1151
        color: $dm-body-color;
1152
    }
1153
}
1154
 
1155
 
1156
// Update page
1157
// ---- URL: /admin/tool/installaddon/index.php
1158
.plugin-install-console {
1159
    padding: $spacer;
1160
    background-color: $black;
1161
    color: $white;
1162
 
1163
    border-radius: $btn-border-radius;
1164
}
1165
 
1166
// ---- URL: /admin/settings.php?section=frontpagesettings
1167
#adminsettings {
1168
    .form-group {
1169
        margin: 0;
1170
 
1171
        .custom-select {
1172
            margin: .15rem;
1173
        }
1174
    }
1175
}
1176
 
1177
#page-admin-tool-installaddon-index #installfromrepobox {
1178
    text-align: left;
1179
}
1180
 
1181
 
1182
.pagelayout-maintenance {
1183
    h2+.alert {
1184
        margin-top: $page-padding-global;
1185
    }
1186
}
1187
 
1188
// Plugin check - tab bar
1189
.actions {
1190
    a {
1191
        font-weight: $font-weight-medium;
1192
 
1193
        .badge {
1194
            margin-left: .5rem;
1195
        }
1196
    }
1197
}
1198
 
1199
 
1200
// Admin tools
1201
#page-admin-report-log-index,
1202
#page-admin-tool-monitor-managerules {
1203
    .main-content {
1204
        .rui-main-content-title--h2 {
1205
            margin-top: 10px;
1206
            margin-bottom: 10px;
1207
        }
1208
 
1209
        .rui-main-content-title--h4 {
1210
            margin-top: $page-padding-global;
1211
            margin-bottom: 10px;
1212
        }
1213
 
1214
        .rui-main-content-title+a,
1215
        .rui-main-content-title+form {
1216
            margin: 1rem 0;
1217
        }
1218
 
1219
        div {
1220
            margin-top: 10px;
1221
        }
1222
    }
1223
}
1224
 
1225
// ---- URL:  /report/loglive/index.php
1226
#livelogs-pause-button {
1227
    margin-bottom: $page-padding-global;
1228
}
1229
 
1230
#intro {
1231
    &:empty {
1232
        display: none;
1233
    }
1234
}
1235
 
1236
// Plugin check view
1237
#plugins-check-info {
1238
    margin: 30px 0;
1239
 
1240
    .actions {
1241
        display: flex;
1242
        gap: 10px;
1243
 
1244
        a {
1245
            font-weight: $font-weight-medium;
1246
        }
1247
 
1248
        .badge {
1249
            margin-left: 10px;
1250
        }
1251
    }
1252
}
1253
 
1254
 
1255
#page-admin-tool-langimport-index .langimport {
1256
    margin: $page-padding-global 0 0;
1257
    padding: 0;
1258
}
1259
 
1260
 
1261
// Admin settings - typo
1262
.rui-admin-desc--small {
1263
    font-size: $font-size-md;
1264
    font-weight: $font-weight-medium;
1265
}
1266
 
1267
 
1268
@include media-breakpoint-up(lg) {
1269
    .rui-setting-heading-wrapper--special {
1270
        margin-left: 60px;
1271
        position: relative;
1272
    }
1273
}
1274
 
1275
.rui-settings-item+.rui-setting-heading-wrapper {
1276
    margin-top: $page-padding-global;
1277
}
1278
 
1279
.rui-setting-heading-wrapper {
1280
    position: relative;
1281
 
1282
    #page-admin-setting-themesettingmonocolor &,
1283
    #page-admin-setting-themesettingmonocolorchild & {
1284
        margin-left: 60px;
1285
        margin-top: -1px;
1286
        margin-bottom: 0;
1287
 
1288
        padding: 20px 0;
1289
        border-top: 1px solid $border-color;
1290
 
1291
        .rui-setting-heading {
1292
            font-size: 1.25rem;
1293
        }
1294
 
1295
        &:hover {
1296
            cursor: pointer;
1297
 
1298
            &:after {
1299
                content: '';
1300
                opacity: 1;
1301
                width: calc(100% + 30px);
1302
                height: calc(100% - 4px);
1303
 
1304
                position: absolute;
1305
                top: 2px;
1306
                left: -15px;
1307
                z-index: 0;
1308
 
1309
                background-color: $gray-100;
1310
                border-radius: $btn-border-radius;
1311
            }
1312
        }
1313
 
1314
        &::before {
1315
            content: '';
1316
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1317
            background-size: 18px;
1318
            background-repeat: no-repeat;
1319
            background-position: center;
1320
 
1321
            width: 24px;
1322
            height: 24px;
1323
            position: absolute;
1324
            right: 0;
1325
            top: 22px;
1326
            z-index: 1;
1327
        }
1328
 
1329
        &.active::before {
1330
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
1331
        }
1332
    }
1333
}
1334
 
1335
#page-admin-setting-themesettingmonocolor.theme-dark .rui-setting-heading-wrapper,
1336
#page-admin-setting-themesettingmonocolorchild.theme-dark .rui-setting-heading-wrapper {
1337
    border-color: $dm-border-color;
1338
 
1339
    &::before {
1340
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1341
    }
1342
 
1343
    &.active::before {
1344
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
1345
    }
1346
 
1347
    &:hover:after,
1348
    &.active:after {
1349
        background-color: $dm-black;
1350
    }
1351
 
1352
}
1353
 
1354
.rui-settings-item {
1355
    padding: 20px 0 20px 0;
1356
    border-bottom: 1px solid $border-color;
1357
 
1358
    #page-admin-setting-themesettingmonocolor &,
1359
    #page-admin-setting-themesettingmonocolorchild & {
1360
        @include media-breakpoint-up(lg) {
1361
            padding-left: 60px;
1362
        }
1363
    }
1364
 
1365
    &:last-of-type {
1366
        border-bottom: none;
1367
    }
1368
 
1369
    .theme-dark & {
1370
        border-bottom: 1px solid $dm-border-color;
1371
    }
1372
}
1373
 
1374
.rui-settings-label {
1375
    margin-bottom: 15px;
1376
    position: relative;
1377
    display: flex;
1378
    flex-wrap: wrap;
1379
 
1380
    label {
1381
        position: relative;
1382
        font-weight: $font-weight-bold;
1383
        font-size: $font-size-md;
1384
        flex-wrap: wrap;
1385
 
1386
        #theme_monocolorchild_scb &,
1387
        #theme_monocolor_scb & {
1388
            width: 180px;
1389
        }
1390
 
1391
    }
1392
}
1393
 
1394
.rui-settings-shortname {
1395
    background-color: $gray-100;
1396
    padding: 3px 7px;
1397
    border-radius: $btn-border-radius;
1398
 
1399
    font-size: $font-size-xs;
1400
    color: $gray-600;
1401
 
1402
    .theme-dark & {
1403
        background-color: $dm-gray-100;
1404
        color: $dm-gray-600;
1405
    }
1406
}
1407
 
1408
[id^="page-admin-setting-themesetting"] {
1409
    .rui-sticky-btns {
1410
        margin-left: 220px;
1411
 
1412
        @include media-breakpoint-between(xs, sm) {
1413
            margin-left: 0;
1414
        }
1415
    }
1416
}
1417
 
1418
#theme_monocolor_scb,
1419
#theme_monocolorchild_scb {
1420
    .rui-settings-item {
1421
        width: calc(100% - 60px);
1422
        margin: 0 0 0 60px;
1423
        padding: 10px 0;
1424
 
1425
        display: inline-flex;
1426
        align-items: center;
1427
 
1428
        @include media-breakpoint-between(xs, sm) {
1429
            width: 100%;
1430
            margin: 30px;
1431
        }
1432
 
1433
        .rui-settings-label {
1434
            margin: 0 1rem 0 0;
1435
 
1436
            @include media-breakpoint-up(lg) {
1437
                min-width: 350px;
1438
            }
1439
 
1440
            display: flex;
1441
            align-items: center;
1442
        }
1443
 
1444
        .form-item .form-label label {
1445
            margin: 0 1rem 0 0;
1446
        }
1447
 
1448
        .form-description {
1449
            margin: 0 !important;
1450
        }
1451
    }
1452
}
1453
 
1454
@include media-breakpoint-up(lg) {
1455
    [data-settings-name="theme_monocolor_scb"],
1456
    [data-settings-name="theme_monocolorchild_scb"] {
1457
        margin-top: 35px;
1458
        position: relative;
1459
 
1460
        &:before {
1461
            content: '';
1462
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='#{url-friendly-colour($body-color-light)}' /%3E%3C/svg%3E");
1463
            width: 24px;
1464
            height: 24px;
1465
 
1466
            position: absolute;
1467
            top: -22px;
1468
            left: -6px;
1469
 
1470
            .theme-dark & {
1471
                background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7H9V9H7V7Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M11 7H13V9H11V7Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M17 7H15V9H17V7Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M7 11H9V13H7V11Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M13 11H11V13H13V11Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M15 11H17V13H15V11Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M9 15H7V17H9V15Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M11 15H13V17H11V15Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3Cpath d='M17 15H15V17H17V15Z' fill='#{url-friendly-colour($dm-body-color-light)}' /%3E%3C/svg%3E");
1472
            }
1473
        }
1474
    }
1475
}
1476
 
1477
.rui-admin-no {
1478
    margin-right: 20px;
1479
    width: 30px;
1480
    height: 30px;
1481
 
1482
    display: flex;
1483
    align-items: center;
1484
    justify-content: start;
1485
 
1486
    font-size: $font-size-md;
1487
    font-weight: $font-weight-bold;
1488
    color: $body-color;
1489
 
1490
    border-right: 1px solid $border-color;
1491
 
1492
    .theme-dark & {
1493
        border-color: $border-color;
1494
        color: $dm-body-color;
1495
    }
1496
}
1497
 
1498
// For Settings - Textareas
1499
textarea[id$="herosubtitle"],
1500
textarea[id$="introsubtitle"],
1501
textarea[id$="introtitle"],
1502
textarea[id$="introcontent"],
1503
textarea[id$="footercontent"] {
1504
    height: 85px;
1505
}
1506
 
1507
.editor_atto_content.form-control[id$="htmlcontenteditable"] {
1508
    min-height: max-content !important;
1509
}
1510
 
1511
#id_s_theme_monocolor_titlecoursetab1,
1512
#id_s_theme_monocolor_titlecoursetab2,
1513
#id_s_theme_monocolor_titlecoursetab3,
1514
#id_s_theme_monocolor_titlecoursetab4,
1515
#id_s_theme_monocolor_titlecoursetab5,
1516
#id_s_theme_monocolorchild_titlecoursetab1,
1517
#id_s_theme_monocolorchild_titlecoursetab2,
1518
#id_s_theme_monocolorchild_titlecoursetab3,
1519
#id_s_theme_monocolorchild_titlecoursetab4,
1520
#id_s_theme_monocolorchild_titlecoursetab5 {
1521
    height: 80px;
1522
}
1523
 
1524
.rui-settings-item[id^="admin-block4q"],
1525
#admin-fontheadings,
1526
#admin-fontbody,
1527
#admin-fontweightregular,
1528
#admin-fontweightmedium,
1529
#admin-fontweightbold,
1530
#admin-showblock3wrapper,
1531
#admin-showcolorcoursecardmask,
1532
#admin-coursetablayout,
1533
#admin-titlecoursetab1,
1534
#admin-titlecoursetab2,
1535
#admin-titlecoursetab3,
1536
#admin-titlecoursetab4,
1537
#admin-titlecoursetab5,
1538
#admin-darkmodetheme,
1539
#admin-topbarlogoareaon,
1540
#admin-topbaradditionalbtn,
1541
#admin-stopbaradditionalbtn,
1542
#admin-customloginlogo,
1543
#admin-coursetab5content,
1544
#admin-customlogo,
1545
#admin-customlogoandname,
1546
#admin-footerblock1,
1547
#admin-footerblock2,
1548
#admin-showbasicinfolist,
1549
#admin-showsociallist,
1550
#admin-website,
1551
#admin-cwebsiteurl,
1552
#admin-mobile,
1553
#admin-mail,
1554
#admin-facebook,
1555
#admin-twitter,
1556
#admin-instagram,
1557
#admin-linkedin,
1558
#admin-youtube,
1559
#admin-customdmlogo,
1560
#admin-sdarkmode,
1561
#admin-closecustomalert,
1562
#admin-showswitchedroleincourse,
1563
#admin-showhintcoursehidden,
1564
#admin-showhintcourseguestaccess,
1565
#admin-secnavitems,
1566
#admin-fontfiles
1567
{
1568
    padding-bottom: 0 !important;
1569
    border-bottom: 0 !important;
1570
}
1571
 
1572
#admin-colorcoursecardmask,
1573
#admin-fontweightheadings,
1574
#admin-fontweightregular,
1575
#admin-fontweightmedium,
1576
#admin-fontweightbold,
1577
#admin-loginlogooutside,
1578
#admin-customdmlogo,
1579
#admin-customsidebardmlogo,
1580
#admin-block1wrapperbg,
1581
#admin-slightmode,
1582
#admin-customlogo,
1583
#admin-topbaradditionalbtnurl,
1584
#admin-stopbaradditionalbtn,
1585
#admin-customlogotxt,
1586
#admin-footerblock1hr,
1587
#admin-footerblock2hr,
1588
#admin-website,
1589
#admin-cwebsiteurl,
1590
#admin-mobile,
1591
#admin-mail,
1592
#admin-facebook,
1593
#admin-twitter,
1594
#admin-instagram,
1595
#admin-linkedin,
1596
#admin-youtube,
1597
#admin-customsocialicon,
1598
#admin-customalertid,
1599
#admin-showhintcoursehidden,
1600
#admin-showhintcourseguestaccess,
1601
#admin-showhintcourseselfenrol,
1602
#customlogotxt {
1603
    padding-left: 110px !important;
1604
    position: relative;
1605
 
1606
    &:before {
1607
        content: '';
1608
        position: absolute;
1609
        top: 8px;
1610
        left: 60px;
1611
 
1612
        width: 40px;
1613
        height: 40px;
1614
        background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='#{url-friendly-colour($body-color-light)}' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
1615
        background-repeat: no-repeat;
1616
        background-position: 10px -17px;
1617
        background-size: 20px;
1618
 
1619
        .theme-dark & {
1620
            background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='#{url-friendly-colour($dm-body-color-light)}' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
1621
        }
1622
    }
1623
}
1624
 
1625
#admin-coursetab1content,
1626
#admin-coursetab2content,
1627
#admin-coursetab3content,
1628
#admin-coursetab4content,
1629
#admin-coursetab5content,
1630
#admin-cccteacherslist {
1631
    padding-left: 150px !important;
1632
    position: relative;
1633
 
1634
    &:before {
1635
        content: '';
1636
        position: absolute;
1637
        top: 15px;
1638
        left: 104px;
1639
 
1640
        width: 40px;
1641
        height: 40px;
1642
        background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='#{url-friendly-colour($body-color-light)}' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
1643
        background-repeat: no-repeat;
1644
        background-position: 10px -17px;
1645
        background-size: 16px;
1646
 
1647
        .theme-dark & {
1648
            background-image: url("data:image/svg+xml,%3Csvg height='34' viewBox='0 0 16 34' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 30v-30m0 31h13' fill='none' stroke='#{url-friendly-colour($dm-body-color-light)}' stroke-linecap='round' stroke-width='2' transform='translate(1 1.5)'/%3E%3C/svg%3E");
1649
        }
1650
    }
1651
}
1652
 
1653
[id^="admin-displayblock"] {
1654
    display: inline-flex;
1655
    width: 100%;
1656
 
1657
    .rui-settings-shortname {
1658
        display: none !important;
1659
    }
1660
 
1661
    .rui-settings-label {
1662
        margin-top: 7px;
1663
        margin-bottom: 0;
1664
        margin-right: 30px;
1665
    }
1666
}
1667
 
1668
.rui--turnedon {
1669
    position: relative;
1670
 
1671
    &:after {
1672
        content: '';
1673
        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($green-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.75 12.8665L8.33995 16.4138C9.15171 17.5256 10.8179 17.504 11.6006 16.3715L18.25 6.75'%3E%3C/path%3E%3C/svg%3E%0A");
1674
        background-repeat: no-repeat;
1675
        background-position: center;
1676
 
1677
        width: 20px;
1678
        height: 20px;
1679
 
1680
        position: absolute;
1681
        right: 0;
1682
        top: calc(50% - 10px);
1683
    }
1684
 
1685
    .small {
1686
        max-width: 120px;
1687
    }
1688
}
1689
 
1690
// ---- URL:  /admin/tool/dataprivacy/pluginregistry.php#
1691
.type-expand,
1692
.component-expand {
1693
    &:hover {
1694
        color: $link-hover-color;
1695
        text-decoration: none;
1696
    }
1697
}
1698
 
1699
 
1700
// ---- URL:  /admin/index.php
1701
#page-admin-index {
1702
    .checkforupdates {
1703
        margin: 0 !important;
1704
 
1705
        .singlebutton {
1706
            margin-bottom: 0;
1707
        }
1708
    }
1709
 
1710
    .copyright {
1711
        font-size: $font-size-md;
1712
    }
1713
 
1714
    .btn-secondary {
1715
        background-color: $white;
1716
        color: $body-color;
1717
    }
1718
}
1719
 
1720
.sqcolor {
1721
    width: 60px;
1722
    height: 60px;
1723
    border-radius: 5px;
1724
    position: relative;
1725
 
1726
    &:before {
1727
        content: '';
1728
        position: absolute;
1729
        padding: 2px 5px;
1730
        font-size: $font-size-xs;
1731
        font-weight: $font-weight-bold;
1732
        color: $white;
1733
        background-color: $black;
1734
        border-radius: 5px;
1735
    }
1736
}
1737
 
1738
.bg-primary-100 {
1739
    background-color: $primary-color-100;
1740
 
1741
    &.bg--desc {
1742
        &:before {
1743
            content: '100';
1744
        }
1745
    }
1746
 
1747
}
1748
 
1749
.bg-primary-200 {
1750
    background-color: $primary-color-200;
1751
 
1752
    &.bg--desc {
1753
        &:before {
1754
            content: '200';
1755
        }
1756
    }
1757
}
1758
 
1759
.bg-primary-300 {
1760
    background-color: $primary-color-300;
1761
 
1762
    &.bg--desc {
1763
        &:before {
1764
            content: '300';
1765
        }
1766
    }
1767
}
1768
 
1769
.bg-primary-400 {
1770
    background-color: $primary-color-400;
1771
 
1772
    &.bg--desc {
1773
        &:before {
1774
            content: '400';
1775
        }
1776
    }
1777
}
1778
 
1779
.bg-primary-500 {
1780
    background-color: $primary-color-500;
1781
 
1782
    &.bg--desc {
1783
        &:before {
1784
            content: '500';
1785
        }
1786
    }
1787
}
1788
 
1789
.bg-primary-600 {
1790
    background-color: $primary-color-600;
1791
 
1792
    &::after {
1793
        content: '';
1794
        border: 4px solid $primary-color-600;
1795
        position: absolute;
1796
        top: -4px;
1797
        left: -4px;
1798
        right: -4px;
1799
        bottom: -4px;
1800
        border-radius: 8px;
1801
    }
1802
 
1803
    &.bg--desc {
1804
        &:before {
1805
            content: '* 600';
1806
            box-shadow: $box-shadow-lg;
1807
        }
1808
    }
1809
}
1810
 
1811
.bg-primary-700 {
1812
    background-color: $primary-color-700;
1813
 
1814
    &.bg--desc {
1815
        &:before {
1816
            content: '700';
1817
        }
1818
    }
1819
}
1820
 
1821
.bg-primary-800 {
1822
    background-color: $primary-color-800;
1823
 
1824
    &.bg--desc {
1825
        &:before {
1826
            content: '800';
1827
        }
1828
    }
1829
}
1830
 
1831
.bg-primary-900 {
1832
    background-color: $primary-color-900;
1833
 
1834
    &.bg--desc {
1835
        &:before {
1836
            content: '900';
1837
        }
1838
    }
1839
}
1840
 
1841
.bg-gray-100 {
1842
    background-color: $gray-100;
1843
 
1844
    &.bg--desc {
1845
        &:before {
1846
            content: '100';
1847
        }
1848
    }
1849
}
1850
 
1851
.bg-gray-200 {
1852
    background-color: $gray-200;
1853
 
1854
    &.bg--desc {
1855
        &:before {
1856
            content: '200';
1857
        }
1858
    }
1859
}
1860
 
1861
.bg-gray-300 {
1862
    background-color: $gray-300;
1863
 
1864
    &.bg--desc {
1865
        &:before {
1866
            content: '300';
1867
        }
1868
    }
1869
}
1870
 
1871
.bg-gray-400 {
1872
    background-color: $gray-400;
1873
 
1874
    &.bg--desc {
1875
        &:before {
1876
            content: '400';
1877
        }
1878
    }
1879
}
1880
 
1881
.bg-gray-500 {
1882
    background-color: $gray-500;
1883
 
1884
    &.bg--desc {
1885
        &:before {
1886
            content: '500';
1887
        }
1888
    }
1889
}
1890
 
1891
.bg-gray-600 {
1892
    background-color: $gray-600;
1893
 
1894
    &::after {
1895
        content: '';
1896
        border: 4px solid rgba($gray-600, .3);
1897
        position: absolute;
1898
        top: -4px;
1899
        left: -4px;
1900
        right: -4px;
1901
        bottom: -4px;
1902
        border-radius: 8px;
1903
    }
1904
 
1905
    &.bg--desc {
1906
        &:before {
1907
            content: '* 600';
1908
            box-shadow: $box-shadow-lg;
1909
        }
1910
    }
1911
}
1912
 
1913
.bg-gray-700 {
1914
    background-color: $gray-700;
1915
 
1916
    &.bg--desc {
1917
        &:before {
1918
            content: '700';
1919
        }
1920
    }
1921
}
1922
 
1923
.bg-gray-800 {
1924
    background-color: $gray-800;
1925
 
1926
    &.bg--desc {
1927
        &:before {
1928
            content: '800';
1929
        }
1930
    }
1931
}
1932
 
1933
.bg-gray-900 {
1934
    background-color: $gray-900;
1935
 
1936
    &.bg--desc {
1937
        &:before {
1938
            content: '900';
1939
        }
1940
    }
1941
}
1942
 
1943
 
1944
.bg-dm-gray-100 {
1945
    background-color: $dm-gray-100;
1946
 
1947
    &.bg--desc {
1948
        &:before {
1949
            content: '100';
1950
        }
1951
    }
1952
}
1953
 
1954
.bg-dm-gray-200 {
1955
    background-color: $dm-gray-200;
1956
 
1957
    &.bg--desc {
1958
        &:before {
1959
            content: '200';
1960
        }
1961
    }
1962
}
1963
 
1964
.bg-dm-gray-300 {
1965
    background-color: $dm-gray-300;
1966
 
1967
    &.bg--desc {
1968
        &:before {
1969
            content: '300';
1970
        }
1971
    }
1972
}
1973
 
1974
.bg-dm-gray-400 {
1975
    background-color: $dm-gray-400;
1976
 
1977
    &.bg--desc {
1978
        &:before {
1979
            content: '400';
1980
        }
1981
    }
1982
}
1983
 
1984
.bg-dm-gray-500 {
1985
    background-color: $dm-gray-500;
1986
 
1987
    &.bg--desc {
1988
        &:before {
1989
            content: '500';
1990
        }
1991
    }
1992
}
1993
 
1994
.bg-dm-gray-600 {
1995
    background-color: $dm-gray-600;
1996
 
1997
    &::after {
1998
        content: '';
1999
        border: 4px solid rgba($dm-gray-600, .3);
2000
        position: absolute;
2001
        top: -4px;
2002
        left: -4px;
2003
        right: -4px;
2004
        bottom: -4px;
2005
        border-radius: 8px;
2006
    }
2007
 
2008
    &.bg--desc {
2009
        &:before {
2010
            content: '* 600';
2011
            box-shadow: $box-shadow-lg;
2012
        }
2013
    }
2014
}
2015
 
2016
.bg-dm-gray-700 {
2017
    background-color: $dm-gray-700;
2018
 
2019
    &.bg--desc {
2020
        &:before {
2021
            content: '700';
2022
        }
2023
    }
2024
}
2025
 
2026
.bg-dm-gray-800 {
2027
    background-color: $dm-gray-800;
2028
 
2029
    &.bg--desc {
2030
        &:before {
2031
            content: '800';
2032
        }
2033
    }
2034
}
2035
 
2036
.bg-dm-gray-900 {
2037
    background-color: $dm-gray-900;
2038
 
2039
    &.bg--desc {
2040
        &:before {
2041
            content: '900';
2042
        }
2043
    }
2044
}
2045
 
2046
 
2047
#admin-sdarkmode,
2048
#admin-slightmode,
2049
[id^="admin-string"] {
2050
    textarea {
2051
        height: 90px;
2052
    }
2053
}
2054
 
2055
[id^="#id_s_theme_monocolor_labelcustomitem"],
2056
[id^="#id_s_theme_monocolor_urlcustomitem"],
2057
[id^="#id_s_theme_monocolorchild_labelcustomitem"],
2058
[id^="#id_s_theme_monocolorchild_urlcustomitem"] {
2059
    height: 65px;
2060
}
2061
 
2062
 
2063
 
2064
.admintable.environmenttable {
2065
    td {
2066
        font-size: $font-size-sm;
2067
    }
2068
}
2069
 
2070
#plugins-check-page,
2071
.environmenttable {
2072
    .status {
2073
        text-align: right;
2074
 
2075
        .badge {
2076
            padding: 3px 7px;
2077
            font-size: 11px;
2078
            font-weight: $font-weight-medium;
2079
            border-radius: 3px;
2080
        }
2081
    }
2082
}
2083
 
2084
#page-maintenance {
2085
    h1 {
2086
        @include media-breakpoint-down(sm) {
2087
            font-size: 1.5rem;
2088
        }
2089
    }
2090
 
2091
    h2 {
2092
        margin-top: 20px;
2093
        margin-bottom: 20px;
2094
 
2095
        font-size: 1rem;
2096
        text-align: left;
2097
    }
2098
 
2099
    @include media-breakpoint-down(sm) {
2100
        .wrapper-xl {
2101
            max-width: 90%;
2102
        }
2103
    }
2104
}
2105
 
2106
.form-textarea {
2107
    width: 100%;
2108
}
2109
 
2110
.rui-settings-container {
2111
    hr {
2112
        margin-top: 20px;
2113
        margin-bottom: 20px;
2114
    }
2115
}
2116
 
2117
#page-admin-roles-define {
2118
    .buttons {
2119
        margin-top: 20px;
2120
    }
2121
}
2122
 
2123
#plugin_type_cell_mod {
2124
    display: flex;
2125
    align-items: center;
2126
    gap: 10px;
2127
}
2128
 
2129
.badge.bg-light.text-dark {
2130
    background-color: $gray-200!important;
2131
}