MDL-55402 theme_noname: Convert bootstrapbase to bs4
[moodle.git] / theme / noname / scss / moodle / admin.scss
CommitLineData
536f0460
DW
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
17.environmenttable {
18 .warn {
19 @extend .table-warning;
20 }
21 .error {
22 @extend .table-danger;
23 }
24 .ok {
25 @extend .table-success;
26 }
27}
28
29.path-admin .admintable.environmenttable .name,
30.path-admin .admintable.environmenttable .info,
31.path-admin #assignrole .admintable .role,
32.path-admin #assignrole .admintable .userrole,
33.path-admin #assignrole .admintable .roleholder {
34 white-space: nowrap;
35}
36
37.path-admin .incompatibleblockstable td.c0 {
38 font-weight: bold;
39}
40
41#page-admin-course-category .addcategory {
42 padding: 10px;
43}
44
45#page-admin-course-index .editcourse {
46 margin: 20px auto;
47}
48
49#page-admin-course-index .editcourse th,
50#page-admin-course-index .editcourse td {
51 padding-left: 10px;
52 padding-right: 10px;
53}
54
55.timewarninghidden {
56 display: none;
57}
58.statusok {
59 @extend .label-success;
60}
61.statuswarning {
62 @extend .label-warning;
63}
64.statusserious,
65.statuscritical {
66 @extend .label-danger;
67}
68
69#page-admin-report-capability-index #capabilitysearch {
70 width: 30em;
71}
72
73#page-admin-report-backups-index .backup-error,
74#page-admin-report-backups-index .backup-unfinished {
75 @extend .label-danger;
76}
77
78#page-admin-report-backups-index .backup-skipped,
79#page-admin-report-backups-index .backup-ok,
80#page-admin-report-backups-index .backup-notyetrun {
81 @extend .label-success;
82}
83
84#page-admin-report-backups-index .backup-warning {
85 @extend .label-warning;
86}
87
88#page-admin-qtypes .disabled,
89#page-admin-qbehaviours .disabled {
90 @extend .text-muted;
91}
92
93#page-admin-qtypes #qtypes div,
94#page-admin-qtypes #qtypes form,
95#page-admin-qbehaviours #qbehaviours div,
96#page-admin-qbehaviours #qbehaviours form {
97 display: inline;
98}
99
100#page-admin-qtypes #qtypes img.spacer,
101#page-admin-qbehaviours #qbehaviours img.spacer {
102 width: 16px;
103}
104
105// Make them more finger friendly.
106img.iconsmall {
107 margin: 0;
108 padding: 0.3em;
109}
110
111
112#page-admin-qbehaviours .cell.c3,
113#page-admin-qtypes .cell.c3 {
114 font-size: $font-size-sm;
115}
116
117#page-admin-lang .generalbox,
118#page-admin-course-index .singlebutton,
119#page-admin-course-index .addcategory,
120#page-course-index .buttons,
121#page-course-index-category .buttons,
122#page-admin-course-category .addcategory,
123#page-admin-stickyblocks .generalbox,
124#page-admin-maintenance .buttons,
125#page-admin-course-index .buttons,
126#page-admin-course-category .buttons,
127#page-admin-index .copyright,
128#page-admin-index .copyrightnotice,
129#page-admin-index .adminerror .singlebutton,
130#page-admin-index .adminwarning .singlebutton,
131#page-admin-index #layout-table .singlebutton {
132 text-align: center;
133 margin-bottom: 1em;
134}
135
136.path-admin-roles .capabilitysearchui {
137 text-align: left;
138 margin-left: auto;
139 margin-right: auto;
140}
141
142#page-admin-roles-define .topfields {
143 margin: 1em 0 2em;
144}
145
146#page-admin-roles-define .capdefault {
147 @extend .table-hover;
148}
149
150#page-filter-manage .backlink,
151.path-admin-roles .backlink {
152 margin-top: 1em;
153}
154
155#page-admin-roles-explain #chooseuser h3,
156#page-admin-roles-usersroles .contextname {
157 margin-top: 0;
158}
159
160#page-admin-roles-explain #chooseusersubmit {
161 margin-top: 0;
162 text-align: center;
163}
164
165#page-admin-roles-usersroles p {
166 margin: 0;
167}
168
169#page-admin-roles-override .cell.c1,
170#page-admin-roles-assign .cell.c3,
171#page-admin-roles-assign .cell.c1 {
172 padding-top: 0.75em;
173}
174
175#page-admin-roles-override .overridenotice,
176#page-admin-roles-define .definenotice {
177 margin: 1em 10% 2em 10%;
178 text-align: left;
179}
180
181#notice {
182 // Would like the use the alert stuff below for this,
183 // but the way buttons are used makes it tricky.
184 width: 60%;
185 min-width: 220px;
186 margin: auto;
187}
188
189#page-admin-index .releasenoteslink,
190#page-admin-index .adminwarning,
191#page-admin-index .adminerror {
192 margin: auto;
193 @extend .alert;
194 @extend .alert-warning;
195 width: 60%;
196 min-width: 220px;
197}
198#page-admin-index .adminerror {
199 @extend .alert-danger;
200}
201
202#page-admin-index .releasenoteslink {
203 @extend .alert-info;
204}
205
206#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
207 display: block;
208}
209
210#page-admin-index .updateplugin div {
211 margin-bottom: 0.5em;
212}
213
214#page-admin-index .updateplugin .updatepluginconfirmexternal {
215 @extend .label-warning;
216}
217
218#page-admin-user-user_bulk #users .fgroup {
219 white-space: nowrap;
220}
221
222#page-admin-report-stats-index .graph {
223 text-align: center;
224 margin-bottom: 1em;
225}
226
227#page-admin-report-courseoverview-index .graph {
228 text-align: center;
229 margin-bottom: 1em;
230}
231
232#page-admin-lang .translator {
233 border-width: 1px;
234 border-style: solid;
235}
236
237// This is the CSS for the role assignment control.
238.path-admin .roleassigntable {
239 width: 100%;
240}
241
242.path-admin .roleassigntable td {
243 vertical-align: top;
244 padding: 0.2em 0.3em
245}
246
247.path-admin .roleassigntable p {
248 text-align: left;
249 margin: 0.2em 0;
250}
251
252.path-admin .roleassigntable #existingcell,
253.path-admin .roleassigntable #potentialcell {
254 width: 42%;
255}
256
257// Targetting the label at the top.
258.path-admin .roleassigntable #existingcell p > label:first-child,
259.path-admin .roleassigntable #potentialcell p > label:first-child {
260 font-weight: bold;
261}
262
263.path-admin .roleassigntable #buttonscell {
264 width: 16%;
265}
266
267.path-admin .roleassigntable #buttonscell #assignoptions {
268 font-size: $font-size-sm;
269}
270
271.path-admin .roleassigntable #removeselect_wrapper,
272.path-admin .roleassigntable #addselect_wrapper {
273 width: 100%;
274}
275
276.path-admin table.rolecap tr.rolecap th {
277 text-align: left;
278 font-weight: normal;
279}
280
281.path-admin .rolecap .hiddenrow {
282 display: none;
283}
284
285.path-admin #defineroletable {
286 .rolecap {
287 .inherit,
288 .allow,
289 .prevent,
290 .prohibit {
291 text-align: center;
292 padding: 0;
293 min-width: 3.5em;
294 }
295 }
296}
297
298.path-admin .rolecap .cap-name,
299.path-admin .rolecap .note {
300 display: block;
301 font-size: $font-size-sm;
302 white-space: nowrap;
303 font-weight: normal;
304}
305
306.path-admin .rolecap label {
307 display: block;
308 text-align: center;
309 padding: 0.5em;
310 margin: 0;
311}
312
313.plugincheckwrapper {
314 width: 100%;
315}
316
317.environmentbox {
318 margin-top: 1em;
319}
320
321#mnetconfig table {
322 margin-left: auto;
323 margin-right: auto;
324}
325
326.environmenttable .cell {
327 padding: .15em .5em;
328}
329
330.environmenttable img.iconhelp {
331 padding-right: .3em;
332}
333
334#trustedhosts .generaltable {
335 margin-left: auto;
336 margin-right: auto;
337 width: 500px;
338}
339
340#trustedhosts .standard {
341 width: auto;
342}
343
344// This usage of legend is a bit weird,
345// seems to be using them as error text
346// that's only sometimes visible. Should
347// look into sorting it.
348#adminsettings legend {
349 display: none;
350}
351
352#adminsettings fieldset.error {
353 margin: .2em 0 .5em 0;
354}
355
356#adminsettings fieldset.error legend {
357 display: block;
358}
359
360#admin-spelllanguagelist textarea,
361#page-admin-setting-editorsettingstinymce .form-textarea textarea {
362 /* rtl:ignore */
363 text-align: left;
364 /* rtl:ignore */
365 direction: ltr;
366}
367
368/* Styles for flags on admin settings */
369.adminsettingsflags {
370 float: right;
371}
372
373.adminsettingsflags label {
374 margin-right: 7px;
375}
376
377.form-description {
378 clear: right;
379}
380
381.form-item .form-setting .form-htmlarea {
382 display: inline;
383}
384
385.form-item .form-setting .form-htmlarea .htmlarea {
386 width: 640px;
387 display: block;
388}
389
390.form-item .form-setting .form-multicheckbox ul {
391 list-style: none;
392 padding: 0;
393 margin: 7px 0 0 0;
394}
395
396.form-item .form-setting .defaultsnext {
397 margin-right: 0.5em;
398 display: inline;
399}
400
401.form-item .form-setting .locked-checkbox {
402 margin-right: 0.2em;
403 margin-left: 0.5em;
404 display: inline;
405}
406
407.form-item .form-setting .form-password .unmask,
408.form-item .form-setting .form-defaultinfo {
409 display: inline-block;
410}
411
412.form-item .pathok,
413.form-item .patherror {
414 margin-left: 0.5em;
415}
416
417#admin-emoticons td input {
418 width: 8em;
419}
420
421#admin-emoticons td.c0 input {
422 width: 4em;
423}
424
425#adminthemeselector .selectedtheme td.c0 {
426 border: 1px solid $state-info-border;
427 border-right-width: 0;
428}
429
430#adminthemeselector .selectedtheme td.c1 {
431 border: 1px solid $state-info-border;
432 border-left-width: 0;
433}
434
435.admin_colourpicker,
436.admin_colourpicker_preview {
437 display: none;
438}
439
440.jsenabled .admin_colourpicker_preview {
441 display: inline;
442}
443
444.jsenabled .admin_colourpicker {
445 display: block;
446 height: 102px;
447 width: 410px;
448 margin-bottom: 10px;
449}
450
451.admin_colourpicker .loadingicon {
452 vertical-align: middle;
453 margin-left: auto;
454}
455
456.admin_colourpicker .colourdialogue {
457 float: left;
458 border: 1px solid $state-info-border;
459}
460
461.admin_colourpicker .previewcolour {
462 border: 1px solid $state-info-border;
463 margin-left: 301px;
464}
465
466.admin_colourpicker .currentcolour {
467 border: 1px solid $state-info-border;
468 margin-left: 301px;
469 border-top-width: 0;
470}
471
472#page-admin-index #notice .checkforupdates {
473 text-align: center;
474}
475
476#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
477 @extend .label-info;
478}
479
480#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
481#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
482 @extend .label-warning;
483}
484
485#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
486 @extend .label-danger;
487}
488
489// Plugins overview page at admin/plugins.php
490#page-admin-plugins {
491
492 #plugins-overview-panel {
493 .info {
494 display: inline-block;
495 margin-right: 1em;
496 }
497 }
498
499 .checkforupdates {
500 margin: 10px 0;
501 .singlebutton {
502 margin: 5px 0;
503 padding: 0;
504 div, input {
505 margin: 0 3px 0 0;
506 }
507 }
508 }
509
510 .updateavailableinstallall {
511 margin: 5px 0;
512 padding: 0;
513 div, input {
514 margin: 0 3px 5px 0;
515 }
516 }
517
518 #plugins-control-panel {
519 .status-missing td {
520 @extend .table-warning;
521 }
522 .pluginname {
523 .displayname img.icon {
524 padding-top: 0;
525 padding-bottom: 0;
526 }
527 .componentname {
528 font-size: $font-size-sm;
529 @extend .text-muted;
530 margin-left: 22px;
531 }
532 }
533 .version {
534 .versionnumber {
535 font-size: $font-size-sm;
536 @extend .text-muted;
537 }
538 .release {
539 }
540 }
541 .availability {
542 }
543 .settings {
544 }
545 .uninstall {
546 a {
547 @extend .label-warning;
548 }
549 }
550 .notes {
551 .label {
552 margin-right: 3px;
553 }
554 .requiredby {
555 font-size: $font-size-sm;
556 @extend .text-muted;
557 }
558 }
559 }
560}
561
562
563// Plugins check page displayed during upgrade.
564#plugins-check-page {
565
566 .page-description {
567 @extend .text-muted;
568 }
569
570 // Check for updates.
571 .checkforupdates {
572 .singlebutton {
573 margin: 5px 0;
574 padding: 0;
575 div, input {
576 margin: 0 3px 0 0;
577 }
578 }
579 }
580
581 // Section before the plugins check table.
582 #plugins-check-info {
583 .actions {
584 > div {
585 display: inline-block;
586 margin-right: 1em;
587 }
588 .singlebutton {
589 margin: 5px 0;
590 padding: 0;
591 div, input {
592 margin: 0 3px 0 0;
593 }
594 }
595 }
596 }
597
598 // Plugins check table.
599 #plugins-check {
600 .requires-ok {
601 @extend .text-muted;
602 }
603
604 .status-missing, .status-downgrade {
605 td {
606 @extend .table-danger;
607 }
608 }
609
610 .displayname {
611 .pluginicon {
612 margin-right: 5px;
613 width: 16px;
614 }
615 .plugindir {
616 @extend .text-muted;
617 font-size: $font-size-sm;
618 }
619 }
620
621 .requires ul {
622 margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
623 }
624
625 .status {
626 .actionbutton {
627 margin: 5px 0px;
628 padding: 0;
629 input {
630 margin: 0;
631 }
632 }
633 }
634 }
635
636 .plugins-check-dependencies-actions {
637 > div {
638 display: inline-block;
639 margin-right: 1em;
640 }
641 .singlebutton {
642 margin: 5px 0;
643 padding: 0;
644 div, input {
645 margin: 0 3px 0 0;
646 }
647 }
648 }
649
650 // List of available dependencies on the plugins check page.
651 #plugins-check-available-dependencies {
652 .displayname .component {
653 font-size: $font-size-sm;
654 @extend .text-muted;
655 }
656 .info .actions {
657 > div {
658 display: inline-block;
659 margin-right: 1em;
660 }
661 .dependencyinstall {
662 display: block;
663 margin: 5px 0;
664 padding: 0;
665 input {
666 margin: 0;
667 }
668 }
669 }
670 }
671}
672
673// Available plugin update notification.
674
675#plugins-check-page, #plugins-control-panel {
676 .pluginupdateinfo {
677 @extend .table-info;
678 &.maturity50 {
679 @extend .table-danger;
680 }
681 &.maturity100, &.maturity150 {
682 @extend .table-warning;
683 }
684 padding: 5px;
685 margin: 10px 0;
686 @include border-radius(5px);
687 .info {
688 display: inline-block;
689 }
690 .separator:after {
691 content: " | ";
692 }
693 .singlebutton {
694 margin: 5px 0;
695 padding: 0;
696 div, input {
697 margin: 0 3px 0 0;
698 }
699 }
700 }
701}
702
703.plugins-management-confirm-buttons {
704 > div {
705 display: inline-block;
706 margin: 1em 1em 1em 0;
707 }
708 .continue {
709 padding: 0;
710 div, input {
711 margin: 0;
712 }
713 }
714}
715
716.uninstalldeleteconfirmexternal {
717 @extend .alert-warning;
718 padding: 0.5em 1em;
719 margin: 5px 0 10px 0;
720}
721
722#page-admin-index .upgradepluginsinfo {
723 text-align: center;
724}
725
726#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
727 content: " | ";
728}
729
730/** MNet networking */
731#page-admin-mnet-peers .box.deletedhosts {
732 margin-bottom: 1em;
733 font-size: $font-size-sm;
734}
735
736#page-admin-mnet-peers .mform .deletedhostinfo {
737 @extend .form-control-danger;
738 padding: 4px;
739 margin-bottom: 5px;
740}
741
742#core-cache-plugin-summaries table,
743#core-cache-store-summaries table {
744 width: 100%;
745}
746
747#core-cache-lock-summary table,
748#core-cache-definition-summaries table,
749#core-cache-mode-mappings table {
750 margin: 0 auto;
751}
752
753#core-cache-store-summaries .default-store td {
754 font-style: italic;
755}
756
757#core-cache-rescan-definitions,
758#core-cache-mode-mappings .edit-link,
759#core-cache-lock-summary .new-instance {
760 margin-top: 0.5em;
761 text-align: center;
762}
763
764.tinymcesubplugins img.icon {
765 padding-top: 0;
766 padding-bottom: 0;
767}
768
769.maintenancewarning {
770 padding: 3px 1em;
771 text-align: center;
772 position: fixed;
773 bottom: 0;
774 right: 0;
775 overflow: hidden;
776 z-index: 1;
777 &.error {
778 @extend .form-control-danger;
779 }
780 &.warning {
781 @extend .form-control-warning;
782 }
783}
784
785#adminsettings .form-overridden {
786 @extend .form-control-feedback;
787}