d14136334325dec690c6732f2baeaec497127b9e
[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 .dir-rtl.path-admin .admintable .leftalign {
18     text-align: right;
19 }
21 .environmenttable {
22     p.warn {
23         background-color: @warningBackground;
24         color: @warningText;
25     }
26     .error,
27     span.warn,
28     .ok {
29         .label;
30     }
31     .error {
32         background-color: @errorText;
33     }
34     span.warn {
35         background-color: @orange;
36     }
37     .ok {
38         background-color: @successText;
39     }
40 }
42 .path-admin .admintable.environmenttable .name,
43 .path-admin .admintable.environmenttable .info,
44 .path-admin #assignrole .admintable .role,
45 .path-admin #assignrole .admintable .userrole,
46 .path-admin #assignrole .admintable .roleholder {
47     white-space: nowrap;
48 }
50 .path-admin .incompatibleblockstable td.c0 {
51     font-weight: bold;
52 }
54 #page-admin-course-category .addcategory {
55     padding: 10px;
56 }
58 #page-admin-course-index .editcourse {
59     margin: 20px auto;
60 }
62 #page-admin-course-index .editcourse th,
63 #page-admin-course-index .editcourse td {
64     padding-left: 10px;
65     padding-right: 10px;
66 }
68 .timewarninghidden {
69     display: none;
70 }
71 .statusok,
72 .statuswarning,
73 .statusserious,
74 .statuscritical {
75     .label;
76 }
77 .statusok {
78     background-color: @successText;
79 }
80 .statuswarning {
81     background-color: @warningText;
82 }
83 .statusserious {
84     background-color: @orange;
85 }
86 .statuscritical {
87     background-color: @errorText;
88 }
90 #page-admin-report-capability-index #capabilitysearch {
91     width: 30em;
92 }
94 #page-admin-report-backups-index .backup-error,
95 #page-admin-report-backups-index .backup-unfinished {
96     color: @errorText;
97 }
99 #page-admin-report-backups-index .backup-skipped,
100 #page-admin-report-backups-index .backup-ok,
101 #page-admin-report-backups-index .backup-notyetrun {
102     color: @successText;
105 #page-admin-report-backups-index .backup-warning {
106     color: @warningText;
109 #page-admin-qtypes .disabled,
110 #page-admin-qbehaviours .disabled {
111     .muted;
114 #page-admin-qtypes #qtypes div,
115 #page-admin-qtypes #qtypes form,
116 #page-admin-qbehaviours #qbehaviours div,
117 #page-admin-qbehaviours #qbehaviours form {
118     display: inline;
121 #page-admin-qtypes #qtypes img.spacer,
122 #page-admin-qbehaviours #qbehaviours img.spacer {
123     width: 16px;
126 // Make them more finger friendly.
127 img.iconsmall {
128     margin: 0;
129     padding: 0.3em;
133 #page-admin-qbehaviours .cell.c3,
134 #page-admin-qtypes .cell.c3 {
135     font-size: @fontSizeMini;
138 #page-admin-lang .generalbox,
139 #page-admin-course-index .singlebutton,
140 #page-admin-course-index .addcategory,
141 #page-course-index .buttons,
142 #page-course-index-category .buttons,
143 #page-admin-course-category .addcategory,
144 #page-admin-stickyblocks .generalbox,
145 #page-admin-maintenance .buttons,
146 #page-admin-course-index .buttons,
147 #page-admin-course-category .buttons,
148 #page-admin-index .copyright,
149 #page-admin-index .copyrightnotice,
150 #page-admin-index .adminerror .singlebutton,
151 #page-admin-index .adminwarning .singlebutton,
152 #page-admin-index #layout-table .singlebutton {
153     text-align: center;
154     margin-bottom: 1em;
157 .path-admin-roles .capabilitysearchui {
158     text-align: left;
159     margin-left: auto;
160     margin-right: auto;
163 #page-admin-roles-define .topfields {
164     margin: 1em 0 2em;
167 #page-admin-roles-define .capdefault {
168     background-color: @tableBackgroundHover;
169     border: 1px solid @tableBorder;
172 #page-filter-manage .backlink,
173 .path-admin-roles .backlink {
174     margin-top: 1em;
177 #page-admin-roles-explain #chooseuser h3,
178 #page-admin-roles-usersroles .contextname {
179     margin-top: 0;
182 #page-admin-roles-explain #chooseusersubmit {
183     margin-top: 0;
184     text-align: center;
187 #page-admin-roles-usersroles p {
188     margin: 0;
191 #page-admin-roles-override .cell.c1,
192 #page-admin-roles-assign .cell.c3,
193 #page-admin-roles-assign .cell.c1 {
194     padding-top: 0.75em;
197 #page-admin-roles-override .overridenotice,
198 #page-admin-roles-define .definenotice {
199     margin: 1em 10% 2em 10%;
200     text-align: left;
203 #notice {
204     // Would like the use the alert stuff below for this,
205     // but the way buttons are used makes it tricky.
206     width: 60%;
207     min-width: 220px;
208     margin: auto;
211 #page-admin-index .releasenoteslink,
212 #page-admin-index .adminwarning,
213 #page-admin-index .adminerror {
214     margin: auto;
215     .alert;
216     width: 60%;
217     min-width: 220px;
219 #page-admin-index .adminerror {
220     .alert-error;
223 #page-admin-index .releasenoteslink {
224     .alert-info;
227 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
228     display: block;
231 #page-admin-index .updateplugin div {
232     margin-bottom: 0.5em;
235 #page-admin-index .updateplugin .updatepluginconfirmexternal {
236     padding: 1em;
237     background-color: @errorBackground;
238     border: 1px solid @errorBorder;
241 #page-admin-user-user_bulk #users .fgroup {
242     white-space: nowrap;
245 #page-admin-report-stats-index .graph {
246     text-align: center;
247     margin-bottom: 1em;
250 #page-admin-report-courseoverview-index .graph {
251     text-align: center;
252     margin-bottom: 1em;
255 #page-admin-lang .translator {
256     border-width: 1px;
257     border-style: solid;
260 // This is the CSS for the role assignment control.
261 .path-admin .roleassigntable {
262     width: 100%;
265 .path-admin .roleassigntable td {
266     vertical-align: top;
267     padding: 0.2em 0.3em;
270 .path-admin .roleassigntable p {
271     text-align: left;
272     margin: 0.2em 0;
275 .path-admin .roleassigntable #existingcell,
276 .path-admin .roleassigntable #potentialcell {
277     width: 42%;
280 // Targetting the label at the top.
281 .path-admin .roleassigntable #existingcell p > label:first-child,
282 .path-admin .roleassigntable #potentialcell p > label:first-child {
283     font-weight: bold;
286 .path-admin .roleassigntable #buttonscell {
287     width: 16%;
290 .path-admin .roleassigntable #buttonscell #assignoptions {
291     font-size: @fontSizeMini;
294 .path-admin .roleassigntable #removeselect_wrapper,
295 .path-admin .roleassigntable #addselect_wrapper {
296     width: 100%;
299 .path-admin table.rolecap tr.rolecap th {
300     text-align: left;
301     font-weight: normal;
304 .path-admin.dir-rtl table.rolecap tr.rolecap th {
305     text-align: right;
308 .path-admin .rolecap .hiddenrow {
309     display: none;
312 .path-admin #defineroletable {
313     .rolecap {
314         .inherit,
315         .allow,
316         .prevent,
317         .prohibit {
318             text-align: center;
319             padding: 0;
320             min-width: 3.5em;
321         }
322     }
325 .path-admin .rolecap .cap-name,
326 .path-admin .rolecap .note {
327     display: block;
328     font-size: @fontSizeMini;
329     white-space: nowrap;
330     font-weight: normal;
333 .path-admin .rolecap label {
334     display: block;
335     text-align: center;
336     padding: 0.5em;
337     margin: 0;
340 .plugincheckwrapper {
341     width: 100%;
344 .environmentbox {
345     margin-top: 1em;
348 #mnetconfig table {
349     margin-left: auto;
350     margin-right: auto;
353 .environmenttable .cell {
354     padding: .15em .5em;
357 .environmenttable img.iconhelp {
358     padding-right: .3em;
361 .dir-rtl .environmenttable img.iconhelp {
362     padding-left: .3em;
363     padding-right: 0;
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 .dir-rtl #admin-spelllanguagelist textarea,
393 #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
394     text-align: left;
395     direction: ltr;
398 /* Styles for flags on admin settings */
399 .adminsettingsflags {
400     float: right;
403 .dir-rtl .adminsettingsflags {
404     float: left;
407 .adminsettingsflags label {
408     margin-right: 7px;
411 .dir-rtl .adminsettingsflags label {
412     margin-left: 7px;
415 .form-description {
416     clear: right;
419 .dir-rtl .form-description {
420     clear: left;
423 .form-item .form-setting .form-htmlarea {
424     width: 640px;
425     display: inline;
428 .form-item .form-setting .form-htmlarea .htmlarea {
429     width: 640px;
430     display: block;
433 .form-item .form-setting .form-multicheckbox ul {
434     list-style: none;
435     padding: 0;
436     margin: 7px 0 0 0;
439 .form-item .form-setting .defaultsnext {
440     margin-right: 0.5em;
441     display: inline;
443 .dir-rtl .form-item .form-setting .defaultsnext {
444     margin-left: 0.5em;
445     margin-right: 0;
447 .form-item .form-setting .locked-checkbox {
448     margin-right: 0.2em;
449     margin-left: 0.5em;
450     display: inline;
453 .dir-rtl .form-item .form-setting .locked-checkbox {
454     margin-right: 0.5em;
455     margin-left: 0.2em;
456     display: inline;
459 .form-item .form-setting .form-password .unmask,
460 .form-item .form-setting .form-defaultinfo {
461     display: inline-block;
464 .form-item .pathok,
465 .form-item .patherror {
466     margin-left: 0.5em;
469 #admin-emoticons td input {
470     width: 8em;
473 #admin-emoticons td.c0 input {
474     width: 4em;
477 #adminthemeselector .selectedtheme td.c0 {
478     border: 1px solid @black;
479     border-right-width: 0;
482 #adminthemeselector .selectedtheme td.c1 {
483     border: 1px solid @black;
484     border-left-width: 0;
487 .admin_colourpicker,
488 .admin_colourpicker_preview {
489     display: none;
492 .jsenabled .admin_colourpicker_preview {
493     display: inline;
496 .jsenabled .admin_colourpicker {
497     display: block;
498     height: 102px;
499     width: 410px;
500     margin-bottom: 10px;
503 .admin_colourpicker .loadingicon {
504     vertical-align: middle;
505     margin-left: auto;
508 .admin_colourpicker .colourdialogue {
509     float: left;
510     border: 1px solid @black;
513 .admin_colourpicker .previewcolour {
514     border: 1px solid @black;
515     margin-left: 301px;
518 .admin_colourpicker .currentcolour {
519     border: 1px solid @black;
520     margin-left: 301px;
521     border-top-width: 0;
524 /** Overide for RTL layout **/
525 .dir-rtl .form-item  .form-setting,
526 .dir-rtl .form-item  .form-label,
527 .dir-rtl .form-item .form-description,
528 .dir-rtl.path-admin .roleassigntable p {
529     text-align: right;
532 #page-admin-index #notice .checkforupdates {
533     text-align: center;
536 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
537     background-color: @infoBackground;
540 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
541 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
542     background-color: @warningBackground;
545 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
546     background-color: @errorBackground;
549 // Plugins overview page at admin/plugins.php
550 #page-admin-plugins {
552     #plugins-overview-panel {
553         .info {
554             display: inline-block;
555             margin-right: 1em;
556         }
557     }
559     .checkforupdates {
560         margin: 10px 0;
561         .singlebutton {
562             margin: 5px 0;
563             padding: 0;
564             div,
565             input {
566                 margin: 0 3px 0 0;
567             }
568         }
569     }
571     .updateavailableinstallall {
572         margin: 5px 0;
573         padding: 0;
574         div,
575         input {
576             margin: 0 3px 5px 0;
577         }
578     }
580     #plugins-control-panel {
581         .status-missing td {
582             background-color: @errorBackground;
583         }
584         .pluginname {
585             .displayname img.icon {
586                 padding-top: 0;
587                 padding-bottom: 0;
588             }
589             .componentname {
590                 font-size: @fontSizeSmall;
591                 .muted;
592                 margin-left: 22px;
593             }
594         }
595         .version {
596             .versionnumber {
597                 font-size: @fontSizeSmall;
598                 .muted;
599             }
600         }
602         .uninstall {
603             a {
604                 color: @errorText;
605             }
606         }
607         .notes {
608             .label {
609                 margin-right: 3px;
610             }
611             .requiredby {
612                 font-size: @fontSizeSmall;
613                 .muted;
614             }
615         }
616     }
620 // Plugins check page displayed during upgrade.
621 #plugins-check-page {
623     .page-description {
624         .muted;
625     }
627     // Check for updates.
628     .checkforupdates {
629         .singlebutton {
630             margin: 5px 0;
631             padding: 0;
632             div,
633             input {
634                 margin: 0 3px 0 0;
635             }
636         }
637     }
639     // Section before the plugins check table.
640     #plugins-check-info {
641         .actions {
642             > div {
643                 display: inline-block;
644                 margin-right: 1em;
645             }
646             .singlebutton {
647                 margin: 5px 0;
648                 padding: 0;
649                 div,
650                 input {
651                     margin: 0 3px 0 0;
652                 }
653             }
654         }
655     }
657     // Plugins check table.
658     #plugins-check {
659         .requires-ok {
660             .muted;
661         }
663         .status-missing,
664         .status-downgrade {
665             td {
666                 background-color: @errorBackground;
667             }
668         }
670         .displayname {
671             .pluginicon {
672                 margin-right: 5px;
673                 width: 16px;
674             }
675             .plugindir {
676                 .muted;
677                 font-size: @fontSizeSmall;
678             }
679         }
681         .requires ul {
682             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
683         }
685         .status {
686             .actionbutton {
687                 margin: 5px 0px;
688                 padding: 0;
689                 input {
690                     margin: 0;
691                 }
692             }
693         }
694     }
696     .plugins-check-dependencies-actions {
697         > div {
698             display: inline-block;
699             margin-right: 1em;
700         }
701         .singlebutton {
702             margin: 5px 0;
703             padding: 0;
704             div,
705             input {
706                 margin: 0 3px 0 0;
707             }
708         }
709     }
711     // List of available dependencies on the plugins check page.
712     #plugins-check-available-dependencies {
713         .displayname .component {
714             font-size: @fontSizeSmall;
715             .muted;
716         }
717         .info .actions {
718             > div {
719                 display: inline-block;
720                 margin-right: 1em;
721             }
722             .dependencyinstall {
723                 display: block;
724                 margin: 5px 0;
725                 padding: 0;
726                 input {
727                     margin: 0;
728                 }
729             }
730         }
731     }
734 // Available plugin update notification.
736 #plugins-check-page,
737 #plugins-control-panel {
738     .pluginupdateinfo {
739         background-color: @infoBackground;
740         &.maturity50 {
741             background-color: @errorBackground;
742         }
743         &.maturity100,
744         &.maturity150 {
745             background-color: @warningBackground;
746         }
747         padding: 5px;
748         margin: 10px 0;
749         .border-radius(5px);
750         .info {
751             display: inline-block;
752         }
753         .separator:after {
754             content: " | ";
755         }
756         .singlebutton {
757             margin: 5px 0;
758             padding: 0;
759             div,
760             input {
761                 margin: 0 3px 0 0;
762             }
763         }
764     }
767 .plugins-management-confirm-buttons {
768     > div {
769         display: inline-block;
770         margin: 1em 1em 1em 0;
771     }
772     .continue {
773         padding: 0;
774         div,
775         input {
776             margin: 0;
777         }
778     }
781 .uninstalldeleteconfirmexternal {
782     background-color: @warningBackground;
783     padding: 0.5em 1em;
784     margin: 5px 0 10px 0;
787 #page-admin-index .upgradepluginsinfo {
788     text-align: center;
791 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
792     content: " | ";
795 .dir-rtl {
796     #plugins-check .pluginupdateinfo {
797         text-align: center;
798         direction: ltr;
799     }
801     #plugins-check .requires-ok {
802         text-align: left;
803         direction: ltr;
804     }
807 /** MNet networking */
808 #page-admin-mnet-peers .box.deletedhosts {
809     margin-bottom: 1em;
810     font-size: @fontSizeSmall;
813 #page-admin-mnet-peers .mform .deletedhostinfo {
814     background-color: @errorBackground;
815     border: 2px solid @errorBorder;
816     padding: 4px;
817     margin-bottom: 5px;
820 #core-cache-plugin-summaries table,
821 #core-cache-store-summaries table {
822     width: 100%;
825 #core-cache-lock-summary table,
826 #core-cache-definition-summaries table,
827 #core-cache-mode-mappings table {
828     margin: 0 auto;
831 #core-cache-store-summaries .default-store td {
832     font-style: italic;
835 #core-cache-rescan-definitions,
836 #core-cache-mode-mappings .edit-link,
837 #core-cache-lock-summary .new-instance {
838     margin-top: 0.5em;
839     text-align: center;
842 .tinymcesubplugins img.icon {
843     padding-top: 0;
844     padding-bottom: 0;
847 .maintenancewarning {
848     padding: 3px 1em;
849     text-align: center;
850     position: fixed;
851     bottom: 0;
852     right: 0;
853     overflow: hidden;
854     z-index: 1;
855     &.error {
856         color: @errorText;
857         background-color: @errorBackground;
858         border: 2px solid @errorBorder;
859         font-weight: bold;
860     }
861     &.warning {
862         color: @warningText;
863         background-color: @warningBackground;
864         border: 2px solid @warningBorder;
865     }
868 #adminsettings .form-overridden {
869     color: @infoText;
870     background-color: @infoBackground;