26f41d8c2a65940495734f4cbee9da31660c3512
[moodle.git] / theme / bootstrapbase / less / moodle / admin.less
1 /* admin.less */
2 .formtable tbody th {
3     font-weight: normal;
4     text-align: right;
5 }
7 .path-admin #assignrole {
8     width: 60%;
9     margin-left: auto;
10     margin-right: auto;
11 }
13 .path-admin .admintable .leftalign {
14     text-align: left;
15 }
17 .environmenttable {
18     .warn {
19         background-color: @warningBackground;
20         color: @warningText;
21     }
22     .error {
23         background-color: @errorBackground;
24         color: @errorText;
25     }
26     .ok {
27         background-color: @successBackground;
28         color: @successText;
29     }
30 }
32 .path-admin .admintable.environmenttable .name,
33 .path-admin .admintable.environmenttable .info,
34 .path-admin #assignrole .admintable .role,
35 .path-admin #assignrole .admintable .userrole,
36 .path-admin #assignrole .admintable .roleholder {
37     white-space: nowrap;
38 }
40 .path-admin .incompatibleblockstable td.c0 {
41     font-weight: bold;
42 }
44 #page-admin-course-category .addcategory {
45     padding: 10px;
46 }
48 #page-admin-course-index .editcourse {
49     margin: 20px auto;
50 }
52 #page-admin-course-index .editcourse th,
53 #page-admin-course-index .editcourse td {
54     padding-left: 10px;
55     padding-right: 10px;
56 }
58 .timewarninghidden {
59     display: none;
60 }
61 .statusok,
62 .statuswarning,
63 .statusserious,
64 .statuscritical {
65     .label;
66 }
67 .statusok {
68     background-color: @successText;
69 }
70 .statuswarning {
71     background-color: @warningText;
72 }
73 .statusserious {
74     background-color: @orange;
75 }
76 .statuscritical {
77     background-color: @errorText;
78 }
80 #page-admin-report-capability-index #capabilitysearch {
81     width: 30em;
82 }
84 #page-admin-report-backups-index .backup-error,
85 #page-admin-report-backups-index .backup-unfinished {
86     color: @errorText;
87 }
89 #page-admin-report-backups-index .backup-skipped,
90 #page-admin-report-backups-index .backup-ok,
91 #page-admin-report-backups-index .backup-notyetrun {
92     color: @successText;
93 }
95 #page-admin-report-backups-index .backup-warning {
96     color: @warningText;
97 }
99 #page-admin-qtypes .disabled,
100 #page-admin-qbehaviours .disabled {
101     .muted;
104 #page-admin-qtypes #qtypes div,
105 #page-admin-qtypes #qtypes form,
106 #page-admin-qbehaviours #qbehaviours div,
107 #page-admin-qbehaviours #qbehaviours form {
108     display: inline;
111 #page-admin-qtypes #qtypes img.spacer,
112 #page-admin-qbehaviours #qbehaviours img.spacer {
113     width: 16px;
116 // Make them more finger friendly.
117 img.iconsmall {
118     margin: 0;
119     padding: 0.3em;
123 #page-admin-qbehaviours .cell.c3,
124 #page-admin-qtypes .cell.c3 {
125     font-size: @fontSizeMini;
128 #page-admin-lang .generalbox,
129 #page-admin-course-index .singlebutton,
130 #page-admin-course-index .addcategory,
131 #page-course-index .buttons,
132 #page-course-index-category .buttons,
133 #page-admin-course-category .addcategory,
134 #page-admin-stickyblocks .generalbox,
135 #page-admin-maintenance .buttons,
136 #page-admin-course-index .buttons,
137 #page-admin-course-category .buttons,
138 #page-admin-index .copyright,
139 #page-admin-index .copyrightnotice,
140 #page-admin-index .adminerror .singlebutton,
141 #page-admin-index .adminwarning .singlebutton,
142 #page-admin-index #layout-table .singlebutton {
143     text-align: center;
144     margin-bottom: 1em;
147 .path-admin-roles .capabilitysearchui {
148     text-align: left;
149     margin-left: auto;
150     margin-right: auto;
152 #page-admin-tool-spamcleaner-index .spamcleanerform input[type="submit"] {
153     margin-bottom: 0;
155 .path-admin-roles .capabilitysearchui input[type="button"] {
156     margin-bottom: 0;
159 #page-admin-roles-define .topfields {
160     margin: 1em 0 2em;
163 #page-admin-roles-define .capdefault {
164     background-color: @tableBackgroundHover;
165     border: 1px solid @tableBorder;
168 #page-filter-manage .backlink,
169 .path-admin-roles .backlink {
170     margin-top: 1em;
173 #page-admin-roles-explain #chooseuser h3,
174 #page-admin-roles-usersroles .contextname {
175     margin-top: 0;
178 #page-admin-roles-explain #chooseusersubmit {
179     margin-top: 0;
180     text-align: center;
183 #page-admin-roles-usersroles p {
184     margin: 0;
187 #page-admin-roles-override .cell.c1,
188 #page-admin-roles-assign .cell.c3,
189 #page-admin-roles-assign .cell.c1 {
190     padding-top: 0.75em;
193 #page-admin-roles-override .overridenotice,
194 #page-admin-roles-define .definenotice {
195     margin: 1em 10% 2em 10%;
196     text-align: left;
199 // Allow in-page modals like bootstrap 4.
200 .modal.modal-in-page {
201     position: static;
202     z-index: 0;
203     margin: 0 auto 0 auto;
206 // We need to keep this rule because confirm messages during upgrade use it. We can never change it because we don't
207 // serve new stylesheets until after upgrade.
208 #page-admin-index #notice {
209     width: 60%;
210     min-width: 220px;
211     margin: auto;
213     .buttons {
214         padding-left: 0;
215         padding-right: 0;
216         text-align: center;
217     }
220 #page-admin-index .releasenoteslink,
221 #page-admin-index .adminwarning,
222 #page-admin-index .adminerror {
223     margin: auto;
224     .alert;
225     width: 60%;
226     min-width: 220px;
228 #page-admin-index .adminerror {
229     .alert-error;
232 #page-admin-index .releasenoteslink {
233     .alert-info;
236 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
237     display: block;
240 #page-admin-index .updateplugin div {
241     margin-bottom: 0.5em;
244 #page-admin-index .updateplugin .updatepluginconfirmexternal {
245     padding: 1em;
246     background-color: @errorBackground;
247     border: 1px solid @errorBorder;
250 #page-admin-user-user_bulk #users .fgroup {
251     white-space: nowrap;
254 #page-admin-report-stats-index .graph {
255     text-align: center;
256     margin-bottom: 1em;
259 #page-admin-report-courseoverview-index .graph {
260     text-align: center;
261     margin-bottom: 1em;
264 #page-admin-lang .translator {
265     border-width: 1px;
266     border-style: solid;
269 // This is the CSS for the role assignment control.
270 .path-admin .roleassigntable {
271     width: 100%;
274 .path-admin .roleassigntable td {
275     vertical-align: top;
276     padding: 0.2em 0.3em;
279 .path-admin .roleassigntable p {
280     text-align: left;
281     margin: 0.2em 0;
284 .path-admin .roleassigntable #existingcell,
285 .path-admin .roleassigntable #potentialcell {
286     width: 42%;
289 // Targetting the label at the top.
290 .path-admin .roleassigntable #existingcell p > label:first-child,
291 .path-admin .roleassigntable #potentialcell p > label:first-child {
292     font-weight: bold;
295 .path-admin .roleassigntable #buttonscell {
296     width: 16%;
299 .path-admin .roleassigntable #buttonscell #assignoptions {
300     font-size: @fontSizeMini;
303 .path-admin .roleassigntable #removeselect_wrapper,
304 .path-admin .roleassigntable #addselect_wrapper {
305     width: 100%;
308 .path-admin table.rolecap tr.rolecap th {
309     text-align: left;
310     font-weight: normal;
313 .path-admin .rolecap .hiddenrow {
314     display: none;
317 .path-admin #defineroletable {
318     .rolecap {
319         .inherit,
320         .allow,
321         .prevent,
322         .prohibit {
323             text-align: center;
324             padding: 0;
325             min-width: 3.5em;
326         }
327     }
330 .path-admin .rolecap .cap-name,
331 .path-admin .rolecap .note {
332     display: block;
333     font-size: @fontSizeMini;
334     white-space: nowrap;
335     font-weight: normal;
338 .path-admin .rolecap label {
339     display: block;
340     text-align: center;
341     padding: 0.5em;
342     margin: 0;
345 .plugincheckwrapper {
346     width: 100%;
349 .environmentbox {
350     margin-top: 1em;
353 #mnetconfig table {
354     margin-left: auto;
355     margin-right: auto;
358 .environmenttable .cell {
359     padding: .15em .5em;
362 .environmenttable img.iconhelp {
363     padding-right: .3em;
366 #trustedhosts .generaltable {
367     margin-left: auto;
368     margin-right: auto;
369     width: 500px;
372 #trustedhosts .standard {
373     width: auto;
376 // This usage of legend is a bit weird,
377 // seems to be using them as error text
378 // that's only sometimes visible. Should
379 // look into sorting it.
380 #adminsettings legend {
381     display: none;
384 #adminsettings fieldset.error {
385     margin: .2em 0 .5em 0;
388 #adminsettings fieldset.error legend {
389     display: block;
392 /*rtl:ignore*/
393 #admin-spelllanguagelist textarea,
394 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
395     text-align: left;
396     direction: ltr;
399 /* Styles for flags on admin settings */
400 .adminsettingsflags {
401     float: right;
404 .adminsettingsflags label {
405     margin-right: 7px;
408 .form-description {
409     clear: right;
412 .form-description,
413 .formsettingheading {
414     pre {
415         /* Code examples should be left aligned. */
416         /*rtl:ignore*/
417         direction: ltr;
418     }
421 .form-item .form-setting .form-htmlarea {
422     display: inline;
425 .form-item .form-setting .form-htmlarea .htmlarea {
426     width: 640px;
427     display: block;
430 .form-item .form-setting .form-multicheckbox ul {
431     list-style: none;
432     padding: 0;
433     margin: 7px 0 0 0;
436 .form-item .form-setting .defaultsnext {
437     margin-right: 0.5em;
438     display: inline;
440 .form-item .form-setting .locked-checkbox {
441     margin-right: 0.2em;
442     margin-left: 0.5em;
443     display: inline;
446 .form-item .form-setting .form-password .unmask,
447 .form-item .form-setting .form-defaultinfo {
448     display: inline-block;
451 .form-item .pathok,
452 .form-item .patherror {
453     margin-left: 0.5em;
456 #admin-emoticons td input {
457     width: 8em;
460 #admin-emoticons td.c0 input {
461     width: 4em;
464 #adminthemeselector .selectedtheme td.c0 {
465     border: 1px solid @black;
466     border-right-width: 0;
469 #adminthemeselector .selectedtheme td.c1 {
470     border: 1px solid @black;
471     border-left-width: 0;
474 .admin_colourpicker,
475 .admin_colourpicker_preview {
476     display: none;
479 .jsenabled .admin_colourpicker_preview {
480     display: inline;
483 .jsenabled .admin_colourpicker {
484     display: block;
485     height: 102px;
486     width: 410px;
487     margin-bottom: 10px;
490 .admin_colourpicker .loadingicon {
491     vertical-align: middle;
492     margin-left: auto;
495 .admin_colourpicker .colourdialogue {
496     float: left;
497     border: 1px solid @black;
500 .admin_colourpicker .previewcolour {
501     border: 1px solid @black;
502     margin-left: 301px;
505 .admin_colourpicker .currentcolour {
506     border: 1px solid @black;
507     margin-left: 301px;
508     border-top-width: 0;
511 #page-admin-index #notice .checkforupdates {
512     text-align: center;
515 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
516     background-color: @infoBackground;
519 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
520 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
521     background-color: @warningBackground;
524 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
525     background-color: @errorBackground;
528 // Plugins overview page at admin/plugins.php
529 #page-admin-plugins {
531     #plugins-overview-panel {
532         .info {
533             display: inline-block;
534             margin-right: 1em;
535         }
536     }
538     .checkforupdates {
539         margin: 10px 0;
540         .singlebutton {
541             margin: 5px 0;
542             padding: 0;
543             div,
544             input {
545                 margin: 0 3px 0 0;
546             }
547         }
548     }
550     .updateavailableinstallall {
551         margin: 5px 0;
552         padding: 0;
553         div,
554         input {
555             margin: 0 3px 5px 0;
556         }
557     }
559     #plugins-control-panel {
560         .status-missing td {
561             background-color: @errorBackground;
562         }
563         .pluginname {
564             .displayname img.icon {
565                 padding-top: 0;
566                 padding-bottom: 0;
567             }
568             .componentname {
569                 font-size: @fontSizeSmall;
570                 .muted;
571                 margin-left: 22px;
572             }
573         }
574         .version {
575             .versionnumber {
576                 font-size: @fontSizeSmall;
577                 .muted;
578             }
579         }
581         .uninstall {
582             a {
583                 color: @errorText;
584             }
585         }
586         .notes {
587             .label {
588                 margin-right: 3px;
589             }
590             .requiredby {
591                 font-size: @fontSizeSmall;
592                 .muted;
593             }
594         }
595     }
599 // Plugins check page displayed during upgrade.
600 #plugins-check-page {
602     .page-description {
603         .muted;
604     }
606     // Check for updates.
607     .checkforupdates {
608         .singlebutton {
609             margin: 5px 0;
610             padding: 0;
611             div,
612             input {
613                 margin: 0 3px 0 0;
614             }
615         }
616     }
618     // Section before the plugins check table.
619     #plugins-check-info {
620         .actions {
621             > div {
622                 display: inline-block;
623                 margin-right: 1em;
624             }
625             .singlebutton {
626                 margin: 5px 0;
627                 padding: 0;
628                 div,
629                 input {
630                     margin: 0 3px 0 0;
631                 }
632             }
633         }
634     }
636     // Plugins check table.
637     #plugins-check {
638         .requires-ok {
639             .muted;
640         }
642         .status-missing,
643         .status-downgrade {
644             td {
645                 background-color: @errorBackground;
646             }
647         }
649         .displayname {
650             .pluginicon {
651                 margin-right: 5px;
652                 width: 16px;
653             }
654             .plugindir {
655                 .muted;
656                 font-size: @fontSizeSmall;
657             }
658         }
660         .requires ul {
661             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
662         }
664         .status {
665             .actionbutton {
666                 margin: 5px 0;
667                 padding: 0;
668                 input {
669                     margin: 0;
670                 }
671             }
672         }
673     }
675     .plugins-check-dependencies-actions {
676         > div {
677             display: inline-block;
678             margin-right: 1em;
679         }
680         .singlebutton {
681             margin: 5px 0;
682             padding: 0;
683             div,
684             input {
685                 margin: 0 3px 0 0;
686             }
687         }
688     }
690     // List of available dependencies on the plugins check page.
691     #plugins-check-available-dependencies {
692         .displayname .component {
693             font-size: @fontSizeSmall;
694             .muted;
695         }
696         .info .actions {
697             > div {
698                 display: inline-block;
699                 margin-right: 1em;
700             }
701             .dependencyinstall {
702                 display: block;
703                 margin: 5px 0;
704                 padding: 0;
705                 input {
706                     margin: 0;
707                 }
708             }
709         }
710     }
713 // Available plugin update notification.
715 #plugins-check-page,
716 #plugins-control-panel {
717     .pluginupdateinfo {
718         background-color: @infoBackground;
719         &.maturity50 {
720             background-color: @errorBackground;
721         }
722         &.maturity100,
723         &.maturity150 {
724             background-color: @warningBackground;
725         }
726         padding: 5px;
727         margin: 10px 0;
728         .border-radius(5px);
729         .info {
730             display: inline-block;
731         }
732         .separator:after {
733             content: " | ";
734         }
735         .singlebutton {
736             margin: 5px 0;
737             padding: 0;
738             div,
739             input {
740                 margin: 0 3px 0 0;
741             }
742         }
743     }
746 .plugins-management-confirm-buttons {
747     > div {
748         display: inline-block;
749         margin: 1em 1em 1em 0;
750     }
751     .continue {
752         padding: 0;
753         div,
754         input {
755             margin: 0;
756         }
757     }
760 .uninstalldeleteconfirmexternal {
761     background-color: @warningBackground;
762     padding: 0.5em 1em;
763     margin: 5px 0 10px 0;
766 #page-admin-index .upgradepluginsinfo {
767     text-align: center;
770 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
771     content: " | ";
774 #plugins-check {
775     .pluginupdateinfo {
776         text-align: center;
777         /*rtl:ignore*/
778         direction: ltr;
779     }
780     .requires-ok {
781         /*rtl:ignore*/
782         text-align: left;
783         /*rtl:ignore*/
784         direction: ltr;
785     }
788 /** MNet networking */
789 #page-admin-mnet-peers .box.deletedhosts {
790     margin-bottom: 1em;
791     font-size: @fontSizeSmall;
794 #page-admin-mnet-peers .mform .deletedhostinfo {
795     background-color: @errorBackground;
796     border: 2px solid @errorBorder;
797     padding: 4px;
798     margin-bottom: 5px;
801 #core-cache-plugin-summaries table,
802 #core-cache-store-summaries table {
803     width: 100%;
806 #core-cache-lock-summary table,
807 #core-cache-definition-summaries table,
808 #core-cache-mode-mappings table {
809     margin: 0 auto;
812 #core-cache-store-summaries .default-store td {
813     font-style: italic;
816 #core-cache-rescan-definitions,
817 #core-cache-mode-mappings .edit-link,
818 #core-cache-lock-summary .new-instance {
819     margin-top: 0.5em;
820     text-align: center;
823 .tinymcesubplugins img.icon {
824     padding-top: 0;
825     padding-bottom: 0;
828 .maintenancewarning {
829     padding: 3px 1em;
830     text-align: center;
831     position: fixed;
832     bottom: 0;
833     right: 0;
834     overflow: hidden;
835     z-index: 1;
836     &.error {
837         color: @errorText;
838         background-color: @errorBackground;
839         border: 2px solid @errorBorder;
840         font-weight: bold;
841     }
842     &.warning {
843         color: @warningText;
844         background-color: @warningBackground;
845         border: 2px solid @warningBorder;
846     }
849 #adminsettings .form-overridden {
850     color: @infoText;
851     background-color: @infoBackground;
854 #overriderolestable .overriddenpermission {
855     background-color: @warningBackground;
858 #page-admin-registration-index form .mark {
859     background-color: @warningBackground;
862 #page-admin-search {
863     .adminpagetitle {
864         margin-bottom: 0;
865         border-bottom: none;
866     }
867     .adminpagepath {
868         list-style: none;
869         margin: 0 0 10px 0;
870         li {
871             .muted;
872             display: inline;
873             font-size: @fontSizeSmall;
874             + li:before {
875                 content: "◀\00a0";
876                 /*rtl:remove*/
877                 content: "▶\00a0"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
878                 color: #ccc;
879                 font-size: @fontSizeSmall;
880             }
881         }
882     }