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: var(--primary-color-100);
512
                text-decoration: none;
513
 
514
                .theme-dark & {
515
                    background-color: var(--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
 
804
        .displayname {
805
            display: inline-flex;
806
            align-items: center;
807
 
808
            .icon.spacer {
809
                display: inline-flex;
810
                width: 35px;
811
                margin-right: 13px;
812
            }
813
        }
814
 
815
        .pluginname {
816
            .componentname {
817
                margin-left: 48px;
818
                font-size: $font-size-md;
819
                color: $text-muted;
820
            }
821
        }
822
 
823
        .version {
824
            .versionnumber {
825
                font-size: $font-size-md;
826
                color: $text-muted;
827
            }
828
        }
829
 
830
        .uninstall {
831
            a {
832
                width: max-content;
833
                color: $danger;
834
            }
835
        }
836
 
837
        .settings a {
838
            width: max-content;
839
            display: block;
840
        }
841
 
842
        .notes {
843
            .label {
844
                margin-right: 3px;
845
            }
846
 
847
            .requiredby {
848
                margin-top: 0.25rem;
849
                font-size: $font-size-md;
850
                font-weight: $font-weight-medium;
851
                color: $gray-600;
852
 
853
                .theme-dark & {
854
                    background-color: $dm-gray-600;
855
                }
856
            }
857
        }
858
    }
859
}
860
 
861
 
862
// Plugins check page displayed during upgrade.
863
#plugins-check-page {
864
 
865
    // Plugins check table.
866
    #plugins-check {
867
 
868
        .status-missing,
869
        .status-downgrade {
870
            td.displayname {
871
                font-weight: $font-weight-bold;
872
            }
873
 
874
            background-color: $red-100;
875
            border-left: 2px solid $red-600;
876
 
877
        }
878
 
879
        .status-new,
880
        .status-upgrade {
881
            background-color: $blue-100;
882
            border-left: 5px solid $blue-600;
883
        }
884
    }
885
 
886
    .plugintypeheader {
887
        border-top: 0;
888
 
889
        th {
890
            padding-top: 30px;
891
            font-size: 1rem;
892
        }
893
    }
894
}
895
 
896
// Available plugin update notification.
897
 
898
#plugins-check-page,
899
#plugins-control-panel {
900
    .pluginupdateinfo {
901
        margin: .5rem 0;
902
        padding: 1rem;
903
        border: 2px dashed $state-info-border;
904
 
905
        font-size: $font-size-md;
906
 
907
        .version {
908
            font-weight: $font-weight-medium;
909
        }
910
 
911
        .infos {
912
            margin-top: .5rem;
913
        }
914
 
915
        &.maturity50 {
916
            background-color: $state-danger-bg;
917
        }
918
 
919
        &.maturity100,
920
        &.maturity150 {
921
            background-color: $state-warning-bg;
922
        }
923
 
924
        @include border-radius(5px);
925
 
926
        .info {
927
            display: inline-block;
928
        }
929
 
930
        .separator:after {
931
            content: " | ";
932
        }
933
 
934
        .singlebutton {
935
            width: 100%;
936
            margin: 1rem 0 0;
937
            padding: 0;
938
 
939
            .btn {
940
                width: 100%;
941
            }
942
 
943
            div,
944
            input {
945
                margin: 0 3px 0 0;
946
            }
947
        }
948
    }
949
}
950
 
951
.plugins-management-confirm-buttons {
952
    >div {
953
        display: inline-block;
954
        margin: 0 .5rem 0 0;
955
    }
956
 
957
    .continue {
958
        padding: 0;
959
 
960
        div,
961
        input {
962
            margin: 0;
963
        }
964
    }
965
}
966
 
967
#page-admin-index .upgradepluginsinfo {
968
    text-align: center;
969
}
970
 
971
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
972
    content: " | ";
973
}
974
 
975
/** MNet networking */
976
#page-admin-mnet-peers .box.deletedhosts {
977
    margin-bottom: 1em;
978
    font-size: $font-size-md;
979
}
980
 
981
#core-cache-plugin-summaries table,
982
#core-cache-store-summaries table {
983
    width: 100%;
984
}
985
 
986
#core-cache-lock-summary table,
987
#core-cache-definition-summaries table,
988
#core-cache-mode-mappings table {
989
    margin: 0 auto;
990
}
991
 
992
#core-cache-store-summaries .default-store td {
993
    font-style: italic;
994
}
995
 
996
#core-cache-rescan-definitions,
997
#core-cache-mode-mappings .edit-link,
998
#core-cache-lock-additional-actions .new-instance {
999
    margin-top: 0.5em;
1000
    text-align: left;
1001
}
1002
 
1003
.maintenancewarning {
1004
    position: fixed;
1005
    bottom: 0;
1006
    right: 0;
1007
    overflow: hidden;
1008
    z-index: $zindex-dropdown;
1009
}
1010
 
1011
//Modal for admins e.g When you removing a plugin
1012
.modal.modal-in-page {
1013
    padding: 0 !important;
1014
    margin-left: 0;
1015
    margin-right: 0;
1016
    z-index: 0;
1017
 
1018
    #page-login-index & {
1019
        margin: 0 auto!important;
1020
    }
1021
 
1022
    div {
1023
        padding: 0 !important;
1024
        border: none;
1025
    }
1026
 
1027
    .modal-footer {
1028
        margin-top: 1rem;
1029
    }
1030
 
1031
    .singlebutton:first-of-type {
1032
        float: right;
1033
        margin-left: .5rem;
1034
    }
1035
 
1036
}
1037
 
1038
.modal.modal-in-page .modal-content {
1039
    padding: 20px !important;
1040
}
1041
 
1042
 
1043
.adminpagetitle {
1044
    margin-bottom: 0;
1045
    border-bottom: none;
1046
}
1047
 
1048
.adminpagepath {
1049
    display: flex;
1050
    flex-wrap: wrap;
1051
    margin: 0.5rem $breadcrumb-padding-x $breadcrumb-padding-y;
1052
    padding: 0.5rem 1.5rem;
1053
 
1054
    border: 1px solid $border-color;
1055
    color: $body-color-secondary;
1056
    border-radius: $btn-border-radius;
1057
 
1058
    @include font-size($breadcrumb-font-size);
1059
    list-style: none;
1060
 
1061
    .theme-dark & {
1062
        border: 1px solid $dm-border-color;
1063
        color: $dm-body-color-secondary;
1064
    }
1065
 
1066
    li {
1067
        +li:before {
1068
            padding-right: 0.5rem;
1069
            padding-left: 0.5rem;
1070
            content: "#{$breadcrumb-divider}";
1071
        }
1072
    }
1073
 
1074
}
1075
 
1076
@media (min-width: 576px) {
1077
    .container {
1078
        overflow-wrap: break-word;
1079
        width: auto;
1080
    }
1081
}
1082
 
1083
 
1084
#page-admin-tasklogs {
1085
    .task-class {
1086
        font-size: $font-size-md;
1087
        color: $gray-600;
1088
 
1089
        .theme-dark & {
1090
            background-color: $dm-gray-600;
1091
        }
1092
    }
1093
}
1094
 
1095
.path-admin-tool-uploaduser {
1096
    .uuwarning {
1097
        background-color: $state-warning-bg;
1098
    }
1099
 
1100
    .uuerror {
1101
        background-color: $state-danger-bg;
1102
    }
1103
 
1104
    .uuinfo {
1105
        background-color: $state-success-bg;
1106
    }
1107
}
1108
 
1109
[data-region="plans"] {
1110
    margin-top: $page-padding-global;
1111
}
1112
 
1113
#page-admin-tool-task-scheduledtasks,
1114
#page-admin-tool-task-runningtasks {
1115
    .task-class {
1116
        padding: 0;
1117
    }
1118
}
1119
 
1120
.helplinkpopup {
1121
    font-size: $font-size-xs;
1122
    font-weight: $font-weight-medium;
1123
    color: $body-color;
1124
 
1125
    .iconhelp {
1126
        margin-right: 0.35rem;
1127
 
1128
        .theme-dark & {
1129
            filter: invert(1);
1130
        }
1131
    }
1132
 
1133
    .theme-dark & {
1134
        color: $dm-body-color;
1135
    }
1136
}
1137
 
1138
 
1139
// Update page
1140
// ---- URL: /admin/tool/installaddon/index.php
1141
.plugin-install-console {
1142
    padding: $spacer;
1143
    background-color: $black;
1144
    color: $white;
1145
 
1146
    border-radius: $btn-border-radius;
1147
}
1148
 
1149
// ---- URL: /admin/settings.php?section=frontpagesettings
1150
#adminsettings {
1151
    .form-group {
1152
        margin: 0;
1153
 
1154
        .custom-select {
1155
            margin: .15rem;
1156
        }
1157
    }
1158
}
1159
 
1160
#page-admin-tool-installaddon-index #installfromrepobox {
1161
    text-align: left;
1162
}
1163
 
1164
 
1165
.pagelayout-maintenance {
1166
    h2+.alert {
1167
        margin-top: $page-padding-global;
1168
    }
1169
}
1170
 
1171
// Plugin check - tab bar
1172
.actions {
1173
    a {
1174
        font-weight: $font-weight-medium;
1175
 
1176
        .badge {
1177
            margin-left: .5rem;
1178
        }
1179
    }
1180
}
1181
 
1182
 
1183
// Admin tools
1184
#page-admin-report-log-index,
1185
#page-admin-tool-monitor-managerules {
1186
    .main-content {
1187
        .rui-main-content-title--h2 {
1188
            margin-top: 10px;
1189
            margin-bottom: 10px;
1190
        }
1191
 
1192
        .rui-main-content-title--h4 {
1193
            margin-top: $page-padding-global;
1194
            margin-bottom: 10px;
1195
        }
1196
 
1197
        .rui-main-content-title+a,
1198
        .rui-main-content-title+form {
1199
            margin: 1rem 0;
1200
        }
1201
 
1202
        div {
1203
            margin-top: 10px;
1204
        }
1205
    }
1206
}
1207
 
1208
// ---- URL:  /report/loglive/index.php
1209
#livelogs-pause-button {
1210
    margin-bottom: $page-padding-global;
1211
}
1212
 
1213
#intro {
1214
    &:empty {
1215
        display: none;
1216
    }
1217
}
1218
 
1219
// Plugin check view
1220
#plugins-check-info {
1221
    margin: 30px 0;
1222
 
1223
    .actions {
1224
        a {
1225
            font-weight: $font-weight-medium;
1226
        }
1227
 
1228
        .badge {
1229
            margin-left: 10px;
1230
        }
1231
    }
1232
}
1233
 
1234
 
1235
#page-admin-tool-langimport-index .langimport {
1236
    margin: $page-padding-global 0 0;
1237
    padding: 0;
1238
}
1239
 
1240
 
1241
// Admin settings - typo
1242
.rui-admin-desc--small {
1243
    font-size: $font-size-md;
1244
    font-weight: $font-weight-medium;
1245
}
1246
 
1247
 
1248
@include media-breakpoint-up(lg) {
1249
    .rui-setting-heading-wrapper--special {
1250
        margin-left: 60px;
1251
        position: relative;
1252
    }
1253
}
1254
 
1255
.rui-settings-item+.rui-setting-heading-wrapper {
1256
    margin-top: $page-padding-global;
1257
}
1258
 
1259
.rui-setting-heading-wrapper {
1260
    position: relative;
1261
 
1262
 
1263
    #page-admin-setting-themesettinguniverse & {
1264
        margin-left: 60px;
1265
        margin-top: -1px;
1266
        margin-bottom: 0;
1267
 
1268
        padding: 20px 0;
1269
        border-top: 1px solid $border-color;
1270
 
1271
        .rui-setting-heading {
1272
            font-size: 1.25rem;
1273
        }
1274
 
1275
        &:hover {
1276
            cursor: pointer;
1277
 
1278
            &:after {
1279
                content: '';
1280
                opacity: 1;
1281
                width: calc(100% + 30px);
1282
                height: calc(100% - 4px);
1283
 
1284
                position: absolute;
1285
                top: 2px;
1286
                left: -15px;
1287
                z-index: 0;
1288
 
1289
                background-color: $gray-100;
1290
                border-radius: $btn-border-radius;
1291
            }
1292
        }
1293
 
1294
        &::before {
1295
            content: '';
1296
            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");
1297
            background-size: 18px;
1298
            background-repeat: no-repeat;
1299
            background-position: center;
1300
 
1301
            width: 24px;
1302
            height: 24px;
1303
            position: absolute;
1304
            right: 0;
1305
            top: 22px;
1306
            z-index: 1;
1307
        }
1308
 
1309
        &.active::before {
1310
            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");
1311
        }
1312
    }
1313
}
1314
 
1315
#page-admin-setting-themesettinguniverse.theme-dark .rui-setting-heading-wrapper {
1316
    border-color: $dm-border-color;
1317
 
1318
    &::before {
1319
        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");
1320
    }
1321
 
1322
    &.active::before {
1323
        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");
1324
    }
1325
 
1326
    &:hover:after,
1327
    &.active:after {
1328
        background-color: $dm-black;
1329
    }
1330
 
1331
}
1332
 
1333
.rui-settings-item {
1334
    padding: 20px 0 20px 0;
1335
    border-bottom: 1px solid $border-color;
1336
 
1337
    #page-admin-setting-themesettinguniverse & {
1338
        @include media-breakpoint-up(lg) {
1339
            padding-left: 60px;
1340
        }
1341
    }
1342
 
1343
    &:last-of-type {
1344
        border-bottom: none;
1345
    }
1346
 
1347
    .theme-dark & {
1348
        border-bottom: 1px solid $dm-border-color;
1349
    }
1350
}
1351
 
1352
.rui-settings-label {
1353
    margin-bottom: 15px;
1354
    position: relative;
1355
    display: flex;
1356
    flex-wrap: wrap;
1357
 
1358
    label {
1359
        position: relative;
1360
        font-weight: $font-weight-bold;
1361
        font-size: $font-size-md;
1362
        flex-wrap: wrap;
1363
 
1364
        #theme_universe_scb & {
1365
            width: 180px;
1366
        }
1367
 
1368
    }
1369
}
1370
 
1371
.rui-settings-shortname {
1372
    background-color: $gray-100;
1373
    padding: 3px 7px;
1374
    border-radius: $btn-border-radius;
1375
 
1376
    font-size: $font-size-xs;
1377
    color: $gray-600;
1378
 
1379
    .theme-dark & {
1380
        background-color: $dm-gray-100;
1381
        color: $dm-gray-600;
1382
    }
1383
}
1384
 
1385
[id^="page-admin-setting-themesetting"] {
1386
    .rui-sticky-btns {
1387
        margin-left: 220px;
1388
 
1389
        @include media-breakpoint-between(xs, sm) {
1390
            margin-left: 0;
1391
        }
1392
    }
1393
}
1394
 
1395
 
1396
#theme_universe_scb {
1397
    .rui-settings-item {
1398
        width: calc(100% - 60px);
1399
        margin: 0 0 0 60px;
1400
        padding: 10px 0;
1401
 
1402
        display: inline-flex;
1403
        align-items: center;
1404
 
1405
        @include media-breakpoint-between(xs, sm) {
1406
            width: 100%;
1407
            margin: 30px;
1408
        }
1409
 
1410
        .rui-settings-label {
1411
            margin: 0 1rem 0 0;
1412
 
1413
            @include media-breakpoint-up(lg) {
1414
                min-width: 350px;
1415
            }
1416
 
1417
            display: flex;
1418
            align-items: center;
1419
        }
1420
 
1421
        .form-item .form-label label {
1422
            margin: 0 1rem 0 0;
1423
        }
1424
 
1425
        .form-description {
1426
            margin: 0 !important;
1427
        }
1428
    }
1429
}
1430
 
1431
@include media-breakpoint-up(lg) {
1432
    [data-settings-name="theme_universe_scb"] {
1433
        margin-top: 35px;
1434
        position: relative;
1435
 
1436
        &:before {
1437
            content: '';
1438
            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");
1439
            width: 24px;
1440
            height: 24px;
1441
 
1442
            position: absolute;
1443
            top: -22px;
1444
            left: -6px;
1445
 
1446
            .theme-dark & {
1447
                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");
1448
            }
1449
        }
1450
    }
1451
}
1452
 
1453
.rui-admin-no {
1454
    margin-right: 20px;
1455
    width: 30px;
1456
    height: 30px;
1457
 
1458
    display: flex;
1459
    align-items: center;
1460
    justify-content: start;
1461
 
1462
    font-size: $font-size-md;
1463
    font-weight: $font-weight-bold;
1464
    color: $body-color;
1465
 
1466
    border-right: 1px solid $border-color;
1467
 
1468
    .theme-dark & {
1469
        border-color: $border-color;
1470
        color: $dm-body-color;
1471
    }
1472
}
1473
 
1474
// For Settings - Textareas
1475
textarea[id$="herosubtitle"],
1476
textarea[id$="introsubtitle"],
1477
textarea[id$="introtitle"],
1478
textarea[id$="introcontent"],
1479
textarea[id$="footercontent"] {
1480
    height: 85px;
1481
}
1482
 
1483
.editor_atto_content.form-control[id$="htmlcontenteditable"] {
1484
    min-height: max-content !important;
1485
}
1486
 
1487
#id_s_theme_universe_titlecoursetab1,
1488
#id_s_theme_universe_titlecoursetab2,
1489
#id_s_theme_universe_titlecoursetab3,
1490
#id_s_theme_universe_titlecoursetab4,
1491
#id_s_theme_universe_titlecoursetab5 {
1492
    height: 80px;
1493
}
1494
 
1495
.rui-settings-item[id^="admin-block4q"],
1496
#admin-fontheadings,
1497
#admin-fontbody,
1498
#admin-fontweightregular,
1499
#admin-fontweightmedium,
1500
#admin-fontweightbold,
1501
#admin-showblock3wrapper,
1502
#admin-coursetablayout,
1503
#admin-titlecoursetab1,
1504
#admin-titlecoursetab2,
1505
#admin-titlecoursetab3,
1506
#admin-titlecoursetab4,
1507
#admin-titlecoursetab5,
1508
#admin-darkmodetheme,
1509
#admin-topbarlogoareaon,
1510
#admin-topbaradditionalbtn,
1511
#admin-stopbaradditionalbtn,
1512
#admin-customloginlogo,
1513
#admin-coursetab5content,
1514
#admin-customlogo,
1515
#admin-footerblock1,
1516
#admin-footerblock2,
1517
#admin-showbasicinfolist,
1518
#admin-showsociallist,
1519
#admin-website,
1520
#admin-cwebsiteurl,
1521
#admin-mobile,
1522
#admin-mail,
1523
#admin-facebook,
1524
#admin-twitter,
1525
#admin-instagram,
1526
#admin-linkedin,
1527
#admin-youtube,
1528
#admin-customdmlogo,
1529
#admin-sdarkmode,
1530
#admin-navbarlogobox,
1531
#admin-colortopbarbtn,
1532
#admin-secnavitems,
1533
#admin-showswitchedroleincourse,
1534
#admin-showhintcoursehidden,
1535
#admin-showhintcourseguestaccess,
1536
#admin-email_footer_text,
1537
#admin-email_footer_copyright,
1538
#admin-email_logo_file,
1539
#admin-email_logo_height,
1540
#admin-email_logo_alt,
1541
#admin-customlogoandname,
1542
#admin-colortopbarbg1,
1543
#admin-colortopbarbg2,
1544
#admin-dmcolortopbarbg1,
1545
#admin-dmcolortopbarbg2,
1546
#admin-colortopbarbtntext,
1547
#admin-darkmodefirst
1548
{
1549
    padding-bottom: 0 !important;
1550
    border-bottom: 0 !important;
1551
}
1552
 
1553
#admin-colorcoursecardmask,
1554
#admin-fontweightheadings,
1555
#admin-fontweightregular,
1556
#admin-fontweightmedium,
1557
#admin-fontweightbold,
1558
#admin-loginlogooutside,
1559
#admin-customdmlogo,
1560
#admin-customsidebardmlogo,
1561
#admin-block1wrapperbg,
1562
#admin-sdarkmode,
1563
#admin-slightmode,
1564
admin-slightmode,
1565
#admin-customlogo,
1566
#admin-topbaradditionalbtnurl,
1567
#admin-stopbaradditionalbtn,
1568
#admin-customlogotxt,
1569
#admin-footerblock1hr,
1570
#admin-footerblock2hr,
1571
#admin-website,
1572
#admin-cwebsiteurl,
1573
#admin-mobile,
1574
#admin-mail,
1575
#admin-facebook,
1576
#admin-twitter,
1577
#admin-instagram,
1578
#admin-linkedin,
1579
#admin-youtube,
1580
#admin-customsocialicon,
1581
#admin-colortopbarbtnhover,
1582
#admin-colortopbarbtnhovertext,
1583
#admin-email_logo_href,
1584
#admin-email_logo_height,
1585
#admin-navbarlogobox,
1586
#admin-dmcolortopbarbg1,
1587
#admin-dmcolortopbarbg2,
1588
#admin-email_logo_alt {
1589
    padding-left: 110px !important;
1590
    position: relative;
1591
 
1592
    &:before {
1593
        content: '';
1594
        position: absolute;
1595
        top: 8px;
1596
        left: 60px;
1597
 
1598
        width: 40px;
1599
        height: 40px;
1600
        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");
1601
        background-repeat: no-repeat;
1602
        background-position: 10px -17px;
1603
        background-size: 20px;
1604
 
1605
        .theme-dark & {
1606
            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");
1607
        }
1608
    }
1609
}
1610
 
1611
#admin-coursetab1content,
1612
#admin-coursetab2content,
1613
#admin-coursetab3content,
1614
#admin-coursetab4content,
1615
#admin-coursetab5content,
1616
#admin-cccteacherslist {
1617
    padding-left: 150px !important;
1618
    position: relative;
1619
 
1620
    &:before {
1621
        content: '';
1622
        position: absolute;
1623
        top: 15px;
1624
        left: 104px;
1625
 
1626
        width: 40px;
1627
        height: 40px;
1628
        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");
1629
        background-repeat: no-repeat;
1630
        background-position: 10px -17px;
1631
        background-size: 16px;
1632
 
1633
        .theme-dark & {
1634
            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");
1635
        }
1636
    }
1637
}
1638
 
1639
 
1640
.rui-setting-heading-wrapper--info {
1641
    padding: 20px 30px;
1642
    margin: 0 0 20px 30px;
1643
 
1644
    position: relative;
1645
    background-color: $yellow-100;
1646
    color: $body-color;
1647
    border-radius: $btn-border-radius;
1648
 
1649
    .theme-dark & {
1650
        color: $dm-body-color;
1651
        background-color: $dm-gray-100;
1652
    }
1653
    .rui-setting-desc {
1654
        font-size: $font-size-md;
1655
    }
1656
}
1657
 
1658
[id^="admin-displayblock"] {
1659
    display: inline-flex;
1660
    width: 100%;
1661
 
1662
    .rui-settings-shortname {
1663
        display: none !important;
1664
    }
1665
 
1666
    .rui-settings-label {
1667
        margin-top: 7px;
1668
        margin-bottom: 0;
1669
        margin-right: 30px;
1670
    }
1671
}
1672
 
1673
.rui--turnedon {
1674
    position: relative;
1675
 
1676
    &:after {
1677
        content: '';
1678
        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");
1679
        background-repeat: no-repeat;
1680
        background-position: center;
1681
 
1682
        width: 20px;
1683
        height: 20px;
1684
 
1685
        position: absolute;
1686
        right: 0;
1687
        top: calc(50% - 10px);
1688
    }
1689
 
1690
    .small {
1691
        max-width: 120px;
1692
    }
1693
}
1694
 
1695
// ---- URL:  /admin/tool/dataprivacy/pluginregistry.php#
1696
.type-expand,
1697
.component-expand {
1698
    &:hover {
1699
        color: $link-hover-color;
1700
        text-decoration: none;
1701
    }
1702
}
1703
 
1704
 
1705
// ---- URL:  /admin/index.php
1706
#page-admin-index {
1707
    .checkforupdates {
1708
        margin: 0 !important;
1709
 
1710
        .singlebutton {
1711
            margin-bottom: 0;
1712
        }
1713
    }
1714
 
1715
    .copyright {
1716
        font-size: $font-size-md;
1717
    }
1718
 
1719
    .btn-secondary {
1720
        background-color: $white;
1721
        color: $body-color;
1722
    }
1723
}
1724
 
1725
.sqcolor {
1726
    width: 60px;
1727
    height: 60px;
1728
    border-radius: 3px;
1729
    position: relative;
1730
 
1731
    &:before {
1732
        content: '';
1733
        position: absolute;
1734
        padding: 2px 5px;
1735
        font-size: $font-size-xs;
1736
        font-weight: $font-weight-bold;
1737
        color: $white;
1738
        background-color: $black;
1739
        border-radius: 3px;
1740
    }
1741
}
1742
 
1743
.bg-primary-100 {
1744
    background-color: var(--primary-color-100);
1745
 
1746
    &.bg--desc {
1747
        &:before {
1748
            content: '100';
1749
        }
1750
    }
1751
 
1752
}
1753
 
1754
.bg-primary-200 {
1755
    background-color: var(--primary-color-200);
1756
 
1757
    &.bg--desc {
1758
        &:before {
1759
            content: '200';
1760
        }
1761
    }
1762
}
1763
 
1764
.bg-primary-300 {
1765
    background-color: var(--primary-color-300);
1766
 
1767
    &.bg--desc {
1768
        &:before {
1769
            content: '300';
1770
        }
1771
    }
1772
}
1773
 
1774
.bg-primary-400 {
1775
    background-color: var(--primary-color-400);
1776
 
1777
    &.bg--desc {
1778
        &:before {
1779
            content: '400';
1780
        }
1781
    }
1782
}
1783
 
1784
.bg-primary-500 {
1785
    background-color: var(--primary-color-500);
1786
 
1787
    &.bg--desc {
1788
        &:before {
1789
            content: '500';
1790
        }
1791
    }
1792
}
1793
 
1794
.bg-primary-600 {
1795
    background-color: var(--main-theme-color);
1796
 
1797
    &::after {
1798
        content: '';
1799
        border: 4px solid var(--main-theme-color);
1800
        position: absolute;
1801
        top: -4px;
1802
        left: -4px;
1803
        right: -4px;
1804
        bottom: -4px;
1805
        border-radius: 3px;
1806
    }
1807
 
1808
    &.bg--desc {
1809
        &:before {
1810
            content: '* 600';
1811
            box-shadow: $box-shadow-lg;
1812
        }
1813
    }
1814
}
1815
 
1816
.bg-primary-700 {
1817
    background-color: var(--primary-color-700);
1818
 
1819
    &.bg--desc {
1820
        &:before {
1821
            content: '700';
1822
        }
1823
    }
1824
}
1825
 
1826
.bg-primary-800 {
1827
    background-color: var(--primary-color-800);
1828
 
1829
    &.bg--desc {
1830
        &:before {
1831
            content: '800';
1832
        }
1833
    }
1834
}
1835
 
1836
.bg-primary-900 {
1837
    background-color: var(--primary-color-900);
1838
 
1839
    &.bg--desc {
1840
        &:before {
1841
            content: '900';
1842
        }
1843
    }
1844
}
1845
 
1846
.bg-gray-100 {
1847
    background-color: $gray-100;
1848
 
1849
    &.bg--desc {
1850
        &:before {
1851
            content: '100';
1852
        }
1853
    }
1854
}
1855
 
1856
.bg-gray-200 {
1857
    background-color: $gray-200;
1858
 
1859
    &.bg--desc {
1860
        &:before {
1861
            content: '200';
1862
        }
1863
    }
1864
}
1865
 
1866
.bg-gray-300 {
1867
    background-color: $gray-300;
1868
 
1869
    &.bg--desc {
1870
        &:before {
1871
            content: '300';
1872
        }
1873
    }
1874
}
1875
 
1876
.bg-gray-400 {
1877
    background-color: $gray-400;
1878
 
1879
    &.bg--desc {
1880
        &:before {
1881
            content: '400';
1882
        }
1883
    }
1884
}
1885
 
1886
.bg-gray-500 {
1887
    background-color: $gray-500;
1888
 
1889
    &.bg--desc {
1890
        &:before {
1891
            content: '500';
1892
        }
1893
    }
1894
}
1895
 
1896
.bg-gray-600 {
1897
    background-color: $gray-600;
1898
 
1899
    &::after {
1900
        content: '';
1901
        border: 4px solid rgba($gray-600, .3);
1902
        position: absolute;
1903
        top: -4px;
1904
        left: -4px;
1905
        right: -4px;
1906
        bottom: -4px;
1907
        border-radius: 8px;
1908
    }
1909
 
1910
    &.bg--desc {
1911
        &:before {
1912
            content: '* 600';
1913
            box-shadow: $box-shadow-lg;
1914
        }
1915
    }
1916
}
1917
 
1918
.bg-gray-700 {
1919
    background-color: $gray-700;
1920
 
1921
    &.bg--desc {
1922
        &:before {
1923
            content: '700';
1924
        }
1925
    }
1926
}
1927
 
1928
.bg-gray-800 {
1929
    background-color: $gray-800;
1930
 
1931
    &.bg--desc {
1932
        &:before {
1933
            content: '800';
1934
        }
1935
    }
1936
}
1937
 
1938
.bg-gray-900 {
1939
    background-color: $gray-900;
1940
 
1941
    &.bg--desc {
1942
        &:before {
1943
            content: '900';
1944
        }
1945
    }
1946
}
1947
 
1948
 
1949
.bg-dm-gray-100 {
1950
    background-color: $dm-gray-100;
1951
 
1952
    &.bg--desc {
1953
        &:before {
1954
            content: '100';
1955
        }
1956
    }
1957
}
1958
 
1959
.bg-dm-gray-200 {
1960
    background-color: $dm-gray-200;
1961
 
1962
    &.bg--desc {
1963
        &:before {
1964
            content: '200';
1965
        }
1966
    }
1967
}
1968
 
1969
.bg-dm-gray-300 {
1970
    background-color: $dm-gray-300;
1971
 
1972
    &.bg--desc {
1973
        &:before {
1974
            content: '300';
1975
        }
1976
    }
1977
}
1978
 
1979
.bg-dm-gray-400 {
1980
    background-color: $dm-gray-400;
1981
 
1982
    &.bg--desc {
1983
        &:before {
1984
            content: '400';
1985
        }
1986
    }
1987
}
1988
 
1989
.bg-dm-gray-500 {
1990
    background-color: $dm-gray-500;
1991
 
1992
    &.bg--desc {
1993
        &:before {
1994
            content: '500';
1995
        }
1996
    }
1997
}
1998
 
1999
.bg-dm-gray-600 {
2000
    background-color: $dm-gray-600;
2001
 
2002
    &::after {
2003
        content: '';
2004
        border: 4px solid rgba($dm-gray-600, .3);
2005
        position: absolute;
2006
        top: -4px;
2007
        left: -4px;
2008
        right: -4px;
2009
        bottom: -4px;
2010
        border-radius: 8px;
2011
    }
2012
 
2013
    &.bg--desc {
2014
        &:before {
2015
            content: '* 600';
2016
            box-shadow: $box-shadow-lg;
2017
        }
2018
    }
2019
}
2020
 
2021
.bg-dm-gray-700 {
2022
    background-color: $dm-gray-700;
2023
 
2024
    &.bg--desc {
2025
        &:before {
2026
            content: '700';
2027
        }
2028
    }
2029
}
2030
 
2031
.bg-dm-gray-800 {
2032
    background-color: $dm-gray-800;
2033
 
2034
    &.bg--desc {
2035
        &:before {
2036
            content: '800';
2037
        }
2038
    }
2039
}
2040
 
2041
.bg-dm-gray-900 {
2042
    background-color: $dm-gray-900;
2043
 
2044
    &.bg--desc {
2045
        &:before {
2046
            content: '900';
2047
        }
2048
    }
2049
}
2050
 
2051
 
2052
#admin-sdarkmode,
2053
#admin-slightmode,
2054
[id^="admin-string"] {
2055
    textarea {
2056
        height: 90px;
2057
    }
2058
}
2059
 
2060
[id^="#id_s_theme_universe_labelcustomitem"],
2061
[id^="#id_s_theme_universe_urlcustomitem"] {
2062
    height: 65px;
2063
}
2064
 
2065
 
2066
 
2067
.admintable.environmenttable {
2068
    td {
2069
        font-size: $font-size-sm;
2070
    }
2071
}
2072
 
2073
#plugins-check-page,
2074
.environmenttable {
2075
    .status {
2076
        text-align: right;
2077
 
2078
        .badge {
2079
            padding: 3px 7px;
2080
            font-size: 11px;
2081
            font-weight: $font-weight-medium;
2082
            border-radius: 3px;
2083
        }
2084
    }
2085
}
2086
 
2087
#page-maintenance {
2088
    h1 {
2089
        @include media-breakpoint-down(sm) {
2090
            font-size: 1.5rem;
2091
        }
2092
    }
2093
 
2094
    h2 {
2095
        margin-top: 20px;
2096
        margin-bottom: 20px;
2097
 
2098
        font-size: 1rem;
2099
        text-align: left;
2100
    }
2101
 
2102
    @include media-breakpoint-down(sm) {
2103
        .wrapper-xl {
2104
            max-width: 90%;
2105
        }
2106
    }
2107
}
2108
 
2109
.form-textarea {
2110
    width: 100%;
2111
}
2112
 
2113
.rui-settings-container {
2114
    hr {
2115
        margin-top: 20px;
2116
        margin-bottom: 20px;
2117
    }
2118
}
2119
 
2120
#page-admin-roles-define {
2121
    .buttons {
2122
        margin-top: 20px;
2123
    }
2124
}
2125
 
2126
#plugin_type_cell_mod {
2127
    display: flex;
2128
    align-items: center;
2129
    gap: 10px;
2130
}