MDL-52167 admin: format dependencies in search results
[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 .form-dependenton {
410     clear: right;
413 .form-description,
414 .form-dependenton,
415 .formsettingheading {
416     pre {
417         /* Code examples should be left aligned. */
418         /*rtl:ignore*/
419         direction: ltr;
420     }
423 .form-item .form-setting .form-htmlarea {
424     display: inline;
427 .form-item .form-setting .form-htmlarea .htmlarea {
428     width: 640px;
429     display: block;
432 .form-item .form-setting .form-multicheckbox ul {
433     list-style: none;
434     padding: 0;
435     margin: 7px 0 0 0;
438 .form-item .form-setting .defaultsnext {
439     margin-right: 0.5em;
440     display: inline;
442 .form-item .form-setting .locked-checkbox {
443     margin-right: 0.2em;
444     margin-left: 0.5em;
445     display: inline;
448 .form-item .form-setting .form-password .unmask,
449 .form-item .form-setting .form-defaultinfo {
450     display: inline-block;
453 .form-item .pathok,
454 .form-item .patherror {
455     margin-left: 0.5em;
458 #admin-emoticons td input {
459     width: 8em;
462 #admin-emoticons td.c0 input {
463     width: 4em;
466 #adminthemeselector .selectedtheme td.c0 {
467     border: 1px solid @black;
468     border-right-width: 0;
471 #adminthemeselector .selectedtheme td.c1 {
472     border: 1px solid @black;
473     border-left-width: 0;
476 .admin_colourpicker,
477 .admin_colourpicker_preview {
478     display: none;
481 .jsenabled .admin_colourpicker_preview {
482     display: inline;
485 .jsenabled .admin_colourpicker {
486     display: block;
487     height: 102px;
488     width: 410px;
489     margin-bottom: 10px;
492 .admin_colourpicker .loadingicon {
493     vertical-align: middle;
494     margin-left: auto;
497 .admin_colourpicker .colourdialogue {
498     float: left;
499     border: 1px solid @black;
502 .admin_colourpicker .previewcolour {
503     border: 1px solid @black;
504     margin-left: 301px;
507 .admin_colourpicker .currentcolour {
508     border: 1px solid @black;
509     margin-left: 301px;
510     border-top-width: 0;
513 #page-admin-index #notice .checkforupdates {
514     text-align: center;
517 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
518     background-color: @infoBackground;
521 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
522 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
523     background-color: @warningBackground;
526 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
527     background-color: @errorBackground;
530 // Plugins overview page at admin/plugins.php
531 #page-admin-plugins {
533     #plugins-overview-panel {
534         .info {
535             display: inline-block;
536             margin-right: 1em;
537         }
538     }
540     .checkforupdates {
541         margin: 10px 0;
542         .singlebutton {
543             margin: 5px 0;
544             padding: 0;
545             div,
546             input {
547                 margin: 0 3px 0 0;
548             }
549         }
550     }
552     .updateavailableinstallall {
553         margin: 5px 0;
554         padding: 0;
555         div,
556         input {
557             margin: 0 3px 5px 0;
558         }
559     }
561     #plugins-control-panel {
562         .status-missing td {
563             background-color: @errorBackground;
564         }
565         .pluginname {
566             .displayname img.icon {
567                 padding-top: 0;
568                 padding-bottom: 0;
569             }
570             .componentname {
571                 font-size: @fontSizeSmall;
572                 .muted;
573                 margin-left: 22px;
574             }
575         }
576         .version {
577             .versionnumber {
578                 font-size: @fontSizeSmall;
579                 .muted;
580             }
581         }
583         .uninstall {
584             a {
585                 color: @errorText;
586             }
587         }
588         .notes {
589             .label {
590                 margin-right: 3px;
591             }
592             .requiredby {
593                 font-size: @fontSizeSmall;
594                 .muted;
595             }
596         }
597     }
601 // Plugins check page displayed during upgrade.
602 #plugins-check-page {
604     .page-description {
605         .muted;
606     }
608     // Check for updates.
609     .checkforupdates {
610         .singlebutton {
611             margin: 5px 0;
612             padding: 0;
613             div,
614             input {
615                 margin: 0 3px 0 0;
616             }
617         }
618     }
620     // Section before the plugins check table.
621     #plugins-check-info {
622         .actions {
623             > div {
624                 display: inline-block;
625                 margin-right: 1em;
626             }
627             .singlebutton {
628                 margin: 5px 0;
629                 padding: 0;
630                 div,
631                 input {
632                     margin: 0 3px 0 0;
633                 }
634             }
635         }
636     }
638     // Plugins check table.
639     #plugins-check {
640         .requires-ok {
641             .muted;
642         }
644         .status-missing,
645         .status-downgrade {
646             td {
647                 background-color: @errorBackground;
648             }
649         }
651         .displayname {
652             .pluginicon {
653                 margin-right: 5px;
654                 width: 16px;
655             }
656             .plugindir {
657                 .muted;
658                 font-size: @fontSizeSmall;
659             }
660         }
662         .requires ul {
663             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
664         }
666         .status {
667             .actionbutton {
668                 margin: 5px 0;
669                 padding: 0;
670                 input {
671                     margin: 0;
672                 }
673             }
674         }
675     }
677     .plugins-check-dependencies-actions {
678         > div {
679             display: inline-block;
680             margin-right: 1em;
681         }
682         .singlebutton {
683             margin: 5px 0;
684             padding: 0;
685             div,
686             input {
687                 margin: 0 3px 0 0;
688             }
689         }
690     }
692     // List of available dependencies on the plugins check page.
693     #plugins-check-available-dependencies {
694         .displayname .component {
695             font-size: @fontSizeSmall;
696             .muted;
697         }
698         .info .actions {
699             > div {
700                 display: inline-block;
701                 margin-right: 1em;
702             }
703             .dependencyinstall {
704                 display: block;
705                 margin: 5px 0;
706                 padding: 0;
707                 input {
708                     margin: 0;
709                 }
710             }
711         }
712     }
715 // Available plugin update notification.
717 #plugins-check-page,
718 #plugins-control-panel {
719     .pluginupdateinfo {
720         background-color: @infoBackground;
721         &.maturity50 {
722             background-color: @errorBackground;
723         }
724         &.maturity100,
725         &.maturity150 {
726             background-color: @warningBackground;
727         }
728         padding: 5px;
729         margin: 10px 0;
730         .border-radius(5px);
731         .info {
732             display: inline-block;
733         }
734         .separator:after {
735             content: " | ";
736         }
737         .singlebutton {
738             margin: 5px 0;
739             padding: 0;
740             div,
741             input {
742                 margin: 0 3px 0 0;
743             }
744         }
745     }
748 .plugins-management-confirm-buttons {
749     > div {
750         display: inline-block;
751         margin: 1em 1em 1em 0;
752     }
753     .continue {
754         padding: 0;
755         div,
756         input {
757             margin: 0;
758         }
759     }
762 .uninstalldeleteconfirmexternal {
763     background-color: @warningBackground;
764     padding: 0.5em 1em;
765     margin: 5px 0 10px 0;
768 #page-admin-index .upgradepluginsinfo {
769     text-align: center;
772 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
773     content: " | ";
776 #plugins-check {
777     .pluginupdateinfo {
778         text-align: center;
779         /*rtl:ignore*/
780         direction: ltr;
781     }
782     .requires-ok {
783         /*rtl:ignore*/
784         text-align: left;
785         /*rtl:ignore*/
786         direction: ltr;
787     }
790 /** MNet networking */
791 #page-admin-mnet-peers .box.deletedhosts {
792     margin-bottom: 1em;
793     font-size: @fontSizeSmall;
796 #page-admin-mnet-peers .mform .deletedhostinfo {
797     background-color: @errorBackground;
798     border: 2px solid @errorBorder;
799     padding: 4px;
800     margin-bottom: 5px;
803 #core-cache-plugin-summaries table,
804 #core-cache-store-summaries table {
805     width: 100%;
808 #core-cache-lock-summary table,
809 #core-cache-definition-summaries table,
810 #core-cache-mode-mappings table {
811     margin: 0 auto;
814 #core-cache-store-summaries .default-store td {
815     font-style: italic;
818 #core-cache-rescan-definitions,
819 #core-cache-mode-mappings .edit-link,
820 #core-cache-lock-summary .new-instance {
821     margin-top: 0.5em;
822     text-align: center;
825 .tinymcesubplugins img.icon {
826     padding-top: 0;
827     padding-bottom: 0;
830 .maintenancewarning {
831     padding: 3px 1em;
832     text-align: center;
833     position: fixed;
834     bottom: 0;
835     right: 0;
836     overflow: hidden;
837     z-index: 1;
838     &.error {
839         color: @errorText;
840         background-color: @errorBackground;
841         border: 2px solid @errorBorder;
842         font-weight: bold;
843     }
844     &.warning {
845         color: @warningText;
846         background-color: @warningBackground;
847         border: 2px solid @warningBorder;
848     }
851 #adminsettings .form-overridden {
852     color: @infoText;
853     background-color: @infoBackground;
856 #overriderolestable .overriddenpermission {
857     background-color: @warningBackground;
860 #page-admin-registration-index form .mark {
861     background-color: @warningBackground;
864 #page-admin-search {
865     .adminpagetitle {
866         margin-bottom: 0;
867         border-bottom: none;
868     }
869     .adminpagepath {
870         list-style: none;
871         margin: 0 0 10px 0;
872         li {
873             .muted;
874             display: inline;
875             font-size: @fontSizeSmall;
876             + li:before {
877                 content: "◀\00a0";
878                 /*rtl:remove*/
879                 content: "▶\00a0"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
880                 color: #ccc;
881                 font-size: @fontSizeSmall;
882             }
883         }
884     }