MDL-49329 admin: Require confirmation before cancelling plugin install
[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
44371554 231#page-admin-index .updateplugin div {
8903b17b
BB
232 margin-bottom: 0.5em;
233}
234
44371554 235#page-admin-index .updateplugin .updatepluginconfirmexternal {
8903b17b
BB
236 padding: 1em;
237 background-color: @errorBackground;
238 border: 1px solid @errorBorder;
239}
240
241#page-admin-user-user_bulk #users .fgroup {
242 white-space: nowrap;
243}
244
245#page-admin-report-stats-index .graph {
246 text-align: center;
247 margin-bottom: 1em;
248}
249
250#page-admin-report-courseoverview-index .graph {
251 text-align: center;
252 margin-bottom: 1em;
253}
254
255#page-admin-lang .translator {
256 border-width: 1px;
257 border-style: solid;
258}
259
d9df063e 260// This is the CSS for the role assignment control.
8903b17b
BB
261.path-admin .roleassigntable {
262 width: 100%;
263}
264
265.path-admin .roleassigntable td {
266 vertical-align: top;
267 padding: 0.2em 0.3em
268}
269
270.path-admin .roleassigntable p {
271 text-align: left;
272 margin: 0.2em 0;
273}
274
275.path-admin .roleassigntable #existingcell,
276.path-admin .roleassigntable #potentialcell {
277 width: 42%;
278}
279
d9df063e 280// Targetting the label at the top.
8903b17b
BB
281.path-admin .roleassigntable #existingcell p > label:first-child,
282.path-admin .roleassigntable #potentialcell p > label:first-child {
283 font-weight: bold;
284}
285
286.path-admin .roleassigntable #buttonscell {
287 width: 16%;
288}
289
290.path-admin .roleassigntable #buttonscell #assignoptions {
291 font-size: @fontSizeMini;
292}
293
294.path-admin .roleassigntable #removeselect_wrapper,
295.path-admin .roleassigntable #addselect_wrapper {
296 width: 100%;
297}
298
299.path-admin table.rolecap tr.rolecap th {
300 text-align: left;
301 font-weight: normal;
302}
303
304.path-admin.dir-rtl table.rolecap tr.rolecap th {
305 text-align: right;
306}
307
308.path-admin .rolecap .hiddenrow {
309 display: none;
310}
311
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 }
323}
324
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;
331}
332
333.path-admin .rolecap label {
334 display: block;
335 text-align: center;
336 padding: 0.5em;
337 margin: 0;
338}
339
340.plugincheckwrapper {
341 width: 100%;
342}
343
344.environmentbox {
345 margin-top: 1em;
346}
347
348#mnetconfig table {
349 margin-left: auto;
350 margin-right: auto;
351}
352
353.environmenttable .cell {
354 padding: .15em .5em;
355}
356
357.environmenttable img.iconhelp {
358 padding-right: .3em;
359}
360
361.dir-rtl .environmenttable img.iconhelp {
362 padding-left: .3em;
363 padding-right: 0
364}
365
366#trustedhosts .generaltable {
367 margin-left: auto;
368 margin-right: auto;
369 width: 500px;
370}
371
372#trustedhosts .standard {
373 width: auto;
374}
375
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
d9df063e 379// look into sorting it.
8903b17b
BB
380#adminsettings legend {
381 display: none;
382}
383
384#adminsettings fieldset.error {
385 margin: .2em 0 .5em 0;
386}
387
388#adminsettings fieldset.error legend {
389 display: block;
390}
391
392.dir-rtl #admin-spelllanguagelist textarea,
393#page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
394 text-align: left;
395 direction: ltr;
396}
397
459e3c88
DW
398/* Styles for flags on admin settings */
399.adminsettingsflags {
400 float: right;
401}
402
403.dir-rtl .adminsettingsflags {
404 float: left;
405}
406
407.adminsettingsflags label {
408 margin-right: 7px;
409}
410
411.dir-rtl .adminsettingsflags label {
412 margin-left: 7px;
413}
414
415.form-description {
416 clear: right;
417}
418
419.dir-rtl .form-description {
420 clear: left;
421}
422
8903b17b
BB
423.form-item .form-setting .form-htmlarea {
424 width: 640px;
425 display: inline;
426}
427
428.form-item .form-setting .form-htmlarea .htmlarea {
429 width: 640px;
430 display: block;
431}
432
433.form-item .form-setting .form-multicheckbox ul {
434 list-style: none;
435 padding: 0;
436 margin: 7px 0 0 0;
437}
438
439.form-item .form-setting .defaultsnext {
440 margin-right: 0.5em;
441 display: inline;
442}
8d223d71
NK
443.dir-rtl .form-item .form-setting .defaultsnext {
444 margin-left: 0.5em;
445 margin-right: 0;
446}
8903b17b
BB
447.form-item .form-setting .locked-checkbox {
448 margin-right: 0.2em;
449 margin-left: 0.5em;
450 display: inline;
451}
452
453.dir-rtl .form-item .form-setting .locked-checkbox {
454 margin-right: 0.5em;
455 margin-left: 0.2em;
456 display: inline;
457}
458
459.form-item .form-setting .form-password .unmask,
460.form-item .form-setting .form-defaultinfo {
461 display: inline-block;
462}
463
464.form-item .pathok,
465.form-item .patherror {
466 margin-left: 0.5em;
467}
468
8903b17b
BB
469#admin-emoticons td input {
470 width: 8em;
471}
472
473#admin-emoticons td.c0 input {
474 width: 4em;
475}
476
477#adminthemeselector .selectedtheme td.c0 {
e514c722 478 border: 1px solid @black;
8903b17b
BB
479 border-right-width: 0;
480}
481
482#adminthemeselector .selectedtheme td.c1 {
e514c722 483 border: 1px solid @black;
8903b17b
BB
484 border-left-width: 0;
485}
486
487.admin_colourpicker,
488.admin_colourpicker_preview {
489 display: none;
490}
491
492.jsenabled .admin_colourpicker_preview {
493 display: inline;
494}
495
496.jsenabled .admin_colourpicker {
497 display: block;
498 height: 102px;
499 width: 410px;
500 margin-bottom: 10px;
501}
502
503.admin_colourpicker .loadingicon {
504 vertical-align: middle;
505 margin-left: auto;
506}
507
508.admin_colourpicker .colourdialogue {
509 float: left;
e514c722 510 border: 1px solid @black;
8903b17b
BB
511}
512
513.admin_colourpicker .previewcolour {
e514c722 514 border: 1px solid @black;
8903b17b
BB
515 margin-left: 301px;
516}
517
518.admin_colourpicker .currentcolour {
e514c722 519 border: 1px solid @black;
8903b17b
BB
520 margin-left: 301px;
521 border-top-width: 0;
522}
523
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
530}
531
8903b17b
BB
532#page-admin-index #notice .checkforupdates {
533 text-align: center;
534}
535
fd17898c 536#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
8903b17b
BB
537 background-color: @infoBackground;
538}
539
8903b17b 540#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
44371554 541#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
8903b17b
BB
542 background-color: @warningBackground;
543}
544
44371554 545#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
8903b17b
BB
546 background-color: @errorBackground;
547}
548
44371554
DM
549// Plugins overview page at admin/plugins.php
550#page-admin-plugins {
9074e478 551
44371554
DM
552 #plugins-overview-panel {
553 .info {
554 display: inline-block;
555 margin-right: 1em;
556 }
557 }
9074e478 558
44371554
DM
559 .checkforupdates {
560 margin: 10px 0;
561 .singlebutton {
562 margin: 5px 0;
563 padding: 0;
564 div, input {
565 margin: 0 3px 0 0;
566 }
567 }
568 }
9074e478 569
8726c07c
DM
570 .updateavailableinstallall {
571 margin: 5px 0;
572 padding: 0;
573 div, input {
574 margin: 0 3px 5px 0;
575 }
576 }
577
44371554
DM
578 #plugins-control-panel {
579 .status-missing td {
580 background-color: @errorBackground;
581 }
582 .pluginname {
583 .displayname img.icon {
584 padding-top: 0;
585 padding-bottom: 0;
586 }
587 .componentname {
588 font-size: @fontSizeSmall;
589 .muted;
590 margin-left: 22px;
591 }
592 }
593 .version {
594 .versionnumber {
595 font-size: @fontSizeSmall;
596 .muted;
597 }
598 .release {
599 }
600 }
601 .availability {
602 }
603 .settings {
604 }
605 .uninstall {
606 a {
607 color: @errorText;
608 }
609 }
610 .notes {
611 .label {
612 margin-right: 3px;
613 }
614 .requiredby {
615 font-size: @fontSizeSmall;
616 .muted;
617 }
618 }
619 }
9074e478
DM
620}
621
8903b17b 622
2f29cf6e
DM
623// Plugins check page displayed during upgrade.
624#plugins-check-page {
8903b17b 625
2f29cf6e 626 .page-description {
44371554 627 .muted;
fd17898c 628 }
2f29cf6e
DM
629
630 // Check for updates.
631 .checkforupdates {
632 .singlebutton {
633 margin: 5px 0;
634 padding: 0;
44371554
DM
635 div, input {
636 margin: 0 3px 0 0;
2f29cf6e
DM
637 }
638 }
fd17898c 639 }
fd17898c 640
2f29cf6e
DM
641 // Section before the plugins check table.
642 #plugins-check-info {
643 .actions {
0ec7d101 644 > div {
2f29cf6e 645 display: inline-block;
0ec7d101
DM
646 margin-right: 1em;
647 }
648 .singlebutton {
2f29cf6e
DM
649 margin: 5px;
650 padding: 0;
44371554
DM
651 div, input {
652 margin: 0 3px 0 0;
2f29cf6e
DM
653 }
654 }
655 }
656 }
8903b17b 657
2f29cf6e
DM
658 // Plugins check table.
659 #plugins-check {
660 .requires-ok {
44371554 661 .muted;
2f29cf6e 662 }
8903b17b 663
f65d3370 664 .status-missing, .status-downgrade {
44371554
DM
665 td {
666 background-color: @errorBackground;
667 }
f65d3370
DM
668 }
669
2f29cf6e
DM
670 .displayname {
671 .pluginicon {
672 margin-right: 5px;
673 width: 16px;
674 }
675 .plugindir {
676 .muted;
677 font-size: @fontSizeSmall;
678 }
679 }
680
681 .requires ul {
682 margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
683 }
684
685 .status {
686 .actionbutton {
687 margin: 5px 0px;
688 padding: 0;
689 input {
690 margin: 0;
691 }
692 }
2f29cf6e
DM
693 }
694 }
695
9137a89a
DM
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;
44371554
DM
704 div, input {
705 margin: 0 3px 0 0;
9137a89a
DM
706 }
707 }
708 }
709
710 // List of available dependencies on the plugins check page.
2f29cf6e
DM
711 #plugins-check-available-dependencies {
712 .displayname .component {
713 font-size: @fontSizeSmall;
44371554 714 .muted;
2f29cf6e 715 }
9137a89a
DM
716 .info .actions {
717 > div {
718 display: inline-block;
719 margin-right: 1em;
720 }
36977a6d 721 .dependencyinstall {
9137a89a
DM
722 display: block;
723 margin: 5px 0;
724 padding: 0;
725 input {
726 margin: 0;
727 }
728 }
729 }
5a92cd0b
DM
730 }
731}
732
44371554 733// Available plugin update notification.
8903b17b 734
44371554
DM
735#plugins-check-page, #plugins-control-panel {
736 .pluginupdateinfo {
737 background-color: @infoBackground;
738 &.maturity50 {
739 background-color: @errorBackground;
740 }
741 &.maturity100, &.maturity150 {
742 background-color: @warningBackground;
743 }
744 padding: 5px;
745 margin: 10px 0;
746 .border-radius(5px);
747 .info {
748 display: inline-block;
749 }
750 .separator:after {
751 content: " | ";
752 }
753 .singlebutton {
754 margin: 5px 0;
755 padding: 0;
756 div, input {
757 margin: 0 3px 0 0;
758 }
759 }
760 }
8903b17b
BB
761}
762
4d7528f9 763.plugins-management-confirm-buttons {
c948b813
DM
764 > div {
765 display: inline-block;
766 margin: 1em 1em 1em 0;
767 }
768 .continue {
769 padding: 0;
770 div, input {
771 margin: 0;
772 }
773 }
774}
775
4d7528f9
DM
776.uninstalldeleteconfirmexternal {
777 background-color: @warningBackground;
778 padding: 0.5em 1em;
779 margin: 5px 0 10px 0;
780}
781
44371554 782#page-admin-index .upgradepluginsinfo {
8903b17b
BB
783 text-align: center;
784}
785
44371554
DM
786#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
787 content: " | ";
8903b17b
BB
788}
789
790.dir-rtl {
791 #plugins-check .pluginupdateinfo {
792 text-align: center;
793 direction: ltr;
794 }
795
8903b17b
BB
796 #plugins-check .requires-ok {
797 text-align: left;
798 direction: ltr;
799 }
800}
801
802/** MNet networking */
803#page-admin-mnet-peers .box.deletedhosts {
804 margin-bottom: 1em;
805 font-size: @fontSizeSmall;
806}
807
8903b17b
BB
808#page-admin-mnet-peers .mform .deletedhostinfo {
809 background-color: @errorBackground;
810 border: 2px solid @errorBorder;
811 padding: 4px;
812 margin-bottom: 5px;
813}
814
815#core-cache-plugin-summaries table,
816#core-cache-store-summaries table {
817 width: 100%;
818}
819
820#core-cache-lock-summary table,
821#core-cache-definition-summaries table,
822#core-cache-mode-mappings table {
823 margin: 0 auto;
824}
825
826#core-cache-store-summaries .default-store td {
8903b17b
BB
827 font-style: italic;
828}
829
830#core-cache-rescan-definitions,
acf49f4b
SH
831#core-cache-mode-mappings .edit-link,
832#core-cache-lock-summary .new-instance {
8903b17b
BB
833 margin-top: 0.5em;
834 text-align: center;
835}
836
837.tinymcesubplugins img.icon {
838 padding-top: 0;
839 padding-bottom: 0;
840}
841
f487a8f8
RT
842.maintenancewarning {
843 padding: 3px 1em;
844 text-align: center;
845 position: fixed;
846 bottom: 0;
847 right: 0;
848 overflow: hidden;
849 z-index: 1;
850 &.error {
851 color: @errorText;
852 background-color: @errorBackground;
853 border: 2px solid @errorBorder;
854 font-weight: bold;
855 }
856 &.warning {
857 color: @warningText;
858 background-color: @warningBackground;
859 border: 2px solid @warningBorder;
860 }
861}
2c47e500
FM
862
863#adminsettings .form-overridden {
864 color: @infoText;
865 background-color: @infoBackground;
866}