1/* admin.less */
2.formtable tbody th {
3    font-weight: normal;
4    text-align: right;
5}
6
7.path-admin #assignrole {
8    width: 60%;
9    margin-left: auto;
10    margin-right: auto;
11}
12
13.path-admin .admintable .leftalign {
14    text-align: left;
15}
16
17.environmenttable {
18    .warn {
19        @extend .alert-warning;
20    }
21
22    .error {
23        @extend .alert-danger;
24    }
25
26    .ok {
27        @extend .alert-success;
28    }
29}
30
31.path-admin .admintable.environmenttable .name,
32.path-admin .admintable.environmenttable .info,
33.path-admin #assignrole .admintable .role,
34.path-admin #assignrole .admintable .userrole,
35.path-admin #assignrole .admintable .roleholder {
36    white-space: nowrap;
37}
38
39.path-admin .incompatibleblockstable td.c0 {
40    font-weight: bold;
41}
42
43#page-admin-course-category .addcategory {
44    padding: 10px;
45}
46
47#page-admin-course-index .editcourse {
48    margin: 20px auto;
49}
50
51#page-admin-course-index .editcourse th,
52#page-admin-course-index .editcourse td {
53    padding-left: 10px;
54    padding-right: 10px;
55}
56
57.timewarninghidden {
58    display: none;
59}
60
61#page-admin-report-capability-index #capabilitysearch {
62    width: 30em;
63}
64
65#page-admin-qtypes #qtypes div,
66#page-admin-qtypes #qtypes form,
67#page-admin-qbehaviours #qbehaviours div,
68#page-admin-qbehaviours #qbehaviours form {
69    display: inline;
70}
71
72#page-admin-qtypes #qtypes img.spacer,
73#page-admin-qbehaviours #qbehaviours img.spacer {
74    width: 16px;
75}
76
77#page-admin-qbehaviours .cell.c3,
78#page-admin-qtypes .cell.c3 {
79    font-size: $font-size-sm;
80}
81
82#page-admin-lang .generalbox,
83#page-admin-course-index .singlebutton,
84#page-admin-course-index .addcategory,
85#page-course-index .buttons,
86#page-course-index-category .buttons,
87#page-admin-course-category .addcategory,
88#page-admin-stickyblocks .generalbox,
89#page-admin-maintenance .buttons,
90#page-admin-course-index .buttons,
91#page-admin-course-category .buttons,
92#page-admin-index .copyright,
93#page-admin-index .copyrightnotice,
94#page-admin-index .adminerror .singlebutton,
95#page-admin-index .adminwarning .singlebutton,
96#page-admin-index #layout-table .singlebutton {
97    text-align: center;
98    margin-bottom: 1em;
99}
100
101.path-admin-roles .capabilitysearchui {
102    text-align: left;
103    margin-left: auto;
104    margin-right: auto;
105    margin-top: $spacer;
106}
107
108#page-admin-roles-define .topfields {
109    margin: 1em 0 2em;
110}
111
112#page-admin-roles-define .capdefault {
113    background-color: $table-hover-bg;
114}
115
116#page-filter-manage .backlink,
117.path-admin-roles .backlink {
118    margin-top: 1em;
119}
120
121#page-admin-roles-explain #chooseuser h3,
122#page-admin-roles-usersroles .contextname {
123    margin-top: 0;
124}
125
126#page-admin-roles-explain #chooseusersubmit {
127    margin-top: 0;
128    text-align: center;
129}
130
131#page-admin-roles-usersroles p {
132    margin: 0;
133}
134
135#page-admin-roles-override .cell.c1,
136#page-admin-roles-assign .cell.c3,
137#page-admin-roles-assign .cell.c1 {
138    padding-top: 0.75em;
139}
140
141#page-admin-roles-override .overridenotice,
142#page-admin-roles-define .definenotice {
143    margin: 1em 10% 2em 10%;
144    text-align: left;
145}
146
147#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
148    display: block;
149}
150
151#page-admin-index .updateplugin div {
152    margin-bottom: 0.5em;
153}
154
155#page-admin-user-user_bulk #users .fgroup {
156    white-space: nowrap;
157}
158
159#page-admin-report-stats-index .graph {
160    text-align: center;
161    margin-bottom: 1em;
162}
163
164#page-admin-report-courseoverview-index .graph {
165    text-align: center;
166    margin-bottom: 1em;
167}
168
169#page-admin-lang .translator {
170    border-width: 1px;
171    border-style: solid;
172}
173
174// This is the CSS for the role assignment control.
175.path-admin .roleassigntable {
176    width: 100%;
177}
178
179.path-admin .roleassigntable td {
180    vertical-align: top;
181    padding: 0.2em 0.3em;
182}
183
184.path-admin .roleassigntable p {
185    text-align: left;
186    margin: 0.2em 0;
187}
188
189.path-admin .roleassigntable #existingcell,
190.path-admin .roleassigntable #potentialcell {
191    width: 42%;
192}
193
194// Targetting the label at the top.
195.path-admin .roleassigntable #existingcell p > label:first-child,
196.path-admin .roleassigntable #potentialcell p > label:first-child {
197    font-weight: bold;
198}
199
200.path-admin .roleassigntable #buttonscell {
201    width: 16%;
202}
203
204.path-admin .roleassigntable #buttonscell #assignoptions {
205    font-size: $font-size-sm;
206}
207
208.path-admin .roleassigntable #removeselect_wrapper,
209.path-admin .roleassigntable #addselect_wrapper {
210    width: 100%;
211}
212
213.path-admin table.rolecap tr.rolecap th {
214    text-align: left;
215    font-weight: normal;
216}
217
218.path-admin .rolecap .hiddenrow {
219    display: none;
220}
221
222.path-admin #defineroletable {
223    .rolecap {
224        .inherit,
225        .allow,
226        .prevent,
227        .prohibit {
228            text-align: center;
229            padding: 0;
230            min-width: 3.5em;
231        }
232    }
233}
234
235.path-admin .rolecap .cap-name,
236.path-admin .rolecap .note {
237    display: block;
238    font-size: $font-size-sm;
239    white-space: nowrap;
240    font-weight: normal;
241}
242
243.path-admin .rolecap label {
244    display: block;
245    text-align: center;
246    padding: 0.5em;
247    margin: 0;
248}
249
250.plugincheckwrapper {
251    width: 100%;
252}
253
254.environmentbox {
255    margin-top: 1em;
256}
257
258#mnetconfig table {
259    margin-left: auto;
260    margin-right: auto;
261}
262
263.environmenttable .cell {
264    padding: .15em .5em;
265}
266
267#trustedhosts .generaltable {
268    margin-left: auto;
269    margin-right: auto;
270    width: 500px;
271}
272
273#trustedhosts .standard {
274    width: auto;
275}
276
277// This usage of legend is a bit weird,
278// seems to be using them as error text
279// that's only sometimes visible. Should
280// look into sorting it.
281#adminsettings legend {
282    display: none;
283}
284
285#adminsettings fieldset.error {
286    margin: .2em 0 .5em 0;
287}
288
289#adminsettings fieldset.error legend {
290    display: block;
291}
292
293#admin-spelllanguagelist textarea,
294#page-admin-setting-editorsettingstinymce .form-textarea textarea {
295    /* rtl:ignore */
296    text-align: left;
297    /* rtl:ignore */
298    direction: ltr;
299}
300
301/* Styles for flags on admin settings */
302.adminsettingsflags {
303    float: right;
304}
305
306.adminsettingsflags label {
307    margin-right: 7px;
308}
309
310.form-description pre,
311.formsettingheading pre {
312    /*rtl:ignore*/
313    direction: ltr;
314}
315
316.form-item .form-setting .form-htmlarea {
317    display: inline;
318}
319
320.form-item .form-setting .form-htmlarea .htmlarea {
321    width: 640px;
322    display: block;
323}
324
325.form-item .form-setting .form-multicheckbox ul {
326    list-style: none;
327    padding: 0;
328    margin: 7px 0 0 0;
329}
330
331.form-item .form-setting .defaultsnext {
332    display: inline;
333}
334
335.form-item .form-setting .locked-checkbox {
336    margin-right: 0.2em;
337    margin-left: 0.5em;
338    display: inline;
339}
340
341.form-item .form-setting .form-password .unmask,
342.form-item .form-setting .form-defaultinfo {
343    display: inline-block;
344}
345
346.form-item .form-setting .form-defaultinfo {
347    max-width: 100%;
348    word-wrap: break-word;
349}
350
351#admin-emoticons td input {
352    width: 8em;
353}
354
355#admin-emoticons td.c0 input {
356    width: 4em;
357}
358
359#adminthemeselector .selectedtheme td.c0 {
360    border: 1px solid $state-info-border;
361    border-right-width: 0;
362}
363
364#adminthemeselector .selectedtheme td.c1 {
365    border: 1px solid $state-info-border;
366    border-left-width: 0;
367}
368
369.admin_colourpicker,
370.admin_colourpicker_preview {
371    display: none;
372}
373
374.jsenabled .admin_colourpicker_preview {
375    display: inline;
376}
377
378@include media-breakpoint-up(md) {
379    .jsenabled .admin_colourpicker {
380        display: block;
381        height: 102px;
382        width: 410px;
383        margin-bottom: 10px;
384        box-sizing: content-box;
385    }
386    .admin_colourpicker .colourdialogue {
387        float: left;
388        border: 1px solid $input-border-color;
389    }
390    .admin_colourpicker .previewcolour {
391        border: 1px solid $input-border-color;
392        margin-left: 301px;
393    }
394
395    .admin_colourpicker .currentcolour {
396        border: 1px solid $input-border-color;
397        margin-left: 301px;
398        border-top-width: 0;
399    }
400}
401
402@include media-breakpoint-down(sm) {
403    .jsenabled .admin_colourpicker {
404        height: 150px;
405        margin-bottom: 10px;
406        display: block;
407        position: relative;
408    }
409    .admin_colourpicker .previewcolour {
410        display: none;
411    }
412    .admin_colourpicker .currentcolour {
413        position: absolute;
414        border: 1px solid $border-color;
415        top: 100px;
416        left: 0;
417    }
418
419}
420.admin_colourpicker .loadingicon {
421    vertical-align: middle;
422    margin-left: auto;
423}
424
425#page-admin-index #notice .checkforupdates {
426    text-align: center;
427}
428
429// Plugins overview page at admin/plugins.php
430#page-admin-plugins {
431    #plugins-overview-panel {
432        .info {
433            display: inline-block;
434            margin-right: 1em;
435        }
436    }
437
438    .checkforupdates {
439        margin: 10px 0;
440
441        .singlebutton {
442            margin: 5px 0;
443            padding: 0;
444
445            div,
446            input {
447                margin: 0 3px 0 0;
448            }
449        }
450    }
451
452    .updateavailableinstallall {
453        margin: 5px 0;
454        padding: 0;
455
456        div,
457        input {
458            margin: 0 3px 5px 0;
459        }
460    }
461
462    #plugins-control-panel {
463        .status-missing td {
464            background-color: $state-warning-bg;
465        }
466
467        .pluginname {
468            .componentname {
469                font-size: $font-size-sm;
470                color: $text-muted;
471                margin-left: 22px;
472            }
473        }
474
475        .version {
476            .versionnumber {
477                font-size: $font-size-sm;
478                color: $text-muted;
479            }
480        }
481
482        .uninstall {
483            a {
484                color: $danger;
485            }
486        }
487
488        .notes {
489            .label {
490                margin-right: 3px;
491            }
492
493            .requiredby {
494                font-size: $font-size-sm;
495                color: $text-muted;
496            }
497        }
498    }
499}
500
501
502// Plugins check page displayed during upgrade.
503#plugins-check-page {
504
505    // Plugins check table.
506    #plugins-check {
507        .status-missing,
508        .status-downgrade {
509            td {
510                background-color: $state-danger-bg;
511            }
512        }
513    }
514}
515
516// Available plugin update notification.
517
518#plugins-check-page,
519#plugins-control-panel {
520    .pluginupdateinfo {
521        background-color: $state-info-bg;
522
523        &.maturity50 {
524            background-color: $state-danger-bg;
525        }
526
527        &.maturity100,
528        &.maturity150 {
529            background-color: $state-warning-bg;
530        }
531        padding: 5px;
532        margin: 10px 0;
533
534        @include border-radius(5px);
535
536        .info {
537            display: inline-block;
538        }
539
540        .separator:after {
541            content: " | ";
542        }
543
544        .singlebutton {
545            margin: 5px 0;
546            padding: 0;
547
548            div,
549            input {
550                margin: 0 3px 0 0;
551            }
552        }
553    }
554}
555
556.plugins-management-confirm-buttons {
557    > div {
558        display: inline-block;
559        margin: 1em 1em 1em 0;
560    }
561
562    .continue {
563        padding: 0;
564
565        div,
566        input {
567            margin: 0;
568        }
569    }
570}
571
572#page-admin-index .upgradepluginsinfo {
573    text-align: center;
574}
575
576#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
577    content: " | ";
578}
579
580/** MNet networking */
581#page-admin-mnet-peers .box.deletedhosts {
582    margin-bottom: 1em;
583    font-size: $font-size-sm;
584}
585
586#core-cache-plugin-summaries table,
587#core-cache-store-summaries table {
588    width: 100%;
589}
590
591#core-cache-lock-summary table,
592#core-cache-definition-summaries table,
593#core-cache-mode-mappings table {
594    margin: 0 auto;
595}
596
597#core-cache-store-summaries .default-store td {
598    font-style: italic;
599}
600
601#core-cache-rescan-definitions,
602#core-cache-mode-mappings .edit-link,
603#core-cache-lock-additional-actions .new-instance {
604    margin-top: 0.5em;
605    text-align: center;
606}
607
608.maintenancewarning {
609    position: fixed;
610    bottom: 0;
611    right: 0;
612    overflow: hidden;
613    z-index: $zindex-dropdown;
614}
615
616.modal.modal-in-page {
617    z-index: 0;
618}
619
620#page-admin-search {
621    .adminpagetitle {
622        margin-bottom: 0;
623        border-bottom: none;
624    }
625    .adminpagepath {
626        display: flex;
627        flex-wrap: wrap;
628        list-style: none;
629        padding: 0;
630        margin: 0 0 1.5rem 0;
631        li {
632            + li:before {
633                padding-right: 0.5rem;
634                padding-left: 0.5rem;
635                content: "#{$breadcrumb-divider}";
636            }
637        }
638    }
639    @media (min-width: 576px) {
640        .container {
641            overflow-wrap: break-word;
642        }
643    }
644}
645
646#page-admin-tasklogs {
647    .task-class {
648        font-size: $font-size-sm;
649        color: $gray-600;
650    }
651}
652
653.path-admin-tool-uploaduser {
654    .uuwarning {
655        background-color: $state-warning-bg;
656    }
657
658    .uuerror {
659        background-color: $state-danger-bg;
660    }
661
662    .uuinfo {
663        background-color: $state-success-bg;
664    }
665}
666