Merge branch 'wip-MDL-44139-master' of git://github.com/ds125v/moodle
[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     p.warn {
19         background-color : @warningBackground;
20         color: @warningText;
21     }
22     .error,
23     span.warn,
24     .ok {
25         .label;
26     }
27     .error {
28         background-color : @errorText;
29     }
30     span.warn {
31         background-color : @orange;
32     }
33     .ok {
34         background-color: @successText;
35     }
36 }
38 .path-admin .admintable.environmenttable .name,
39 .path-admin .admintable.environmenttable .info,
40 .path-admin #assignrole .admintable .role,
41 .path-admin #assignrole .admintable .userrole,
42 .path-admin #assignrole .admintable .roleholder {
43     white-space: nowrap;
44 }
46 .path-admin .incompatibleblockstable td.c0 {
47     font-weight: bold;
48 }
50 #page-admin-course-category .addcategory {
51     padding: 10px;
52 }
54 #page-admin-course-index .editcourse {
55     margin: 20px auto;
56 }
58 #page-admin-course-index .editcourse th,
59 #page-admin-course-index .editcourse td {
60     padding-left: 10px;
61     padding-right: 10px;
62 }
64 .timewarninghidden {
65     display: none;
66 }
67 .statusok,
68 .statuswarning,
69 .statusserious,
70 .statuscritical {
71     .label;
72 }
73 .statusok {
74     background-color: @successText;
75 }
76 .statuswarning {
77     background-color: @warningText;
78 }
79 .statusserious {
80     background-color: @orange;
81 }
82 .statuscritical {
83     background-color: @errorText;
84 }
86 #page-admin-report-capability-index #capabilitysearch {
87     width: 30em;
88 }
90 #page-admin-report-backups-index .backup-error,
91 #page-admin-report-backups-index .backup-unfinished {
92     color: @errorText;
93 }
95 #page-admin-report-backups-index .backup-skipped,
96 #page-admin-report-backups-index .backup-ok,
97 #page-admin-report-backups-index .backup-notyetrun {
98     color: @successText;
99 }
101 #page-admin-report-backups-index .backup-warning {
102     color: @warningText;
105 #page-admin-qtypes .disabled,
106 #page-admin-qbehaviours .disabled {
107     .muted;
110 #page-admin-qtypes #qtypes div,
111 #page-admin-qtypes #qtypes form,
112 #page-admin-qbehaviours #qbehaviours div,
113 #page-admin-qbehaviours #qbehaviours form {
114     display: inline;
117 #page-admin-qtypes #qtypes img.spacer,
118 #page-admin-qbehaviours #qbehaviours img.spacer {
119     width: 16px;
122 // Make them more finger friendly.
123 img.iconsmall {
124     margin: 0;
125     padding: 0.3em;
129 #page-admin-qbehaviours .cell.c3,
130 #page-admin-qtypes .cell.c3 {
131     font-size: @fontSizeMini;
134 #page-admin-lang .generalbox,
135 #page-admin-course-index .singlebutton,
136 #page-admin-course-index .addcategory,
137 #page-course-index .buttons,
138 #page-course-index-category .buttons,
139 #page-admin-course-category .addcategory,
140 #page-admin-stickyblocks .generalbox,
141 #page-admin-maintenance .buttons,
142 #page-admin-course-index .buttons,
143 #page-admin-course-category .buttons,
144 #page-admin-index .copyright,
145 #page-admin-index .copyrightnotice,
146 #page-admin-index .adminerror .singlebutton,
147 #page-admin-index .adminwarning .singlebutton,
148 #page-admin-index #layout-table .singlebutton {
149     text-align: center;
150     margin-bottom: 1em;
153 .path-admin-roles .capabilitysearchui {
154     text-align: left;
155     margin-left: auto;
156     margin-right: auto;
159 #page-admin-roles-define .topfields {
160     margin: 1em 0 2em;
163 #page-admin-roles-define .capdefault {
164     background-color: #eee;
165     border: 1px solid #cecece;
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 #notice {
200     // Would like the use the alert stuff below for this,
201     // but the way buttons are used makes it tricky.
202     width: 60%;
203     min-width: 220px;
204     margin: auto;
207 #page-admin-index .releasenoteslink,
208 #page-admin-index .adminwarning,
209 #page-admin-index .adminerror {
210     .alert;
211     width: 60%;
212     min-width: 220px;
213     margin: auto;
215 #page-admin-index .adminerror {
216     .alert-error;
219 #page-admin-index .releasenoteslink {
220     .alert-info;
223 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
224     display: block;
228 #page-admin-index .updateplugin div,
229 #page-admin-plugins .updateplugin div {
230     margin-bottom: 0.5em;
233 #page-admin-index .updateplugin .updatepluginconfirmexternal,
234 #page-admin-plugins .updateplugin .updatepluginconfirmexternal {
235     padding: 1em;
236     background-color: @errorBackground;
237     border: 1px solid @errorBorder;
240 #page-admin-user-user_bulk #users .fgroup {
241     white-space: nowrap;
244 #page-admin-report-stats-index .graph {
245     text-align: center;
246     margin-bottom: 1em;
249 #page-admin-report-courseoverview-index .graph {
250     text-align: center;
251     margin-bottom: 1em;
254 #page-admin-lang .translator {
255     border-width: 1px;
256     border-style: solid;
259 // This is the CSS for the role assignment control.
260 .path-admin .roleassigntable {
261     width: 100%;
264 .path-admin .roleassigntable td {
265     vertical-align: top;
266     padding: 0.2em 0.3em
269 .path-admin .roleassigntable p {
270     text-align: left;
271     margin: 0.2em 0;
274 .path-admin .roleassigntable #existingcell,
275 .path-admin .roleassigntable #potentialcell {
276     width: 42%;
279 // Targetting the label at the top.
280 .path-admin .roleassigntable #existingcell p > label:first-child,
281 .path-admin .roleassigntable #potentialcell p > label:first-child {
282     font-weight: bold;
285 .path-admin .roleassigntable #buttonscell {
286     width: 16%;
289 .path-admin .roleassigntable #buttonscell #assignoptions {
290     font-size: @fontSizeMini;
293 .path-admin .roleassigntable #removeselect_wrapper,
294 .path-admin .roleassigntable #addselect_wrapper {
295     width: 100%;
298 .path-admin table.rolecap tr.rolecap th {
299     text-align: left;
300     font-weight: normal;
303 .path-admin.dir-rtl table.rolecap tr.rolecap th {
304     text-align: right;
307 .path-admin .rolecap .hiddenrow {
308     display: none;
311 .path-admin #defineroletable {
312     .rolecap {
313         .inherit,
314         .allow,
315         .prevent,
316         .prohibit {
317             text-align: center;
318             padding: 0;
319             min-width: 3.5em;
320         }
321     }
324 .path-admin .rolecap .cap-name,
325 .path-admin .rolecap .note {
326     display: block;
327     font-size: @fontSizeMini;
328     white-space: nowrap;
329     font-weight: normal;
332 .path-admin .rolecap label {
333     display: block;
334     text-align: center;
335     padding: 0.5em;
336     margin: 0;
339 .plugincheckwrapper {
340     width: 100%;
343 .environmentbox {
344     margin-top: 1em;
347 #mnetconfig table {
348     margin-left: auto;
349     margin-right: auto;
352 .environmenttable .cell {
353     padding: .15em .5em;
356 .environmenttable img.iconhelp {
357     padding-right: .3em;
360 .dir-rtl .environmenttable img.iconhelp {
361     padding-left: .3em;
362     padding-right: 0
365 #trustedhosts .generaltable {
366     margin-left: auto;
367     margin-right: auto;
368     width: 500px;
371 #trustedhosts .standard {
372     width: auto;
375 // This usage of legend is a bit weird,
376 // seems to be using them as error text
377 // that's only sometimes visible. Should
378 // look into sorting it.
379 #adminsettings legend {
380     display: none;
383 #adminsettings fieldset.error {
384     margin: .2em 0 .5em 0;
387 #adminsettings fieldset.error legend {
388     display: block;
391 .dir-rtl #admin-spelllanguagelist textarea,
392 #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
393     text-align: left;
394     direction: ltr;
397 /* Styles for flags on admin settings */
398 .adminsettingsflags {
399     float: right;
402 .dir-rtl .adminsettingsflags {
403     float: left;
406 .adminsettingsflags label {
407     margin-right: 7px;
410 .dir-rtl .adminsettingsflags label {
411     margin-left: 7px;
414 .form-description {
415     clear: right;
418 .dir-rtl .form-description {
419     clear: left;
422 .form-item .form-setting .form-htmlarea {
423     width: 640px;
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 .dir-rtl .form-item .form-setting .defaultsnext {
443     margin-left: 0.5em;
444     margin-right: 0;
446 .form-item .form-setting .locked-checkbox {
447     margin-right: 0.2em;
448     margin-left: 0.5em;
449     display: inline;
452 .dir-rtl .form-item .form-setting .locked-checkbox {
453     margin-right: 0.5em;
454     margin-left: 0.2em;
455     display: inline;
458 .form-item .form-setting .form-password .unmask,
459 .form-item .form-setting .form-defaultinfo {
460     display: inline-block;
463 .form-item .pathok,
464 .form-item .patherror {
465     margin-left: 0.5em;
468 #admin-emoticons td input {
469     width: 8em;
472 #admin-emoticons td.c0 input {
473     width: 4em;
476 #adminthemeselector .selectedtheme td.c0 {
477     border: 1px solid;
478     border-right-width: 0;
481 #adminthemeselector .selectedtheme td.c1 {
482     border: 1px solid;
483     border-left-width: 0;
486 .admin_colourpicker,
487 .admin_colourpicker_preview {
488     display: none;
491 .jsenabled .admin_colourpicker_preview {
492     display: inline;
495 .jsenabled .admin_colourpicker {
496     display: block;
497     height: 102px;
498     width: 410px;
499     margin-bottom: 10px;
502 .admin_colourpicker .loadingicon {
503     vertical-align: middle;
504     margin-left: auto;
507 .admin_colourpicker .colourdialogue {
508     float: left;
509     border: 1px solid #000;
512 .admin_colourpicker .previewcolour {
513     border: 1px solid #000;
514     margin-left: 301px;
517 .admin_colourpicker .currentcolour {
518     border: 1px solid #000;
519     margin-left: 301px;
520     border-top-width: 0;
523 /** Overide for RTL layout **/
524 .dir-rtl .form-item  .form-setting,
525 .dir-rtl .form-item  .form-label,
526 .dir-rtl .form-item .form-description,
527 .dir-rtl.path-admin .roleassigntable p {
528     text-align: right
531 // Plugins check.
532 #page-admin-index #notice .checkforupdates {
533     text-align: center;
536 #plugins-check-info {
537     text-align: center;
538     margin: 1em;
541 #plugins-check .displayname .pluginicon {
542     width: 16px;
545 #plugins-check .status-new .status {
546     background-color: @successBackground;
549 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release,
550 #plugins-check .status-upgrade .status,
551 #plugins-check .status-delete .status {
552     background-color: @infoBackground;
555 #plugins-control-panel .extension .source,
556 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
557 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release,
558 .pluginupdateinfo.maturity100,
559 .pluginupdateinfo.maturity150,
560 #plugins-check .extension .source {
561     background-color: @warningBackground;
564 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release,
565 .pluginupdateinfo.maturity50,
566 #plugins-check .requires-failed,
567 #plugins-check .missingfromdisk .displayname,
568 #plugins-check .status-missing .status,
569 #plugins-check .status-downgrade .status {
570     background-color: @errorBackground;
573 #plugins-control-panel .statusmsg {
574     background-color: @grayLighter;
575     padding: 3px;
576     .border-radius(5px);
579 #plugins-control-panel .status-missing .pluginname {
580     background-color: @errorBackground;
583 #plugins-control-panel .status-missing .statusmsg {
584     color: @errorText;
587 #plugins-control-panel .status-new .pluginname {
588     background-color: @successBackground;
591 #plugins-control-panel .status-new .statusmsg {
592     color: @successText;
595 #plugins-control-panel .disabled .availability {
596     background-color: @inputDisabledBackground;
599 #plugins-check .standard .source,
600 #plugins-check .status-nodb .status,
601 #plugins-check .status-uptodate .status,
602 #plugins-check .requires-ok {
603     .muted
606 #plugins-check .requires ul {
607     font-size: @fontSizeMini;
608     margin: 0;
611 #plugins-check .status .pluginupdateinfo {
612     padding: 5px 10px;
613     margin: 10px;
614     background-color: @infoBackground;
615     .border-radius(10px);
618 #plugins-check .status .pluginupdateinfo span,
619 #plugins-check .status .pluginupdateinfo a {
620     padding-right: 1em;
624 #page-admin-index .upgradepluginsinfo {
625     text-align: center;
628 #page-admin-plugins .checkforupdates {
629     margin: 0 auto 1em;
630     text-align: center;
633 #plugins-control-panel .requiredby,
634 #plugins-control-panel .pluginname .componentname {
635     font-size: @fontSizeSmall;
636     .muted
639 #plugins-control-panel .pluginname .componentname {
640     margin-left: 22px;
643 #plugins-overview-filter .filter-item,
644 #plugins-overview-panel .info {
645     padding: 0 10px;
648 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator,
649 #plugins-check .status .pluginupdateinfo .separator,
650 #page-admin-plugins .separator {
651     border-left: 1px dotted #999;
654 #plugins-control-panel .msg td {
655     text-align: center;
658 #plugins-overview-filter,
659 #plugins-overview-panel {
660     margin: 1em auto;
661     text-align: center;
664 #plugins-overview-panel .info.updatable {
665     margin-left: 10px;
666     background-color: @infoBackground;
667     font-weight: bold;
668     .border-radius(10px);
671 #plugins-overview-filter .filter-item.active {
672     font-weight: bold;
675 #plugins-control-panel .displayname img.icon {
676     padding-top: 0;
677     padding-bottom: 0;
680 #plugins-control-panel .uninstall a {
681     color: @errorText;
684 #plugins-control-panel .notes .pluginupdateinfo {
685     padding: 5px 10px;
686     margin: 10px;
687     background-color: @infoBackground;
688     .border-radius(10px);
692 #plugins-control-panel .notes .pluginupdateinfo span,
693 #plugins-control-panel .notes .pluginupdateinfo a {
694     padding-right: 1em;
697 .dir-rtl {
698     #plugins-check .pluginupdateinfo {
699         text-align: center;
700         direction: ltr;
701     }
703     #plugins-check .rootdir,
704     #plugins-check .requires-ok {
705         text-align: left;
706         direction: ltr;
707     }
710 /** MNet networking */
711 #page-admin-mnet-peers .box.deletedhosts {
712     margin-bottom: 1em;
713     font-size: @fontSizeSmall;
716 #page-admin-mnet-peers .mform .certdetails {
717     background-color: white;
720 #page-admin-mnet-peers .mform .deletedhostinfo {
721     background-color: @errorBackground;
722     border: 2px solid @errorBorder;
723     padding: 4px;
724     margin-bottom: 5px;
727 #core-cache-plugin-summaries table,
728 #core-cache-store-summaries table {
729     width: 100%;
732 #core-cache-lock-summary table,
733 #core-cache-definition-summaries table,
734 #core-cache-mode-mappings table {
735     margin: 0 auto;
738 #core-cache-store-summaries .default-store td {
739     color: #333;
740     font-style: italic;
743 #core-cache-rescan-definitions,
744 #core-cache-mode-mappings .edit-link,
745 #core-cache-lock-summary .new-instance {
746     margin-top: 0.5em;
747     text-align: center;
750 .tinymcesubplugins img.icon {
751     padding-top: 0;
752     padding-bottom: 0;
755 // Hacks for badly marked up admin warnings.
756 #page-admin-roles-assign div.box.generalbox {
757     .alert;
758     .alert-danger;
761 .maintenancewarning {
762     padding: 3px 1em;
763     text-align: center;
764     position: fixed;
765     bottom: 0;
766     right: 0;
767     overflow: hidden;
768     z-index: 1;
769     &.error {
770         color: @errorText;
771         background-color: @errorBackground;
772         border: 2px solid @errorBorder;
773         font-weight: bold;
774     }
775     &.warning {
776         color: @warningText;
777         background-color: @warningBackground;
778         border: 2px solid @warningBorder;
779     }