361d0aab74b75942ca30c7eef5c412b757803518
[moodle.git] / theme / noname / scss / moodle / admin.scss
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     .warn {
19         background-color: $state-warning-bg;
20     }
21     .error {
22         background-color: $state-danger-bg;
23     }
24     .ok {
25         background-color: $state-success-bg;
26     }
27 }
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 }
37 .path-admin .incompatibleblockstable td.c0 {
38     font-weight: bold;
39 }
41 #page-admin-course-category .addcategory {
42     padding: 10px;
43 }
45 #page-admin-course-index .editcourse {
46     margin: 20px auto;
47 }
49 #page-admin-course-index .editcourse th,
50 #page-admin-course-index .editcourse td {
51     padding-left: 10px;
52     padding-right: 10px;
53 }
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 }
69 #page-admin-report-capability-index #capabilitysearch {
70     width: 30em;
71 }
73 #page-admin-report-backups-index .backup-error,
74 #page-admin-report-backups-index .backup-unfinished {
75     @extend .label-danger;
76 }
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 }
84 #page-admin-report-backups-index .backup-warning {
85     @extend .label-warning;
86 }
88 #page-admin-qtypes .disabled,
89 #page-admin-qbehaviours .disabled {
90     @extend .text-muted;
91 }
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 }
100 #page-admin-qtypes #qtypes img.spacer,
101 #page-admin-qbehaviours #qbehaviours img.spacer {
102     width: 16px;
105 // Make them more finger friendly.
106 img.iconsmall {
107     margin: 0;
108     padding: 0.3em;
112 #page-admin-qbehaviours .cell.c3,
113 #page-admin-qtypes .cell.c3 {
114     font-size: $font-size-sm;
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;
136 .path-admin-roles .capabilitysearchui {
137     text-align: left;
138     margin-left: auto;
139     margin-right: auto;
142 #page-admin-roles-define .topfields {
143     margin: 1em 0 2em;
146 #page-admin-roles-define .capdefault {
147     background-color: $table-bg-hover;
150 #page-filter-manage .backlink,
151 .path-admin-roles .backlink {
152     margin-top: 1em;
155 #page-admin-roles-explain #chooseuser h3,
156 #page-admin-roles-usersroles .contextname {
157     margin-top: 0;
160 #page-admin-roles-explain #chooseusersubmit {
161     margin-top: 0;
162     text-align: center;
165 #page-admin-roles-usersroles p {
166     margin: 0;
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;
175 #page-admin-roles-override .overridenotice,
176 #page-admin-roles-define .definenotice {
177     margin: 1em 10% 2em 10%;
178     text-align: left;
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;
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;
198 #page-admin-index .adminerror {
199     @extend .alert-danger;
202 #page-admin-index .releasenoteslink {
203     @extend .alert-info;
206 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
207     display: block;
210 #page-admin-index .updateplugin div {
211     margin-bottom: 0.5em;
214 #page-admin-index .updateplugin .updatepluginconfirmexternal {
215     @extend .label-warning;
218 #page-admin-user-user_bulk #users .fgroup {
219     white-space: nowrap;
222 #page-admin-report-stats-index .graph {
223     text-align: center;
224     margin-bottom: 1em;
227 #page-admin-report-courseoverview-index .graph {
228     text-align: center;
229     margin-bottom: 1em;
232 #page-admin-lang .translator {
233     border-width: 1px;
234     border-style: solid;
237 // This is the CSS for the role assignment control.
238 .path-admin .roleassigntable {
239     width: 100%;
242 .path-admin .roleassigntable td {
243     vertical-align: top;
244     padding: 0.2em 0.3em
247 .path-admin .roleassigntable p {
248     text-align: left;
249     margin: 0.2em 0;
252 .path-admin .roleassigntable #existingcell,
253 .path-admin .roleassigntable #potentialcell {
254     width: 42%;
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;
263 .path-admin .roleassigntable #buttonscell {
264     width: 16%;
267 .path-admin .roleassigntable #buttonscell #assignoptions {
268     font-size: $font-size-sm;
271 .path-admin .roleassigntable #removeselect_wrapper,
272 .path-admin .roleassigntable #addselect_wrapper {
273     width: 100%;
276 .path-admin table.rolecap tr.rolecap th {
277     text-align: left;
278     font-weight: normal;
281 .path-admin .rolecap .hiddenrow {
282     display: none;
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     }
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;
306 .path-admin .rolecap label {
307     display: block;
308     text-align: center;
309     padding: 0.5em;
310     margin: 0;
313 .plugincheckwrapper {
314     width: 100%;
317 .environmentbox {
318     margin-top: 1em;
321 #mnetconfig table {
322     margin-left: auto;
323     margin-right: auto;
326 .environmenttable .cell {
327     padding: .15em .5em;
330 .environmenttable img.iconhelp {
331     padding-right: .3em;
334 #trustedhosts .generaltable {
335     margin-left: auto;
336     margin-right: auto;
337     width: 500px;
340 #trustedhosts .standard {
341     width: auto;
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;
352 #adminsettings fieldset.error {
353     margin: .2em 0 .5em 0;
356 #adminsettings fieldset.error legend {
357     display: block;
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;
368 /* Styles for flags on admin settings */
369 .adminsettingsflags {
370     float: right;
373 .adminsettingsflags label {
374     margin-right: 7px;
377 .form-description {
378     clear: right;
381 .form-item .form-setting .form-htmlarea {
382     display: inline;
385 .form-item .form-setting .form-htmlarea .htmlarea {
386     width: 640px;
387     display: block;
390 .form-item .form-setting .form-multicheckbox ul {
391     list-style: none;
392     padding: 0;
393     margin: 7px 0 0 0;
396 .form-item .form-setting .defaultsnext {
397     margin-right: 0.5em;
398     display: inline;
401 .form-item .form-setting .locked-checkbox {
402     margin-right: 0.2em;
403     margin-left: 0.5em;
404     display: inline;
407 .form-item .form-setting .form-password .unmask,
408 .form-item .form-setting .form-defaultinfo {
409     display: inline-block;
412 .form-item .pathok,
413 .form-item .patherror {
414     margin-left: 0.5em;
417 #admin-emoticons td input {
418     width: 8em;
421 #admin-emoticons td.c0 input {
422     width: 4em;
425 #adminthemeselector .selectedtheme td.c0 {
426     border: 1px solid $state-info-border;
427     border-right-width: 0;
430 #adminthemeselector .selectedtheme td.c1 {
431     border: 1px solid $state-info-border;
432     border-left-width: 0;
435 .admin_colourpicker,
436 .admin_colourpicker_preview {
437     display: none;
440 .jsenabled .admin_colourpicker_preview {
441     display: inline;
444 .jsenabled .admin_colourpicker {
445     display: block;
446     height: 102px;
447     width: 410px;
448     margin-bottom: 10px;
451 .admin_colourpicker .loadingicon {
452     vertical-align: middle;
453     margin-left: auto;
456 .admin_colourpicker .colourdialogue {
457     float: left;
458     border: 1px solid $state-info-border;
461 .admin_colourpicker .previewcolour {
462     border: 1px solid $state-info-border;
463     margin-left: 301px;
466 .admin_colourpicker .currentcolour {
467     border: 1px solid $state-info-border;
468     margin-left: 301px;
469     border-top-width: 0;
472 #page-admin-index #notice .checkforupdates {
473     text-align: center;
476 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
477     @extend .label-info;
480 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
481 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
482     @extend .label-warning;
485 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
486     @extend .label-danger;
489 // Plugins overview page at admin/plugins.php
490 #page-admin-plugins {
492     #plugins-overview-panel {
493         .info {
494             display: inline-block;
495             margin-right: 1em;
496         }
497     }
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     }
510     .updateavailableinstallall {
511         margin: 5px 0;
512         padding: 0;
513         div, input {
514             margin: 0 3px 5px 0;
515         }
516     }
518     #plugins-control-panel {
519         .status-missing td {
520             background-color: $state-warning-bg;
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                 color: $state-danger-text;
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     }
563 // Plugins check page displayed during upgrade.
564 #plugins-check-page {
566     .page-description {
567         @extend .text-muted;
568     }
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     }
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     }
598     // Plugins check table.
599     #plugins-check {
600         .requires-ok {
601             @extend .text-muted;
602         }
604         .status-missing, .status-downgrade {
605             td {
606                 background-color:  $state-danger-bg;
607             }
608         }
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         }
621         .requires ul {
622             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
623         }
625         .status {
626             .actionbutton {
627                 margin: 5px 0px;
628                 padding: 0;
629                 input {
630                     margin: 0;
631                 }
632             }
633         }
634     }
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     }
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     }
673 // Available plugin update notification.
675 #plugins-check-page, #plugins-control-panel {
676     .pluginupdateinfo {
677         background-color: $state-info-bg;
678         &.maturity50 {
679             background-color: $state-danger-bg;
680         }
681         &.maturity100, &.maturity150 {
682             background-color: $state-warning-bg;
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     }
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     }
716 .uninstalldeleteconfirmexternal {
717     @extend .alert-warning;
718     padding: 0.5em 1em;
719     margin: 5px 0 10px 0;
722 #page-admin-index .upgradepluginsinfo {
723     text-align: center;
726 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
727     content: " | ";
730 /** MNet networking */
731 #page-admin-mnet-peers .box.deletedhosts {
732     margin-bottom: 1em;
733     font-size: $font-size-sm;
736 #page-admin-mnet-peers .mform .deletedhostinfo {
737     @extend .form-control-danger;
738     padding: 4px;
739     margin-bottom: 5px;
742 #core-cache-plugin-summaries table,
743 #core-cache-store-summaries table {
744     width: 100%;
747 #core-cache-lock-summary table,
748 #core-cache-definition-summaries table,
749 #core-cache-mode-mappings table {
750     margin: 0 auto;
753 #core-cache-store-summaries .default-store td {
754     font-style: italic;
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;
764 .tinymcesubplugins img.icon {
765     padding-top: 0;
766     padding-bottom: 0;
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     }
785 #adminsettings .form-overridden {
786     @extend .form-control-feedback;