MDL-55607 theme_noname: Remove icon styles - We only need .icon everywhere.
[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 .tag;
60     @extend .tag-success;
61 }
62 .statuswarning {
63     @extend .tag;
64     @extend .tag-warning;
65 }
66 .statusserious,
67 .statuscritical {
68     @extend .tag;
69     @extend .tag-danger;
70 }
72 #page-admin-report-capability-index #capabilitysearch {
73     width: 30em;
74 }
76 #page-admin-report-backups-index .backup-error,
77 #page-admin-report-backups-index .backup-unfinished {
78     @extend .tag-danger;
79 }
81 #page-admin-report-backups-index .backup-skipped,
82 #page-admin-report-backups-index .backup-ok,
83 #page-admin-report-backups-index .backup-notyetrun {
84     @extend .tag-success;
85 }
87 #page-admin-report-backups-index .backup-warning {
88     @extend .tag-warning;
89 }
91 #page-admin-qtypes .disabled,
92 #page-admin-qbehaviours .disabled {
93     @extend .text-muted;
94 }
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;
103 #page-admin-qtypes #qtypes img.spacer,
104 #page-admin-qbehaviours #qbehaviours img.spacer {
105     width: 16px;
108 #page-admin-qbehaviours .cell.c3,
109 #page-admin-qtypes .cell.c3 {
110     font-size: $font-size-sm;
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;
132 .path-admin-roles .capabilitysearchui {
133     text-align: left;
134     margin-left: auto;
135     margin-right: auto;
138 #page-admin-roles-define .topfields {
139     margin: 1em 0 2em;
142 #page-admin-roles-define .capdefault {
143     background-color: $table-bg-hover;
146 #page-filter-manage .backlink,
147 .path-admin-roles .backlink {
148     margin-top: 1em;
151 #page-admin-roles-explain #chooseuser h3,
152 #page-admin-roles-usersroles .contextname {
153     margin-top: 0;
156 #page-admin-roles-explain #chooseusersubmit {
157     margin-top: 0;
158     text-align: center;
161 #page-admin-roles-usersroles p {
162     margin: 0;
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;
171 #page-admin-roles-override .overridenotice,
172 #page-admin-roles-define .definenotice {
173     margin: 1em 10% 2em 10%;
174     text-align: left;
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;
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;
194 #page-admin-index .adminerror {
195     @extend .alert-danger;
198 #page-admin-index .releasenoteslink {
199     @extend .alert-info;
202 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
203     display: block;
206 #page-admin-index .updateplugin div {
207     margin-bottom: 0.5em;
210 #page-admin-index .updateplugin .updatepluginconfirmexternal {
211     @extend .tag-warning;
214 #page-admin-user-user_bulk #users .fgroup {
215     white-space: nowrap;
218 #page-admin-report-stats-index .graph {
219     text-align: center;
220     margin-bottom: 1em;
223 #page-admin-report-courseoverview-index .graph {
224     text-align: center;
225     margin-bottom: 1em;
228 #page-admin-lang .translator {
229     border-width: 1px;
230     border-style: solid;
233 // This is the CSS for the role assignment control.
234 .path-admin .roleassigntable {
235     width: 100%;
238 .path-admin .roleassigntable td {
239     vertical-align: top;
240     padding: 0.2em 0.3em
243 .path-admin .roleassigntable p {
244     text-align: left;
245     margin: 0.2em 0;
248 .path-admin .roleassigntable #existingcell,
249 .path-admin .roleassigntable #potentialcell {
250     width: 42%;
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;
259 .path-admin .roleassigntable #buttonscell {
260     width: 16%;
263 .path-admin .roleassigntable #buttonscell #assignoptions {
264     font-size: $font-size-sm;
267 .path-admin .roleassigntable #removeselect_wrapper,
268 .path-admin .roleassigntable #addselect_wrapper {
269     width: 100%;
272 .path-admin table.rolecap tr.rolecap th {
273     text-align: left;
274     font-weight: normal;
277 .path-admin .rolecap .hiddenrow {
278     display: none;
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     }
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;
302 .path-admin .rolecap label {
303     display: block;
304     text-align: center;
305     padding: 0.5em;
306     margin: 0;
309 .plugincheckwrapper {
310     width: 100%;
313 .environmentbox {
314     margin-top: 1em;
317 #mnetconfig table {
318     margin-left: auto;
319     margin-right: auto;
322 .environmenttable .cell {
323     padding: .15em .5em;
326 #trustedhosts .generaltable {
327     margin-left: auto;
328     margin-right: auto;
329     width: 500px;
332 #trustedhosts .standard {
333     width: auto;
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;
344 #adminsettings fieldset.error {
345     margin: .2em 0 .5em 0;
348 #adminsettings fieldset.error legend {
349     display: block;
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;
360 /* Styles for flags on admin settings */
361 .adminsettingsflags {
362     float: right;
365 .adminsettingsflags label {
366     margin-right: 7px;
369 .form-item .form-setting .form-htmlarea {
370     display: inline;
373 .form-item .form-setting .form-htmlarea .htmlarea {
374     width: 640px;
375     display: block;
378 .form-item .form-setting .form-multicheckbox ul {
379     list-style: none;
380     padding: 0;
381     margin: 7px 0 0 0;
384 .form-item .form-setting .defaultsnext {
385     display: inline;
388 .form-item .form-setting .locked-checkbox {
389     margin-right: 0.2em;
390     margin-left: 0.5em;
391     display: inline;
394 .form-item .form-setting .form-password .unmask,
395 .form-item .form-setting .form-defaultinfo {
396     display: inline-block;
399 .form-item .form-setting .form-defaultinfo {
400     max-width: 100%;
401     word-wrap: break-word;
404 #admin-emoticons td input {
405     width: 8em;
408 #admin-emoticons td.c0 input {
409     width: 4em;
412 #adminthemeselector .selectedtheme td.c0 {
413     border: 1px solid $state-info-border;
414     border-right-width: 0;
417 #adminthemeselector .selectedtheme td.c1 {
418     border: 1px solid $state-info-border;
419     border-left-width: 0;
422 .admin_colourpicker,
423 .admin_colourpicker_preview {
424     display: none;
427 .jsenabled .admin_colourpicker_preview {
428     display: inline;
431 .jsenabled .admin_colourpicker {
432     display: block;
433     height: 102px;
434     width: 410px;
435     margin-bottom: 10px;
436     box-sizing: content-box;
439 .admin_colourpicker .loadingicon {
440     vertical-align: middle;
441     margin-left: auto;
444 .admin_colourpicker .colourdialogue {
445     float: left;
446     border: 1px solid $state-info-border;
449 .admin_colourpicker .previewcolour {
450     border: 1px solid $state-info-border;
451     margin-left: 301px;
454 .admin_colourpicker .currentcolour {
455     border: 1px solid $state-info-border;
456     margin-left: 301px;
457     border-top-width: 0;
460 #page-admin-index #notice .checkforupdates {
461     text-align: center;
464 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
465     @extend .tag-info;
468 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
469 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
470     @extend .tag-warning;
473 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
474     @extend .tag-danger;
477 // Plugins overview page at admin/plugins.php
478 #page-admin-plugins {
480     #plugins-overview-panel {
481         .info {
482             display: inline-block;
483             margin-right: 1em;
484         }
485     }
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     }
498     .updateavailableinstallall {
499         margin: 5px 0;
500         padding: 0;
501         div, input {
502             margin: 0 3px 5px 0;
503         }
504     }
506     #plugins-control-panel {
507         .status-missing td {
508             background-color: $state-warning-bg;
509         }
510         .pluginname {
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 {
531                 color: $state-danger-text;
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     }
547 // Plugins check page displayed during upgrade.
548 #plugins-check-page {
550     .page-description {
551         @extend .text-muted;
552     }
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     }
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     }
582     // Plugins check table.
583     #plugins-check {
584         .requires-ok {
585             @extend .text-muted;
586         }
588         .status-missing, .status-downgrade {
589             td {
590                 background-color:  $state-danger-bg;
591             }
592         }
594         .displayname {
595             .plugindir {
596                 @extend .text-muted;
597                 font-size: $font-size-sm;
598             }
599         }
601         .requires ul {
602             margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
603         }
605         .status {
606             .actionbutton {
607                 margin: 5px 0px;
608                 padding: 0;
609                 input {
610                     margin: 0;
611                 }
612             }
613         }
614     }
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     }
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     }
653 // Available plugin update notification.
655 #plugins-check-page, #plugins-control-panel {
656     .pluginupdateinfo {
657         background-color: $state-info-bg;
658         &.maturity50 {
659             background-color: $state-danger-bg;
660         }
661         &.maturity100, &.maturity150 {
662             background-color: $state-warning-bg;
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     }
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     }
696 .uninstalldeleteconfirmexternal {
697     @extend .alert-warning;
698     padding: 0.5em 1em;
699     margin: 5px 0 10px 0;
702 #page-admin-index .upgradepluginsinfo {
703     text-align: center;
706 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
707     content: " | ";
710 /** MNet networking */
711 #page-admin-mnet-peers .box.deletedhosts {
712     margin-bottom: 1em;
713     font-size: $font-size-sm;
716 #page-admin-mnet-peers .mform .deletedhostinfo {
717     @extend .form-control-danger;
718     padding: 4px;
719     margin-bottom: 5px;
722 #core-cache-plugin-summaries table,
723 #core-cache-store-summaries table {
724     width: 100%;
727 #core-cache-lock-summary table,
728 #core-cache-definition-summaries table,
729 #core-cache-mode-mappings table {
730     margin: 0 auto;
733 #core-cache-store-summaries .default-store td {
734     font-style: italic;
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;
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     }
760 #adminsettings .form-overridden {
761     @extend .form-control-feedback;