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