df8b4971b48ef992c2747d23bcf25db3a2809b01
[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;
232 #page-admin-index .updateplugin div,
233 #page-admin-plugins .updateplugin div {
234     margin-bottom: 0.5em;
237 #page-admin-index .updateplugin .updatepluginconfirmexternal,
238 #page-admin-plugins .updateplugin .updatepluginconfirmexternal {
239     padding: 1em;
240     background-color: @errorBackground;
241     border: 1px solid @errorBorder;
244 #page-admin-user-user_bulk #users .fgroup {
245     white-space: nowrap;
248 #page-admin-report-stats-index .graph {
249     text-align: center;
250     margin-bottom: 1em;
253 #page-admin-report-courseoverview-index .graph {
254     text-align: center;
255     margin-bottom: 1em;
258 #page-admin-lang .translator {
259     border-width: 1px;
260     border-style: solid;
263 // This is the CSS for the role assignment control.
264 .path-admin .roleassigntable {
265     width: 100%;
268 .path-admin .roleassigntable td {
269     vertical-align: top;
270     padding: 0.2em 0.3em
273 .path-admin .roleassigntable p {
274     text-align: left;
275     margin: 0.2em 0;
278 .path-admin .roleassigntable #existingcell,
279 .path-admin .roleassigntable #potentialcell {
280     width: 42%;
283 // Targetting the label at the top.
284 .path-admin .roleassigntable #existingcell p > label:first-child,
285 .path-admin .roleassigntable #potentialcell p > label:first-child {
286     font-weight: bold;
289 .path-admin .roleassigntable #buttonscell {
290     width: 16%;
293 .path-admin .roleassigntable #buttonscell #assignoptions {
294     font-size: @fontSizeMini;
297 .path-admin .roleassigntable #removeselect_wrapper,
298 .path-admin .roleassigntable #addselect_wrapper {
299     width: 100%;
302 .path-admin table.rolecap tr.rolecap th {
303     text-align: left;
304     font-weight: normal;
307 .path-admin.dir-rtl table.rolecap tr.rolecap th {
308     text-align: right;
311 .path-admin .rolecap .hiddenrow {
312     display: none;
315 .path-admin #defineroletable {
316     .rolecap {
317         .inherit,
318         .allow,
319         .prevent,
320         .prohibit {
321             text-align: center;
322             padding: 0;
323             min-width: 3.5em;
324         }
325     }
328 .path-admin .rolecap .cap-name,
329 .path-admin .rolecap .note {
330     display: block;
331     font-size: @fontSizeMini;
332     white-space: nowrap;
333     font-weight: normal;
336 .path-admin .rolecap label {
337     display: block;
338     text-align: center;
339     padding: 0.5em;
340     margin: 0;
343 .plugincheckwrapper {
344     width: 100%;
347 .environmentbox {
348     margin-top: 1em;
351 #mnetconfig table {
352     margin-left: auto;
353     margin-right: auto;
356 .environmenttable .cell {
357     padding: .15em .5em;
360 .environmenttable img.iconhelp {
361     padding-right: .3em;
364 .dir-rtl .environmenttable img.iconhelp {
365     padding-left: .3em;
366     padding-right: 0
369 #trustedhosts .generaltable {
370     margin-left: auto;
371     margin-right: auto;
372     width: 500px;
375 #trustedhosts .standard {
376     width: auto;
379 // This usage of legend is a bit weird,
380 // seems to be using them as error text
381 // that's only sometimes visible. Should
382 // look into sorting it.
383 #adminsettings legend {
384     display: none;
387 #adminsettings fieldset.error {
388     margin: .2em 0 .5em 0;
391 #adminsettings fieldset.error legend {
392     display: block;
395 .dir-rtl #admin-spelllanguagelist textarea,
396 #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
397     text-align: left;
398     direction: ltr;
401 /* Styles for flags on admin settings */
402 .adminsettingsflags {
403     float: right;
406 .dir-rtl .adminsettingsflags {
407     float: left;
410 .adminsettingsflags label {
411     margin-right: 7px;
414 .dir-rtl .adminsettingsflags label {
415     margin-left: 7px;
418 .form-description {
419     clear: right;
422 .dir-rtl .form-description {
423     clear: left;
426 .form-item .form-setting .form-htmlarea {
427     width: 640px;
428     display: inline;
431 .form-item .form-setting .form-htmlarea .htmlarea {
432     width: 640px;
433     display: block;
436 .form-item .form-setting .form-multicheckbox ul {
437     list-style: none;
438     padding: 0;
439     margin: 7px 0 0 0;
442 .form-item .form-setting .defaultsnext {
443     margin-right: 0.5em;
444     display: inline;
446 .dir-rtl .form-item .form-setting .defaultsnext {
447     margin-left: 0.5em;
448     margin-right: 0;
450 .form-item .form-setting .locked-checkbox {
451     margin-right: 0.2em;
452     margin-left: 0.5em;
453     display: inline;
456 .dir-rtl .form-item .form-setting .locked-checkbox {
457     margin-right: 0.5em;
458     margin-left: 0.2em;
459     display: inline;
462 .form-item .form-setting .form-password .unmask,
463 .form-item .form-setting .form-defaultinfo {
464     display: inline-block;
467 .form-item .pathok,
468 .form-item .patherror {
469     margin-left: 0.5em;
472 #admin-emoticons td input {
473     width: 8em;
476 #admin-emoticons td.c0 input {
477     width: 4em;
480 #adminthemeselector .selectedtheme td.c0 {
481     border: 1px solid @black;
482     border-right-width: 0;
485 #adminthemeselector .selectedtheme td.c1 {
486     border: 1px solid @black;
487     border-left-width: 0;
490 .admin_colourpicker,
491 .admin_colourpicker_preview {
492     display: none;
495 .jsenabled .admin_colourpicker_preview {
496     display: inline;
499 .jsenabled .admin_colourpicker {
500     display: block;
501     height: 102px;
502     width: 410px;
503     margin-bottom: 10px;
506 .admin_colourpicker .loadingicon {
507     vertical-align: middle;
508     margin-left: auto;
511 .admin_colourpicker .colourdialogue {
512     float: left;
513     border: 1px solid @black;
516 .admin_colourpicker .previewcolour {
517     border: 1px solid @black;
518     margin-left: 301px;
521 .admin_colourpicker .currentcolour {
522     border: 1px solid @black;
523     margin-left: 301px;
524     border-top-width: 0;
527 /** Overide for RTL layout **/
528 .dir-rtl .form-item  .form-setting,
529 .dir-rtl .form-item  .form-label,
530 .dir-rtl .form-item .form-description,
531 .dir-rtl.path-admin .roleassigntable p {
532     text-align: right
535 // Plugins overview control panel.
536 #page-admin-index #notice .checkforupdates {
537     text-align: center;
540 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
541     background-color: @infoBackground;
544 #plugins-control-panel .extension .source,
545 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
546 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release,
547 #plugins-check .status .pluginupdateinfo.maturity100,
548 #plugins-check .status .pluginupdateinfo.maturity150 {
549     background-color: @warningBackground;
552 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release,
553 #plugins-check .status .pluginupdateinfo.maturity50 {
554     background-color: @errorBackground;
557 #plugins-control-panel .statusmsg {
558     background-color: @grayLighter;
559     padding: 3px;
560     .border-radius(5px);
563 #plugins-control-panel .status-missing .pluginname {
564     background-color: @errorBackground;
567 #plugins-control-panel .status-missing .statusmsg {
568     color: @errorText;
571 #plugins-control-panel .status-new .pluginname {
572     background-color: @successBackground;
575 #plugins-control-panel .status-new .statusmsg {
576     color: @successText;
579 #plugins-control-panel .disabled .availability {
580     background-color: @inputDisabledBackground;
583 // Plugins check page displayed during upgrade.
584 #plugins-check-page {
586     .page-description {
587         .muted
588     }
590     // Check for updates.
591     .checkforupdates {
592         .singlebutton {
593             margin: 5px 0;
594             padding: 0;
595             input {
596                 margin: 0;
597             }
598         }
599     }
601     // Section before the plugins check table.
602     #plugins-check-info {
603         .actions {
604             > div {
605                 display: inline-block;
606                 margin-right: 1em;
607             }
608             .singlebutton {
609                 margin: 5px;
610                 padding: 0;
611                 input {
612                     margin: 0;
613                 }
614             }
615         }
616     }
618     // Plugins check table.
619     #plugins-check {
620         .requires-ok {
621             .muted
622         }
624         .status-missing, .status-downgrade {
625             background-color: @errorBackground;
626         }
628         .displayname {
629             .pluginicon {
630                 margin-right: 5px;
631                 width: 16px;
632             }
633             .plugindir {
634                 .muted;
635                 font-size: @fontSizeSmall;
636             }
637         }
639         .requires ul {
640             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
641         }
643         .status {
644             .actionbutton {
645                 margin: 5px 0px;
646                 padding: 0;
647                 input {
648                     margin: 0;
649                 }
650             }
651             .pluginupdateinfo {
652                 padding: 5px 10px;
653                 margin: 10px 0px;
654                 background-color: @infoBackground;
655                 .border-radius(10px);
656                 .separator:after {
657                     content: " | ";
658                 }
659             }
660         }
661     }
663     .plugins-check-dependencies-actions {
664         > div {
665             display: inline-block;
666             margin-right: 1em;
667         }
668         .singlebutton {
669             margin: 5px 0;
670             padding: 0;
671             input {
672                 margin: 0;
673             }
674         }
675     }
677     // List of available dependencies on the plugins check page.
678     #plugins-check-available-dependencies {
679         .displayname .component {
680             font-size: @fontSizeSmall;
681             .muted
682         }
683         .info .actions {
684             > div {
685                 display: inline-block;
686                 margin-right: 1em;
687             }
688             .dependencyinstall {
689                 display: block;
690                 margin: 5px 0;
691                 padding: 0;
692                 input {
693                     margin: 0;
694                 }
695             }
696         }
697     }
700 #page-admin-index .upgradepluginsinfo {
701     text-align: center;
704 #page-admin-plugins .checkforupdates {
705     margin: 0 auto 1em;
706     text-align: center;
709 #plugins-control-panel .requiredby,
710 #plugins-control-panel .pluginname .componentname {
711     font-size: @fontSizeSmall;
712     .muted
715 #plugins-control-panel .pluginname .componentname {
716     margin-left: 22px;
719 #plugins-overview-filter .filter-item,
720 #plugins-overview-panel .info {
721     padding: 0 10px;
724 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator,
725 #page-admin-plugins .separator {
726     border-left: 1px dotted @grayLight;
729 #plugins-control-panel .msg td {
730     text-align: center;
733 #plugins-overview-filter,
734 #plugins-overview-panel {
735     margin: 1em auto;
736     text-align: center;
739 #plugins-overview-panel .info.updatable {
740     margin-left: 10px;
741     background-color: @infoBackground;
742     font-weight: bold;
743     .border-radius(10px);
746 #plugins-overview-filter .filter-item.active {
747     font-weight: bold;
750 #plugins-control-panel .displayname img.icon {
751     padding-top: 0;
752     padding-bottom: 0;
755 #plugins-control-panel .uninstall a {
756     color: @errorText;
759 #plugins-control-panel .notes .pluginupdateinfo {
760     padding: 5px 10px;
761     margin: 10px;
762     background-color: @infoBackground;
763     .border-radius(10px);
767 #plugins-control-panel .notes .pluginupdateinfo span,
768 #plugins-control-panel .notes .pluginupdateinfo a {
769     padding-right: 1em;
772 .dir-rtl {
773     #plugins-check .pluginupdateinfo {
774         text-align: center;
775         direction: ltr;
776     }
778     #plugins-check .requires-ok {
779         text-align: left;
780         direction: ltr;
781     }
784 /** MNet networking */
785 #page-admin-mnet-peers .box.deletedhosts {
786     margin-bottom: 1em;
787     font-size: @fontSizeSmall;
790 #page-admin-mnet-peers .mform .deletedhostinfo {
791     background-color: @errorBackground;
792     border: 2px solid @errorBorder;
793     padding: 4px;
794     margin-bottom: 5px;
797 #core-cache-plugin-summaries table,
798 #core-cache-store-summaries table {
799     width: 100%;
802 #core-cache-lock-summary table,
803 #core-cache-definition-summaries table,
804 #core-cache-mode-mappings table {
805     margin: 0 auto;
808 #core-cache-store-summaries .default-store td {
809     font-style: italic;
812 #core-cache-rescan-definitions,
813 #core-cache-mode-mappings .edit-link,
814 #core-cache-lock-summary .new-instance {
815     margin-top: 0.5em;
816     text-align: center;
819 .tinymcesubplugins img.icon {
820     padding-top: 0;
821     padding-bottom: 0;
824 .maintenancewarning {
825     padding: 3px 1em;
826     text-align: center;
827     position: fixed;
828     bottom: 0;
829     right: 0;
830     overflow: hidden;
831     z-index: 1;
832     &.error {
833         color: @errorText;
834         background-color: @errorBackground;
835         border: 2px solid @errorBorder;
836         font-weight: bold;
837     }
838     &.warning {
839         color: @warningText;
840         background-color: @warningBackground;
841         border: 2px solid @warningBorder;
842     }
845 #adminsettings .form-overridden {
846     color: @infoText;
847     background-color: @infoBackground;