508d2bfed328cb38de60eb85f86d5a92b513f058
[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 #page-admin-qbehaviours .cell.c3,
106 #page-admin-qtypes .cell.c3 {
107     font-size: $font-size-sm;
110 #page-admin-lang .generalbox,
111 #page-admin-course-index .singlebutton,
112 #page-admin-course-index .addcategory,
113 #page-course-index .buttons,
114 #page-course-index-category .buttons,
115 #page-admin-course-category .addcategory,
116 #page-admin-stickyblocks .generalbox,
117 #page-admin-maintenance .buttons,
118 #page-admin-course-index .buttons,
119 #page-admin-course-category .buttons,
120 #page-admin-index .copyright,
121 #page-admin-index .copyrightnotice,
122 #page-admin-index .adminerror .singlebutton,
123 #page-admin-index .adminwarning .singlebutton,
124 #page-admin-index #layout-table .singlebutton {
125     text-align: center;
126     margin-bottom: 1em;
129 .path-admin-roles .capabilitysearchui {
130     text-align: left;
131     margin-left: auto;
132     margin-right: auto;
135 #page-admin-roles-define .topfields {
136     margin: 1em 0 2em;
139 #page-admin-roles-define .capdefault {
140     background-color: $table-bg-hover;
143 #page-filter-manage .backlink,
144 .path-admin-roles .backlink {
145     margin-top: 1em;
148 #page-admin-roles-explain #chooseuser h3,
149 #page-admin-roles-usersroles .contextname {
150     margin-top: 0;
153 #page-admin-roles-explain #chooseusersubmit {
154     margin-top: 0;
155     text-align: center;
158 #page-admin-roles-usersroles p {
159     margin: 0;
162 #page-admin-roles-override .cell.c1,
163 #page-admin-roles-assign .cell.c3,
164 #page-admin-roles-assign .cell.c1 {
165     padding-top: 0.75em;
168 #page-admin-roles-override .overridenotice,
169 #page-admin-roles-define .definenotice {
170     margin: 1em 10% 2em 10%;
171     text-align: left;
174 #notice {
175     // Would like the use the alert stuff below for this,
176     // but the way buttons are used makes it tricky.
177     width: 60%;
178     min-width: 220px;
179     margin: auto;
182 #page-admin-index .releasenoteslink,
183 #page-admin-index .adminwarning,
184 #page-admin-index .adminerror {
185     margin: auto;
186     @extend .alert;
187     @extend .alert-warning;
188     width: 60%;
189     min-width: 220px;
191 #page-admin-index .adminerror {
192     @extend .alert-danger;
195 #page-admin-index .releasenoteslink {
196     @extend .alert-info;
199 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
200     display: block;
203 #page-admin-index .updateplugin div {
204     margin-bottom: 0.5em;
207 #page-admin-index .updateplugin .updatepluginconfirmexternal {
208     @extend .label-warning;
211 #page-admin-user-user_bulk #users .fgroup {
212     white-space: nowrap;
215 #page-admin-report-stats-index .graph {
216     text-align: center;
217     margin-bottom: 1em;
220 #page-admin-report-courseoverview-index .graph {
221     text-align: center;
222     margin-bottom: 1em;
225 #page-admin-lang .translator {
226     border-width: 1px;
227     border-style: solid;
230 // This is the CSS for the role assignment control.
231 .path-admin .roleassigntable {
232     width: 100%;
235 .path-admin .roleassigntable td {
236     vertical-align: top;
237     padding: 0.2em 0.3em
240 .path-admin .roleassigntable p {
241     text-align: left;
242     margin: 0.2em 0;
245 .path-admin .roleassigntable #existingcell,
246 .path-admin .roleassigntable #potentialcell {
247     width: 42%;
250 // Targetting the label at the top.
251 .path-admin .roleassigntable #existingcell p > label:first-child,
252 .path-admin .roleassigntable #potentialcell p > label:first-child {
253     font-weight: bold;
256 .path-admin .roleassigntable #buttonscell {
257     width: 16%;
260 .path-admin .roleassigntable #buttonscell #assignoptions {
261     font-size: $font-size-sm;
264 .path-admin .roleassigntable #removeselect_wrapper,
265 .path-admin .roleassigntable #addselect_wrapper {
266     width: 100%;
269 .path-admin table.rolecap tr.rolecap th {
270     text-align: left;
271     font-weight: normal;
274 .path-admin .rolecap .hiddenrow {
275     display: none;
278 .path-admin #defineroletable {
279     .rolecap {
280         .inherit,
281         .allow,
282         .prevent,
283         .prohibit {
284             text-align: center;
285             padding: 0;
286             min-width: 3.5em;
287         }
288     }
291 .path-admin .rolecap .cap-name,
292 .path-admin .rolecap .note {
293     display: block;
294     font-size: $font-size-sm;
295     white-space: nowrap;
296     font-weight: normal;
299 .path-admin .rolecap label {
300     display: block;
301     text-align: center;
302     padding: 0.5em;
303     margin: 0;
306 .plugincheckwrapper {
307     width: 100%;
310 .environmentbox {
311     margin-top: 1em;
314 #mnetconfig table {
315     margin-left: auto;
316     margin-right: auto;
319 .environmenttable .cell {
320     padding: .15em .5em;
323 #trustedhosts .generaltable {
324     margin-left: auto;
325     margin-right: auto;
326     width: 500px;
329 #trustedhosts .standard {
330     width: auto;
333 // This usage of legend is a bit weird,
334 // seems to be using them as error text
335 // that's only sometimes visible. Should
336 // look into sorting it.
337 #adminsettings legend {
338     display: none;
341 #adminsettings fieldset.error {
342     margin: .2em 0 .5em 0;
345 #adminsettings fieldset.error legend {
346     display: block;
349 #admin-spelllanguagelist textarea,
350 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
351     /* rtl:ignore */
352     text-align: left;
353     /* rtl:ignore */
354     direction: ltr;
357 /* Styles for flags on admin settings */
358 .adminsettingsflags {
359     float: right;
362 .adminsettingsflags label {
363     margin-right: 7px;
366 .form-description {
367     clear: right;
370 .form-item .form-setting .form-htmlarea {
371     display: inline;
374 .form-item .form-setting .form-htmlarea .htmlarea {
375     width: 640px;
376     display: block;
379 .form-item .form-setting .form-multicheckbox ul {
380     list-style: none;
381     padding: 0;
382     margin: 7px 0 0 0;
385 .form-item .form-setting .defaultsnext {
386     margin-right: 0.5em;
387     display: inline;
390 .form-item .form-setting .locked-checkbox {
391     margin-right: 0.2em;
392     margin-left: 0.5em;
393     display: inline;
396 .form-item .form-setting .form-password .unmask,
397 .form-item .form-setting .form-defaultinfo {
398     display: inline-block;
401 .form-item .pathok,
402 .form-item .patherror {
403     margin-left: 0.5em;
406 #admin-emoticons td input {
407     width: 8em;
410 #admin-emoticons td.c0 input {
411     width: 4em;
414 #adminthemeselector .selectedtheme td.c0 {
415     border: 1px solid $state-info-border;
416     border-right-width: 0;
419 #adminthemeselector .selectedtheme td.c1 {
420     border: 1px solid $state-info-border;
421     border-left-width: 0;
424 .admin_colourpicker,
425 .admin_colourpicker_preview {
426     display: none;
429 .jsenabled .admin_colourpicker_preview {
430     display: inline;
433 .jsenabled .admin_colourpicker {
434     display: block;
435     height: 102px;
436     width: 410px;
437     margin-bottom: 10px;
440 .admin_colourpicker .loadingicon {
441     vertical-align: middle;
442     margin-left: auto;
445 .admin_colourpicker .colourdialogue {
446     float: left;
447     border: 1px solid $state-info-border;
450 .admin_colourpicker .previewcolour {
451     border: 1px solid $state-info-border;
452     margin-left: 301px;
455 .admin_colourpicker .currentcolour {
456     border: 1px solid $state-info-border;
457     margin-left: 301px;
458     border-top-width: 0;
461 #page-admin-index #notice .checkforupdates {
462     text-align: center;
465 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
466     @extend .label-info;
469 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
470 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
471     @extend .label-warning;
474 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
475     @extend .label-danger;
478 // Plugins overview page at admin/plugins.php
479 #page-admin-plugins {
481     #plugins-overview-panel {
482         .info {
483             display: inline-block;
484             margin-right: 1em;
485         }
486     }
488     .checkforupdates {
489         margin: 10px 0;
490         .singlebutton {
491             margin: 5px 0;
492             padding: 0;
493             div, input {
494                 margin: 0 3px 0 0;
495             }
496         }
497     }
499     .updateavailableinstallall {
500         margin: 5px 0;
501         padding: 0;
502         div, input {
503             margin: 0 3px 5px 0;
504         }
505     }
507     #plugins-control-panel {
508         .status-missing td {
509             background-color: $state-warning-bg;
510         }
511         .pluginname {
512             .componentname {
513                 font-size: $font-size-sm;
514                 @extend .text-muted;
515                 margin-left: 22px;
516             }
517         }
518         .version {
519             .versionnumber {
520                 font-size: $font-size-sm;
521                 @extend .text-muted;
522             }
523             .release {
524             }
525         }
526         .availability {
527         }
528         .settings {
529         }
530         .uninstall {
531             a {
532                 color: $state-danger-text;
533             }
534         }
535         .notes {
536             .label {
537                 margin-right: 3px;
538             }
539             .requiredby {
540                 font-size: $font-size-sm;
541                 @extend .text-muted;
542             }
543         }
544     }
548 // Plugins check page displayed during upgrade.
549 #plugins-check-page {
551     .page-description {
552         @extend .text-muted;
553     }
555     // Check for updates.
556     .checkforupdates {
557         .singlebutton {
558             margin: 5px 0;
559             padding: 0;
560             div, input {
561                 margin: 0 3px 0 0;
562             }
563         }
564     }
566     // Section before the plugins check table.
567     #plugins-check-info {
568         .actions {
569             > div {
570                 display: inline-block;
571                 margin-right: 1em;
572             }
573             .singlebutton {
574                 margin: 5px 0;
575                 padding: 0;
576                 div, input {
577                     margin: 0 3px 0 0;
578                 }
579             }
580         }
581     }
583     // Plugins check table.
584     #plugins-check {
585         .requires-ok {
586             @extend .text-muted;
587         }
589         .status-missing, .status-downgrade {
590             td {
591                 background-color:  $state-danger-bg;
592             }
593         }
595         .displayname {
596             .pluginicon {
597                 margin-right: 5px;
598                 width: 16px;
599             }
600             .plugindir {
601                 @extend .text-muted;
602                 font-size: $font-size-sm;
603             }
604         }
606         .requires ul {
607             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
608         }
610         .status {
611             .actionbutton {
612                 margin: 5px 0px;
613                 padding: 0;
614                 input {
615                     margin: 0;
616                 }
617             }
618         }
619     }
621     .plugins-check-dependencies-actions {
622         > div {
623             display: inline-block;
624             margin-right: 1em;
625         }
626         .singlebutton {
627             margin: 5px 0;
628             padding: 0;
629             div, input {
630                 margin: 0 3px 0 0;
631             }
632         }
633     }
635     // List of available dependencies on the plugins check page.
636     #plugins-check-available-dependencies {
637         .displayname .component {
638             font-size: $font-size-sm;
639             @extend .text-muted;
640         }
641         .info .actions {
642             > div {
643                 display: inline-block;
644                 margin-right: 1em;
645             }
646             .dependencyinstall {
647                 display: block;
648                 margin: 5px 0;
649                 padding: 0;
650                 input {
651                     margin: 0;
652                 }
653             }
654         }
655     }
658 // Available plugin update notification.
660 #plugins-check-page, #plugins-control-panel {
661     .pluginupdateinfo {
662         background-color: $state-info-bg;
663         &.maturity50 {
664             background-color: $state-danger-bg;
665         }
666         &.maturity100, &.maturity150 {
667             background-color: $state-warning-bg;
668         }
669         padding: 5px;
670         margin: 10px 0;
671         @include border-radius(5px);
672         .info {
673             display: inline-block;
674         }
675         .separator:after {
676             content: " | ";
677         }
678         .singlebutton {
679             margin: 5px 0;
680             padding: 0;
681             div, input {
682                 margin: 0 3px 0 0;
683             }
684         }
685     }
688 .plugins-management-confirm-buttons {
689     > div {
690         display: inline-block;
691         margin: 1em 1em 1em 0;
692     }
693     .continue {
694         padding: 0;
695         div, input {
696             margin: 0;
697         }
698     }
701 .uninstalldeleteconfirmexternal {
702     @extend .alert-warning;
703     padding: 0.5em 1em;
704     margin: 5px 0 10px 0;
707 #page-admin-index .upgradepluginsinfo {
708     text-align: center;
711 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
712     content: " | ";
715 /** MNet networking */
716 #page-admin-mnet-peers .box.deletedhosts {
717     margin-bottom: 1em;
718     font-size: $font-size-sm;
721 #page-admin-mnet-peers .mform .deletedhostinfo {
722     @extend .form-control-danger;
723     padding: 4px;
724     margin-bottom: 5px;
727 #core-cache-plugin-summaries table,
728 #core-cache-store-summaries table {
729     width: 100%;
732 #core-cache-lock-summary table,
733 #core-cache-definition-summaries table,
734 #core-cache-mode-mappings table {
735     margin: 0 auto;
738 #core-cache-store-summaries .default-store td {
739     font-style: italic;
742 #core-cache-rescan-definitions,
743 #core-cache-mode-mappings .edit-link,
744 #core-cache-lock-summary .new-instance {
745     margin-top: 0.5em;
746     text-align: center;
749 .maintenancewarning {
750     padding: 3px 1em;
751     text-align: center;
752     position: fixed;
753     bottom: 0;
754     right: 0;
755     overflow: hidden;
756     z-index: 1;
757     &.error {
758         @extend .form-control-danger;
759     }
760     &.warning {
761         @extend .form-control-warning;
762     }
765 #adminsettings .form-overridden {
766     @extend .form-control-feedback;