MDL-49329 admin: Add ability to cancel installation of a new plugin
[moodle.git] / theme / bootstrapbase / less / moodle / admin.less
CommitLineData
8903b17b
BB
1/* admin.less */
2.formtable tbody th {
3 font-weight: normal;
4 text-align: right;
5}
6
7.path-admin #assignrole {
8 width: 60%;
9 margin-left: auto;
10 margin-right: auto;
11}
12
13.path-admin .admintable .leftalign {
14 text-align: left;
15}
16
1d66182d
BB
17.dir-rtl.path-admin .admintable .leftalign {
18 text-align: right;
19}
20
8903b17b
BB
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}
41
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}
49
50.path-admin .incompatibleblockstable td.c0 {
51 font-weight: bold;
52}
53
54#page-admin-course-category .addcategory {
55 padding: 10px;
56}
57
58#page-admin-course-index .editcourse {
59 margin: 20px auto;
60}
61
62#page-admin-course-index .editcourse th,
63#page-admin-course-index .editcourse td {
64 padding-left: 10px;
65 padding-right: 10px;
66}
67
8903b17b
BB
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}
89
90#page-admin-report-capability-index #capabilitysearch {
91 width: 30em;
92}
93
94#page-admin-report-backups-index .backup-error,
95#page-admin-report-backups-index .backup-unfinished {
96 color: @errorText;
97}
98
99#page-admin-report-backups-index .backup-skipped,
70f210c0
MN
100#page-admin-report-backups-index .backup-ok,
101#page-admin-report-backups-index .backup-notyetrun {
8903b17b
BB
102 color: @successText;
103}
104
105#page-admin-report-backups-index .backup-warning {
106 color: @warningText;
107}
108
109#page-admin-qtypes .disabled,
110#page-admin-qbehaviours .disabled {
111 .muted;
112}
113
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;
119}
120
121#page-admin-qtypes #qtypes img.spacer,
122#page-admin-qbehaviours #qbehaviours img.spacer {
123 width: 16px;
124}
125
d9df063e 126// Make them more finger friendly.
8903b17b
BB
127img.iconsmall {
128 margin: 0;
129 padding: 0.3em;
130}
131
132
133#page-admin-qbehaviours .cell.c3,
134#page-admin-qtypes .cell.c3 {
135 font-size: @fontSizeMini;
136}
137
138#page-admin-lang .generalbox,
139#page-admin-course-index .singlebutton,
140#page-admin-course-index .addcategory,
141#page-course-index .buttons,
69bbd2a7 142#page-course-index-category .buttons,
8903b17b
BB
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,
8903b17b
BB
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;
155}
156
157.path-admin-roles .capabilitysearchui {
158 text-align: left;
159 margin-left: auto;
160 margin-right: auto;
161}
162
163#page-admin-roles-define .topfields {
164 margin: 1em 0 2em;
165}
166
167#page-admin-roles-define .capdefault {
e514c722
FM
168 background-color: @tableBackgroundHover;
169 border: 1px solid @tableBorder;
8903b17b
BB
170}
171
172#page-filter-manage .backlink,
173.path-admin-roles .backlink {
174 margin-top: 1em;
175}
176
177#page-admin-roles-explain #chooseuser h3,
178#page-admin-roles-usersroles .contextname {
179 margin-top: 0;
180}
181
182#page-admin-roles-explain #chooseusersubmit {
183 margin-top: 0;
184 text-align: center;
185}
186
187#page-admin-roles-usersroles p {
188 margin: 0;
189}
190
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;
195}
196
197#page-admin-roles-override .overridenotice,
198#page-admin-roles-define .definenotice {
199 margin: 1em 10% 2em 10%;
200 text-align: left;
201}
202
203#notice {
d9df063e
DW
204 // Would like the use the alert stuff below for this,
205 // but the way buttons are used makes it tricky.
8903b17b
BB
206 width: 60%;
207 min-width: 220px;
208 margin: auto;
209}
210
211#page-admin-index .releasenoteslink,
212#page-admin-index .adminwarning,
7f52dbd8 213#page-admin-index .adminerror {
03525f7e 214 margin: auto;
8903b17b
BB
215 .alert;
216 width: 60%;
217 min-width: 220px;
8903b17b 218}
7f52dbd8 219#page-admin-index .adminerror {
8903b17b
BB
220 .alert-error;
221}
222
8903b17b
BB
223#page-admin-index .releasenoteslink {
224 .alert-info;
225}
226
227#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
228 display: block;
229}
230
231
232#page-admin-index .updateplugin div,
233#page-admin-plugins .updateplugin div {
234 margin-bottom: 0.5em;
235}
236
237#page-admin-index .updateplugin .updatepluginconfirmexternal,
238#page-admin-plugins .updateplugin .updatepluginconfirmexternal {
239 padding: 1em;
240 background-color: @errorBackground;
241 border: 1px solid @errorBorder;
242}
243
244#page-admin-user-user_bulk #users .fgroup {
245 white-space: nowrap;
246}
247
248#page-admin-report-stats-index .graph {
249 text-align: center;
250 margin-bottom: 1em;
251}
252
253#page-admin-report-courseoverview-index .graph {
254 text-align: center;
255 margin-bottom: 1em;
256}
257
258#page-admin-lang .translator {
259 border-width: 1px;
260 border-style: solid;
261}
262
d9df063e 263// This is the CSS for the role assignment control.
8903b17b
BB
264.path-admin .roleassigntable {
265 width: 100%;
266}
267
268.path-admin .roleassigntable td {
269 vertical-align: top;
270 padding: 0.2em 0.3em
271}
272
273.path-admin .roleassigntable p {
274 text-align: left;
275 margin: 0.2em 0;
276}
277
278.path-admin .roleassigntable #existingcell,
279.path-admin .roleassigntable #potentialcell {
280 width: 42%;
281}
282
d9df063e 283// Targetting the label at the top.
8903b17b
BB
284.path-admin .roleassigntable #existingcell p > label:first-child,
285.path-admin .roleassigntable #potentialcell p > label:first-child {
286 font-weight: bold;
287}
288
289.path-admin .roleassigntable #buttonscell {
290 width: 16%;
291}
292
293.path-admin .roleassigntable #buttonscell #assignoptions {
294 font-size: @fontSizeMini;
295}
296
297.path-admin .roleassigntable #removeselect_wrapper,
298.path-admin .roleassigntable #addselect_wrapper {
299 width: 100%;
300}
301
302.path-admin table.rolecap tr.rolecap th {
303 text-align: left;
304 font-weight: normal;
305}
306
307.path-admin.dir-rtl table.rolecap tr.rolecap th {
308 text-align: right;
309}
310
311.path-admin .rolecap .hiddenrow {
312 display: none;
313}
314
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 }
326}
327
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;
334}
335
336.path-admin .rolecap label {
337 display: block;
338 text-align: center;
339 padding: 0.5em;
340 margin: 0;
341}
342
343.plugincheckwrapper {
344 width: 100%;
345}
346
347.environmentbox {
348 margin-top: 1em;
349}
350
351#mnetconfig table {
352 margin-left: auto;
353 margin-right: auto;
354}
355
356.environmenttable .cell {
357 padding: .15em .5em;
358}
359
360.environmenttable img.iconhelp {
361 padding-right: .3em;
362}
363
364.dir-rtl .environmenttable img.iconhelp {
365 padding-left: .3em;
366 padding-right: 0
367}
368
369#trustedhosts .generaltable {
370 margin-left: auto;
371 margin-right: auto;
372 width: 500px;
373}
374
375#trustedhosts .standard {
376 width: auto;
377}
378
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
d9df063e 382// look into sorting it.
8903b17b
BB
383#adminsettings legend {
384 display: none;
385}
386
387#adminsettings fieldset.error {
388 margin: .2em 0 .5em 0;
389}
390
391#adminsettings fieldset.error legend {
392 display: block;
393}
394
395.dir-rtl #admin-spelllanguagelist textarea,
396#page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
397 text-align: left;
398 direction: ltr;
399}
400
459e3c88
DW
401/* Styles for flags on admin settings */
402.adminsettingsflags {
403 float: right;
404}
405
406.dir-rtl .adminsettingsflags {
407 float: left;
408}
409
410.adminsettingsflags label {
411 margin-right: 7px;
412}
413
414.dir-rtl .adminsettingsflags label {
415 margin-left: 7px;
416}
417
418.form-description {
419 clear: right;
420}
421
422.dir-rtl .form-description {
423 clear: left;
424}
425
8903b17b
BB
426.form-item .form-setting .form-htmlarea {
427 width: 640px;
428 display: inline;
429}
430
431.form-item .form-setting .form-htmlarea .htmlarea {
432 width: 640px;
433 display: block;
434}
435
436.form-item .form-setting .form-multicheckbox ul {
437 list-style: none;
438 padding: 0;
439 margin: 7px 0 0 0;
440}
441
442.form-item .form-setting .defaultsnext {
443 margin-right: 0.5em;
444 display: inline;
445}
8d223d71
NK
446.dir-rtl .form-item .form-setting .defaultsnext {
447 margin-left: 0.5em;
448 margin-right: 0;
449}
8903b17b
BB
450.form-item .form-setting .locked-checkbox {
451 margin-right: 0.2em;
452 margin-left: 0.5em;
453 display: inline;
454}
455
456.dir-rtl .form-item .form-setting .locked-checkbox {
457 margin-right: 0.5em;
458 margin-left: 0.2em;
459 display: inline;
460}
461
462.form-item .form-setting .form-password .unmask,
463.form-item .form-setting .form-defaultinfo {
464 display: inline-block;
465}
466
467.form-item .pathok,
468.form-item .patherror {
469 margin-left: 0.5em;
470}
471
8903b17b
BB
472#admin-emoticons td input {
473 width: 8em;
474}
475
476#admin-emoticons td.c0 input {
477 width: 4em;
478}
479
480#adminthemeselector .selectedtheme td.c0 {
e514c722 481 border: 1px solid @black;
8903b17b
BB
482 border-right-width: 0;
483}
484
485#adminthemeselector .selectedtheme td.c1 {
e514c722 486 border: 1px solid @black;
8903b17b
BB
487 border-left-width: 0;
488}
489
490.admin_colourpicker,
491.admin_colourpicker_preview {
492 display: none;
493}
494
495.jsenabled .admin_colourpicker_preview {
496 display: inline;
497}
498
499.jsenabled .admin_colourpicker {
500 display: block;
501 height: 102px;
502 width: 410px;
503 margin-bottom: 10px;
504}
505
506.admin_colourpicker .loadingicon {
507 vertical-align: middle;
508 margin-left: auto;
509}
510
511.admin_colourpicker .colourdialogue {
512 float: left;
e514c722 513 border: 1px solid @black;
8903b17b
BB
514}
515
516.admin_colourpicker .previewcolour {
e514c722 517 border: 1px solid @black;
8903b17b
BB
518 margin-left: 301px;
519}
520
521.admin_colourpicker .currentcolour {
e514c722 522 border: 1px solid @black;
8903b17b
BB
523 margin-left: 301px;
524 border-top-width: 0;
525}
526
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
533}
534
2f29cf6e 535// Plugins overview control panel.
8903b17b
BB
536#page-admin-index #notice .checkforupdates {
537 text-align: center;
538}
539
fd17898c 540#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
8903b17b
BB
541 background-color: @infoBackground;
542}
543
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,
fd17898c
DM
547#plugins-check .status .pluginupdateinfo.maturity100,
548#plugins-check .status .pluginupdateinfo.maturity150 {
8903b17b
BB
549 background-color: @warningBackground;
550}
551
552#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release,
fd17898c 553#plugins-check .status .pluginupdateinfo.maturity50,
8903b17b
BB
554#plugins-check .missingfromdisk .displayname,
555#plugins-check .status-missing .status,
556#plugins-check .status-downgrade .status {
557 background-color: @errorBackground;
558}
559
9074e478
DM
560#plugins-control-panel .statusmsg {
561 background-color: @grayLighter;
562 padding: 3px;
563 .border-radius(5px);
564}
565
566#plugins-control-panel .status-missing .pluginname {
567 background-color: @errorBackground;
568}
569
570#plugins-control-panel .status-missing .statusmsg {
571 color: @errorText;
572}
573
574#plugins-control-panel .status-new .pluginname {
575 background-color: @successBackground;
576}
577
578#plugins-control-panel .status-new .statusmsg {
579 color: @successText;
580}
581
8903b17b
BB
582#plugins-control-panel .disabled .availability {
583 background-color: @inputDisabledBackground;
584}
585
2f29cf6e
DM
586// Plugins check page displayed during upgrade.
587#plugins-check-page {
8903b17b 588
2f29cf6e
DM
589 .page-description {
590 .muted
fd17898c 591 }
2f29cf6e
DM
592
593 // Check for updates.
594 .checkforupdates {
595 .singlebutton {
596 margin: 5px 0;
597 padding: 0;
598 input {
599 margin: 0;
600 }
601 }
fd17898c 602 }
fd17898c 603
2f29cf6e
DM
604 // Section before the plugins check table.
605 #plugins-check-info {
606 .actions {
607 .actionbutton {
608 display: inline-block;
609 margin: 5px;
610 padding: 0;
611 input {
612 margin: 0;
613 }
614 }
615 }
616 }
8903b17b 617
2f29cf6e
DM
618 // Plugins check table.
619 #plugins-check {
620 .requires-ok {
621 .muted
622 }
8903b17b 623
2f29cf6e
DM
624 .displayname {
625 .pluginicon {
626 margin-right: 5px;
627 width: 16px;
628 }
629 .plugindir {
630 .muted;
631 font-size: @fontSizeSmall;
632 }
633 }
634
635 .requires ul {
636 margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
637 }
638
639 .status {
640 .actionbutton {
641 margin: 5px 0px;
642 padding: 0;
643 input {
644 margin: 0;
645 }
646 }
647 .pluginupdateinfo {
648 padding: 5px 10px;
649 margin: 10px 0px;
650 background-color: @infoBackground;
651 .border-radius(10px);
652 .separator:after {
653 content: " | ";
654 }
655 }
656 }
657 }
658
659 // Available dependencies on the plugins check page.
660 #plugins-check-available-dependencies {
661 .displayname .component {
662 font-size: @fontSizeSmall;
663 .muted
664 }
5a92cd0b
DM
665 }
666}
667
8903b17b
BB
668#page-admin-index .upgradepluginsinfo {
669 text-align: center;
670}
671
672#page-admin-plugins .checkforupdates {
673 margin: 0 auto 1em;
674 text-align: center;
675}
676
677#plugins-control-panel .requiredby,
678#plugins-control-panel .pluginname .componentname {
679 font-size: @fontSizeSmall;
680 .muted
681}
682
683#plugins-control-panel .pluginname .componentname {
684 margin-left: 22px;
685}
686
687#plugins-overview-filter .filter-item,
54d75893 688#plugins-overview-panel .info {
8903b17b
BB
689 padding: 0 10px;
690}
691
692#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator,
8903b17b 693#page-admin-plugins .separator {
e514c722 694 border-left: 1px dotted @grayLight;
8903b17b
BB
695}
696
697#plugins-control-panel .msg td {
698 text-align: center;
699}
700
701#plugins-overview-filter,
702#plugins-overview-panel {
703 margin: 1em auto;
704 text-align: center;
705}
706
707#plugins-overview-panel .info.updatable {
708 margin-left: 10px;
709 background-color: @infoBackground;
710 font-weight: bold;
711 .border-radius(10px);
712}
713
714#plugins-overview-filter .filter-item.active {
715 font-weight: bold;
716}
717
718#plugins-control-panel .displayname img.icon {
719 padding-top: 0;
720 padding-bottom: 0;
721}
722
54d75893 723#plugins-control-panel .uninstall a {
8903b17b
BB
724 color: @errorText;
725}
726
727#plugins-control-panel .notes .pluginupdateinfo {
728 padding: 5px 10px;
729 margin: 10px;
730 background-color: @infoBackground;
731 .border-radius(10px);
732}
733
734
735#plugins-control-panel .notes .pluginupdateinfo span,
736#plugins-control-panel .notes .pluginupdateinfo a {
737 padding-right: 1em;
738}
739
740.dir-rtl {
741 #plugins-check .pluginupdateinfo {
742 text-align: center;
743 direction: ltr;
744 }
745
8903b17b
BB
746 #plugins-check .requires-ok {
747 text-align: left;
748 direction: ltr;
749 }
750}
751
752/** MNet networking */
753#page-admin-mnet-peers .box.deletedhosts {
754 margin-bottom: 1em;
755 font-size: @fontSizeSmall;
756}
757
8903b17b
BB
758#page-admin-mnet-peers .mform .deletedhostinfo {
759 background-color: @errorBackground;
760 border: 2px solid @errorBorder;
761 padding: 4px;
762 margin-bottom: 5px;
763}
764
765#core-cache-plugin-summaries table,
766#core-cache-store-summaries table {
767 width: 100%;
768}
769
770#core-cache-lock-summary table,
771#core-cache-definition-summaries table,
772#core-cache-mode-mappings table {
773 margin: 0 auto;
774}
775
776#core-cache-store-summaries .default-store td {
8903b17b
BB
777 font-style: italic;
778}
779
780#core-cache-rescan-definitions,
acf49f4b
SH
781#core-cache-mode-mappings .edit-link,
782#core-cache-lock-summary .new-instance {
8903b17b
BB
783 margin-top: 0.5em;
784 text-align: center;
785}
786
787.tinymcesubplugins img.icon {
788 padding-top: 0;
789 padding-bottom: 0;
790}
791
f487a8f8
RT
792.maintenancewarning {
793 padding: 3px 1em;
794 text-align: center;
795 position: fixed;
796 bottom: 0;
797 right: 0;
798 overflow: hidden;
799 z-index: 1;
800 &.error {
801 color: @errorText;
802 background-color: @errorBackground;
803 border: 2px solid @errorBorder;
804 font-weight: bold;
805 }
806 &.warning {
807 color: @warningText;
808 background-color: @warningBackground;
809 border: 2px solid @warningBorder;
810 }
811}
2c47e500
FM
812
813#adminsettings .form-overridden {
814 color: @infoText;
815 background-color: @infoBackground;
816}