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