Proyectos de Subversion Moodle

Rev

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

Rev Autor Línea Nro. Línea
1 efrain 1
/* 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
 
1441 ariadna 120
        gap: 5px;
1 efrain 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
 
1441 ariadna 1262
    #page-admin-setting-themesettinguniverse &,
1263
    #page-admin-setting-themesettinguniversechild & {
1 efrain 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
 
1441 ariadna 1337
    #page-admin-setting-themesettinguniverse &,
1338
    #page-admin-setting-themesettinguniversechild & {
1 efrain 1339
        @include media-breakpoint-up(lg) {
1340
            padding-left: 60px;
1341
        }
1342
    }
1343
 
1344
    &:last-of-type {
1345
        border-bottom: none;
1346
    }
1347
 
1348
    .theme-dark & {
1349
        border-bottom: 1px solid $dm-border-color;
1350
    }
1351
}
1352
 
1353
.rui-settings-label {
1354
    margin-bottom: 15px;
1355
    position: relative;
1356
    display: flex;
1357
    flex-wrap: wrap;
1358
 
1359
    label {
1360
        position: relative;
1361
        font-weight: $font-weight-bold;
1362
        font-size: $font-size-md;
1363
        flex-wrap: wrap;
1364
 
1365
        #theme_universe_scb & {
1366
            width: 180px;
1367
        }
1368
 
1369
    }
1370
}
1371
 
1372
.rui-settings-shortname {
1373
    background-color: $gray-100;
1374
    padding: 3px 7px;
1375
    border-radius: $btn-border-radius;
1376
 
1377
    font-size: $font-size-xs;
1378
    color: $gray-600;
1379
 
1380
    .theme-dark & {
1381
        background-color: $dm-gray-100;
1382
        color: $dm-gray-600;
1383
    }
1384
}
1385
 
1386
[id^="page-admin-setting-themesetting"] {
1387
    .rui-sticky-btns {
1388
        margin-left: 220px;
1389
 
1390
        @include media-breakpoint-between(xs, sm) {
1391
            margin-left: 0;
1392
        }
1393
    }
1394
}
1395
 
1396
 
1397
#theme_universe_scb {
1398
    .rui-settings-item {
1399
        width: calc(100% - 60px);
1400
        margin: 0 0 0 60px;
1401
        padding: 10px 0;
1402
 
1403
        display: inline-flex;
1404
        align-items: center;
1405
 
1406
        @include media-breakpoint-between(xs, sm) {
1407
            width: 100%;
1408
            margin: 30px;
1409
        }
1410
 
1411
        .rui-settings-label {
1412
            margin: 0 1rem 0 0;
1413
 
1414
            @include media-breakpoint-up(lg) {
1415
                min-width: 350px;
1416
            }
1417
 
1418
            display: flex;
1419
            align-items: center;
1420
        }
1421
 
1422
        .form-item .form-label label {
1423
            margin: 0 1rem 0 0;
1424
        }
1425
 
1426
        .form-description {
1427
            margin: 0 !important;
1428
        }
1429
    }
1430
}
1431
 
1432
@include media-breakpoint-up(lg) {
1433
    [data-settings-name="theme_universe_scb"] {
1434
        margin-top: 35px;
1435
        position: relative;
1436
 
1437
        &:before {
1438
            content: '';
1439
            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");
1440
            width: 24px;
1441
            height: 24px;
1442
 
1443
            position: absolute;
1444
            top: -22px;
1445
            left: -6px;
1446
 
1447
            .theme-dark & {
1448
                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");
1449
            }
1450
        }
1451
    }
1452
}
1453
 
1454
.rui-admin-no {
1455
    margin-right: 20px;
1456
    width: 30px;
1457
    height: 30px;
1458
 
1459
    display: flex;
1460
    align-items: center;
1461
    justify-content: start;
1462
 
1463
    font-size: $font-size-md;
1464
    font-weight: $font-weight-bold;
1465
    color: $body-color;
1466
 
1467
    border-right: 1px solid $border-color;
1468
 
1469
    .theme-dark & {
1470
        border-color: $border-color;
1471
        color: $dm-body-color;
1472
    }
1473
}
1474
 
1475
// For Settings - Textareas
1476
textarea[id$="herosubtitle"],
1477
textarea[id$="introsubtitle"],
1478
textarea[id$="introtitle"],
1479
textarea[id$="introcontent"],
1480
textarea[id$="footercontent"] {
1481
    height: 85px;
1482
}
1483
 
1484
.editor_atto_content.form-control[id$="htmlcontenteditable"] {
1485
    min-height: max-content !important;
1486
}
1487
 
1488
#id_s_theme_universe_titlecoursetab1,
1489
#id_s_theme_universe_titlecoursetab2,
1490
#id_s_theme_universe_titlecoursetab3,
1491
#id_s_theme_universe_titlecoursetab4,
1492
#id_s_theme_universe_titlecoursetab5 {
1493
    height: 80px;
1494
}
1495
 
1496
.rui-settings-item[id^="admin-block4q"],
1497
#admin-fontheadings,
1498
#admin-fontbody,
1499
#admin-fontweightregular,
1500
#admin-fontweightmedium,
1501
#admin-fontweightbold,
1502
#admin-showblock3wrapper,
1503
#admin-coursetablayout,
1504
#admin-titlecoursetab1,
1505
#admin-titlecoursetab2,
1506
#admin-titlecoursetab3,
1507
#admin-titlecoursetab4,
1508
#admin-titlecoursetab5,
1509
#admin-darkmodetheme,
1510
#admin-topbarlogoareaon,
1511
#admin-topbaradditionalbtn,
1512
#admin-stopbaradditionalbtn,
1513
#admin-customloginlogo,
1514
#admin-coursetab5content,
1515
#admin-customlogo,
1516
#admin-footerblock1,
1517
#admin-footerblock2,
1518
#admin-showbasicinfolist,
1519
#admin-showsociallist,
1520
#admin-website,
1521
#admin-cwebsiteurl,
1522
#admin-mobile,
1523
#admin-mail,
1524
#admin-facebook,
1525
#admin-twitter,
1526
#admin-instagram,
1527
#admin-linkedin,
1528
#admin-youtube,
1529
#admin-customdmlogo,
1530
#admin-sdarkmode,
1531
#admin-navbarlogobox,
1532
#admin-colortopbarbtn,
1533
#admin-secnavitems,
1534
#admin-showswitchedroleincourse,
1535
#admin-showhintcoursehidden,
1536
#admin-showhintcourseguestaccess,
1537
#admin-email_footer_text,
1538
#admin-email_footer_copyright,
1539
#admin-email_logo_file,
1540
#admin-email_logo_height,
1541
#admin-email_logo_alt,
1542
#admin-customlogoandname,
1543
#admin-colortopbarbg1,
1544
#admin-colortopbarbg2,
1545
#admin-dmcolortopbarbg1,
1546
#admin-dmcolortopbarbg2,
1547
#admin-colortopbarbtntext,
1441 ariadna 1548
#admin-darkmodefirst,
1549
#admin-colortopbarbtnhover,
1550
#admin-colortopbartext,
1551
#admin-dmcolortopbarbtntext,
1552
#admin-dmcolortopbarbtnhover,
1553
#admin-showfilter1,
1554
#admin-showfilter2,
1555
#admin-showfilter3,
1556
#admin-showfilter4,
1557
#admin-showfilter5,
1558
#admin-showfilter6,
1559
#admin-istab2active,
1560
#admin-ipcoursedetails
1 efrain 1561
{
1562
    padding-bottom: 0 !important;
1563
    border-bottom: 0 !important;
1564
}
1565
 
1566
#admin-fontweightheadings,
1567
#admin-fontweightregular,
1568
#admin-fontweightmedium,
1569
#admin-fontweightbold,
1570
#admin-loginlogooutside,
1571
#admin-customdmlogo,
1572
#admin-customsidebardmlogo,
1573
#admin-block1wrapperbg,
1574
#admin-sdarkmode,
1575
#admin-slightmode,
1441 ariadna 1576
#admin-slightmode,
1 efrain 1577
#admin-customlogo,
1578
#admin-topbaradditionalbtnurl,
1579
#admin-stopbaradditionalbtn,
1580
#admin-customlogotxt,
1581
#admin-footerblock1hr,
1582
#admin-footerblock2hr,
1583
#admin-website,
1584
#admin-cwebsiteurl,
1585
#admin-mobile,
1586
#admin-mail,
1587
#admin-facebook,
1588
#admin-twitter,
1589
#admin-instagram,
1590
#admin-linkedin,
1591
#admin-youtube,
1592
#admin-customsocialicon,
1593
#admin-colortopbarbtnhover,
1594
#admin-colortopbarbtnhovertext,
1595
#admin-email_logo_href,
1596
#admin-email_logo_height,
1597
#admin-navbarlogobox,
1598
#admin-dmcolortopbarbg1,
1599
#admin-dmcolortopbarbg2,
1441 ariadna 1600
#admin-dmcolortopbartext,
1601
#admin-dmcolortopbarbtnhover,
1602
#admin-dmcolortopbarbtnhovertext,
1603
#admin-istab2active,
1604
#admin-disabletab1,
1605
#admin-customfilter1,
1606
#admin-customfilter2,
1607
#admin-customfilter3,
1608
#admin-customfilter4,
1609
#admin-customfilter5,
1610
#admin-customfilter6,
1611
#admin-ipcoursedates,
1 efrain 1612
#admin-email_logo_alt {
1613
    padding-left: 110px !important;
1614
    position: relative;
1615
 
1616
    &:before {
1617
        content: '';
1618
        position: absolute;
1619
        top: 8px;
1620
        left: 60px;
1621
 
1622
        width: 40px;
1623
        height: 40px;
1624
        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");
1625
        background-repeat: no-repeat;
1626
        background-position: 10px -17px;
1627
        background-size: 20px;
1628
 
1629
        .theme-dark & {
1630
            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");
1631
        }
1632
    }
1633
}
1634
 
1635
#admin-coursetab1content,
1636
#admin-coursetab2content,
1637
#admin-coursetab3content,
1638
#admin-coursetab4content,
1639
#admin-coursetab5content,
1640
#admin-cccteacherslist {
1641
    padding-left: 150px !important;
1642
    position: relative;
1643
 
1644
    &:before {
1645
        content: '';
1646
        position: absolute;
1647
        top: 15px;
1648
        left: 104px;
1649
 
1650
        width: 40px;
1651
        height: 40px;
1652
        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");
1653
        background-repeat: no-repeat;
1654
        background-position: 10px -17px;
1655
        background-size: 16px;
1656
 
1657
        .theme-dark & {
1658
            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");
1659
        }
1660
    }
1661
}
1662
 
1663
 
1664
.rui-setting-heading-wrapper--info {
1665
    padding: 20px 30px;
1666
    margin: 0 0 20px 30px;
1667
 
1668
    position: relative;
1669
    background-color: $yellow-100;
1670
    color: $body-color;
1671
    border-radius: $btn-border-radius;
1672
 
1673
    .theme-dark & {
1674
        color: $dm-body-color;
1675
        background-color: $dm-gray-100;
1676
    }
1677
    .rui-setting-desc {
1678
        font-size: $font-size-md;
1679
    }
1680
}
1681
 
1682
[id^="admin-displayblock"] {
1683
    display: inline-flex;
1684
    width: 100%;
1685
 
1686
    .rui-settings-shortname {
1687
        display: none !important;
1688
    }
1689
 
1690
    .rui-settings-label {
1691
        margin-top: 7px;
1692
        margin-bottom: 0;
1693
        margin-right: 30px;
1694
    }
1695
}
1696
 
1697
.rui--turnedon {
1698
    position: relative;
1699
 
1700
    &:after {
1701
        content: '';
1702
        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");
1703
        background-repeat: no-repeat;
1704
        background-position: center;
1705
 
1706
        width: 20px;
1707
        height: 20px;
1708
 
1709
        position: absolute;
1710
        right: 0;
1711
        top: calc(50% - 10px);
1712
    }
1713
 
1714
    .small {
1715
        max-width: 120px;
1716
    }
1717
}
1718
 
1719
// ---- URL:  /admin/tool/dataprivacy/pluginregistry.php#
1720
.type-expand,
1721
.component-expand {
1722
    &:hover {
1723
        color: $link-hover-color;
1724
        text-decoration: none;
1725
    }
1726
}
1727
 
1728
 
1729
// ---- URL:  /admin/index.php
1730
#page-admin-index {
1731
    .checkforupdates {
1732
        margin: 0 !important;
1733
 
1734
        .singlebutton {
1735
            margin-bottom: 0;
1736
        }
1737
    }
1738
 
1739
    .copyright {
1740
        font-size: $font-size-md;
1741
    }
1742
 
1743
    .btn-secondary {
1744
        background-color: $white;
1745
        color: $body-color;
1746
    }
1747
}
1748
 
1749
.sqcolor {
1750
    width: 60px;
1751
    height: 60px;
1752
    border-radius: 3px;
1753
    position: relative;
1754
 
1755
    &:before {
1756
        content: '';
1757
        position: absolute;
1758
        padding: 2px 5px;
1759
        font-size: $font-size-xs;
1760
        font-weight: $font-weight-bold;
1761
        color: $white;
1762
        background-color: $black;
1763
        border-radius: 3px;
1764
    }
1765
}
1766
 
1767
.bg-primary-100 {
1768
    background-color: var(--primary-color-100);
1769
 
1770
    &.bg--desc {
1771
        &:before {
1772
            content: '100';
1773
        }
1774
    }
1775
 
1776
}
1777
 
1778
.bg-primary-200 {
1779
    background-color: var(--primary-color-200);
1780
 
1781
    &.bg--desc {
1782
        &:before {
1783
            content: '200';
1784
        }
1785
    }
1786
}
1787
 
1788
.bg-primary-300 {
1789
    background-color: var(--primary-color-300);
1790
 
1791
    &.bg--desc {
1792
        &:before {
1793
            content: '300';
1794
        }
1795
    }
1796
}
1797
 
1798
.bg-primary-400 {
1799
    background-color: var(--primary-color-400);
1800
 
1801
    &.bg--desc {
1802
        &:before {
1803
            content: '400';
1804
        }
1805
    }
1806
}
1807
 
1808
.bg-primary-500 {
1809
    background-color: var(--primary-color-500);
1810
 
1811
    &.bg--desc {
1812
        &:before {
1813
            content: '500';
1814
        }
1815
    }
1816
}
1817
 
1818
.bg-primary-600 {
1819
    background-color: var(--main-theme-color);
1820
 
1821
    &::after {
1822
        content: '';
1823
        border: 4px solid var(--main-theme-color);
1824
        position: absolute;
1825
        top: -4px;
1826
        left: -4px;
1827
        right: -4px;
1828
        bottom: -4px;
1829
        border-radius: 3px;
1830
    }
1831
 
1832
    &.bg--desc {
1833
        &:before {
1834
            content: '* 600';
1835
            box-shadow: $box-shadow-lg;
1836
        }
1837
    }
1838
}
1839
 
1840
.bg-primary-700 {
1841
    background-color: var(--primary-color-700);
1842
 
1843
    &.bg--desc {
1844
        &:before {
1845
            content: '700';
1846
        }
1847
    }
1848
}
1849
 
1850
.bg-primary-800 {
1851
    background-color: var(--primary-color-800);
1852
 
1853
    &.bg--desc {
1854
        &:before {
1855
            content: '800';
1856
        }
1857
    }
1858
}
1859
 
1860
.bg-primary-900 {
1861
    background-color: var(--primary-color-900);
1862
 
1863
    &.bg--desc {
1864
        &:before {
1865
            content: '900';
1866
        }
1867
    }
1868
}
1869
 
1870
.bg-gray-100 {
1871
    background-color: $gray-100;
1872
 
1873
    &.bg--desc {
1874
        &:before {
1875
            content: '100';
1876
        }
1877
    }
1878
}
1879
 
1880
.bg-gray-200 {
1881
    background-color: $gray-200;
1882
 
1883
    &.bg--desc {
1884
        &:before {
1885
            content: '200';
1886
        }
1887
    }
1888
}
1889
 
1890
.bg-gray-300 {
1891
    background-color: $gray-300;
1892
 
1893
    &.bg--desc {
1894
        &:before {
1895
            content: '300';
1896
        }
1897
    }
1898
}
1899
 
1900
.bg-gray-400 {
1901
    background-color: $gray-400;
1902
 
1903
    &.bg--desc {
1904
        &:before {
1905
            content: '400';
1906
        }
1907
    }
1908
}
1909
 
1910
.bg-gray-500 {
1911
    background-color: $gray-500;
1912
 
1913
    &.bg--desc {
1914
        &:before {
1915
            content: '500';
1916
        }
1917
    }
1918
}
1919
 
1920
.bg-gray-600 {
1921
    background-color: $gray-600;
1922
 
1923
    &::after {
1924
        content: '';
1925
        border: 4px solid rgba($gray-600, .3);
1926
        position: absolute;
1927
        top: -4px;
1928
        left: -4px;
1929
        right: -4px;
1930
        bottom: -4px;
1931
        border-radius: 8px;
1932
    }
1933
 
1934
    &.bg--desc {
1935
        &:before {
1936
            content: '* 600';
1937
            box-shadow: $box-shadow-lg;
1938
        }
1939
    }
1940
}
1941
 
1942
.bg-gray-700 {
1943
    background-color: $gray-700;
1944
 
1945
    &.bg--desc {
1946
        &:before {
1947
            content: '700';
1948
        }
1949
    }
1950
}
1951
 
1952
.bg-gray-800 {
1953
    background-color: $gray-800;
1954
 
1955
    &.bg--desc {
1956
        &:before {
1957
            content: '800';
1958
        }
1959
    }
1960
}
1961
 
1962
.bg-gray-900 {
1963
    background-color: $gray-900;
1964
 
1965
    &.bg--desc {
1966
        &:before {
1967
            content: '900';
1968
        }
1969
    }
1970
}
1971
 
1972
 
1973
.bg-dm-gray-100 {
1974
    background-color: $dm-gray-100;
1975
 
1976
    &.bg--desc {
1977
        &:before {
1978
            content: '100';
1979
        }
1980
    }
1981
}
1982
 
1983
.bg-dm-gray-200 {
1984
    background-color: $dm-gray-200;
1985
 
1986
    &.bg--desc {
1987
        &:before {
1988
            content: '200';
1989
        }
1990
    }
1991
}
1992
 
1993
.bg-dm-gray-300 {
1994
    background-color: $dm-gray-300;
1995
 
1996
    &.bg--desc {
1997
        &:before {
1998
            content: '300';
1999
        }
2000
    }
2001
}
2002
 
2003
.bg-dm-gray-400 {
2004
    background-color: $dm-gray-400;
2005
 
2006
    &.bg--desc {
2007
        &:before {
2008
            content: '400';
2009
        }
2010
    }
2011
}
2012
 
2013
.bg-dm-gray-500 {
2014
    background-color: $dm-gray-500;
2015
 
2016
    &.bg--desc {
2017
        &:before {
2018
            content: '500';
2019
        }
2020
    }
2021
}
2022
 
2023
.bg-dm-gray-600 {
2024
    background-color: $dm-gray-600;
2025
 
2026
    &::after {
2027
        content: '';
2028
        border: 4px solid rgba($dm-gray-600, .3);
2029
        position: absolute;
2030
        top: -4px;
2031
        left: -4px;
2032
        right: -4px;
2033
        bottom: -4px;
2034
        border-radius: 8px;
2035
    }
2036
 
2037
    &.bg--desc {
2038
        &:before {
2039
            content: '* 600';
2040
            box-shadow: $box-shadow-lg;
2041
        }
2042
    }
2043
}
2044
 
2045
.bg-dm-gray-700 {
2046
    background-color: $dm-gray-700;
2047
 
2048
    &.bg--desc {
2049
        &:before {
2050
            content: '700';
2051
        }
2052
    }
2053
}
2054
 
2055
.bg-dm-gray-800 {
2056
    background-color: $dm-gray-800;
2057
 
2058
    &.bg--desc {
2059
        &:before {
2060
            content: '800';
2061
        }
2062
    }
2063
}
2064
 
2065
.bg-dm-gray-900 {
2066
    background-color: $dm-gray-900;
2067
 
2068
    &.bg--desc {
2069
        &:before {
2070
            content: '900';
2071
        }
2072
    }
2073
}
2074
 
2075
 
2076
#admin-sdarkmode,
2077
#admin-slightmode,
2078
[id^="admin-string"] {
2079
    textarea {
2080
        height: 90px;
2081
    }
2082
}
2083
 
2084
[id^="#id_s_theme_universe_labelcustomitem"],
2085
[id^="#id_s_theme_universe_urlcustomitem"] {
2086
    height: 65px;
2087
}
2088
 
2089
 
2090
 
2091
.admintable.environmenttable {
2092
    td {
2093
        font-size: $font-size-sm;
2094
    }
2095
}
2096
 
2097
#plugins-check-page,
2098
.environmenttable {
2099
    .status {
2100
        text-align: right;
2101
 
2102
        .badge {
2103
            padding: 3px 7px;
2104
            font-size: 11px;
2105
            font-weight: $font-weight-medium;
2106
            border-radius: 3px;
2107
        }
2108
    }
2109
}
2110
 
2111
#page-maintenance {
2112
    h1 {
2113
        @include media-breakpoint-down(sm) {
2114
            font-size: 1.5rem;
2115
        }
2116
    }
2117
 
2118
    h2 {
2119
        margin-top: 20px;
2120
        margin-bottom: 20px;
2121
 
2122
        font-size: 1rem;
2123
        text-align: left;
2124
    }
2125
 
2126
    @include media-breakpoint-down(sm) {
2127
        .wrapper-xl {
2128
            max-width: 90%;
2129
        }
2130
    }
2131
}
2132
 
2133
.form-textarea {
2134
    width: 100%;
2135
}
2136
 
2137
.rui-settings-container {
2138
    hr {
2139
        margin-top: 20px;
2140
        margin-bottom: 20px;
2141
    }
2142
}
2143
 
2144
#page-admin-roles-define {
2145
    .buttons {
2146
        margin-top: 20px;
2147
    }
2148
}
2149
 
2150
#plugin_type_cell_mod {
2151
    display: flex;
2152
    align-items: center;
2153
    gap: 10px;
1441 ariadna 2154
}
2155
 
2156
.badge.bg-light.text-dark {
2157
    background-color: $gray-200!important;
1 efrain 2158
}