MDL-54708 message: add notification popover to nav bar
[moodle.git] / theme / bootstrapbase / style / moodle.css
CommitLineData
d99949ab
FM
1/* core.less */
2/** Page layout CSS starts **/
3.layout-option-noheader #page-header,
4.layout-option-nonavbar #page-navbar,
5.layout-option-nofooter #page-footer,
6.layout-option-nocourseheader .course-content-header,
7.layout-option-nocoursefooter .course-content-footer {
8 display: none;
9}
10.empty-region-side-pre #block-region-side-pre,
11.empty-region-side-post #block-region-side-post,
12.jsenabled.docked-region-side-post #block-region-side-post,
13.jsenabled.docked-region-side-pre #block-region-side-pre {
14 display: none;
15}
d99949ab
FM
16/* Default Three Columns - All
17------------------------------*/
18.content-only #region-main-box,
19.content-only #region-main {
20 width: 100%;
21}
22.empty-region-side-pre.used-region-side-post #region-main {
23 width: 100%;
24}
25.empty-region-side-post.used-region-side-pre #region-main-box {
26 width: 100%;
27}
28.jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main {
29 width: 100%;
30}
31.jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box {
32 width: 100%;
33}
34.empty-region-side-post.used-region-side-pre #region-main.span8,
35.jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
36 /** Increase the span size by 1 **/
37 width: 74.46808511%;
38 *width: 74.41489362%;
39}
40.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
41.jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
42 /** Decrease the span size by 1 **/
43 width: 23.40425532%;
44 *width: 23.35106383%;
45}
46/** Page layout CSS ends **/
47.mdl-left {
48 text-align: left;
49}
50.mdl-right {
51 text-align: right;
52}
113efed5
FM
53/*rtl:ignore*/
54.text-ltr {
55 direction: ltr !important;
256edb99 56 /* stylelint-disable-line declaration-no-important */
113efed5 57}
d99949ab
FM
58#add,
59#remove,
60.centerpara,
61.mdl-align {
62 text-align: center;
63}
64a.dimmed,
65a.dimmed:link,
66a.dimmed:visited,
67a.dimmed_text,
68a.dimmed_text:link,
69a.dimmed_text:visited,
70.dimmed_text,
71.dimmed_text a,
72.dimmed_text a:link,
73.dimmed_text a:visited,
74.usersuspended,
75.usersuspended a,
76.usersuspended a:link,
77.usersuspended a:visited,
78.dimmed_category,
79.dimmed_category a {
80 color: #999;
81}
82.activity.label .dimmed_text {
83 opacity: 0.5;
84 filter: alpha(opacity=50);
85}
86.unlist,
87.unlist li,
88.inline-list,
89.inline-list li,
90.block .list,
91.block .list li,
92.section li.activity,
93.section li.movehere,
94.tabtree li {
95 list-style: none;
96 margin: 0;
97 padding: 0;
98}
99.inline,
100.inline-list li {
101 display: inline;
102}
103.notifytiny {
104 font-size: 10.5px;
105}
106.notifytiny li,
107.notifytiny td {
108 font-size: 100%;
109}
110.red,
111.notifyproblem {
112 color: #b94a48;
113}
114.green,
115.notifysuccess {
116 color: #468847;
117}
118.highlight {
119 background: #d9edf7;
120}
121.reportlink {
122 text-align: right;
123}
124a.autolink.glossary:hover {
125 cursor: help;
126}
127/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
128.collapsibleregioncaption {
129 white-space: nowrap;
130}
131.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
132 cursor: pointer;
133}
134.collapsibleregioncaption img {
135 vertical-align: middle;
136}
137.jsenabled .hiddenifjs {
138 display: none;
139}
140.visibleifjs {
141 display: none;
142}
143.jsenabled .visibleifjs {
144 display: inline;
145}
146.jsenabled .collapsibleregion {
147 overflow: hidden;
148}
149.jsenabled .collapsed .collapsibleregioninner {
150 visibility: hidden;
151}
152.collapsible-actions {
153 display: none;
154 text-align: right;
155}
156.jsenabled .collapsible-actions {
157 display: block;
158}
159.collapsible-actions .collapseexpand {
160 padding-left: 20px;
161 background: url([[pix:t/collapsed]]) 2px center no-repeat;
162}
163/*rtl:raw:
164.collapsible-actions .collapseexpand {
165 background: url([[pix:t/collapsed_rtl]]);
166}
167*/
168.collapsible-actions .collapse-all {
169 background-image: url([[pix:t/expanded]]);
170}
171.yui-overlay .yui-widget-bd {
cdcfc4bc
DP
172 background-color: #ffee69;
173 border: 1px solid #a6982b;
174 border-top-color: #d4c237;
175 color: #000;
d99949ab
FM
176 left: 0;
177 padding: 2px 5px;
178 position: relative;
179 top: 0;
180 z-index: 1;
181}
182.clearer {
183 background: transparent;
184 border-width: 0;
185 clear: both;
186 display: block;
187 height: 1px;
188 margin: 0;
189 padding: 0;
190}
191.bold,
192.warning,
193.errorbox .title,
194.pagingbar .title,
195.pagingbar .thispage {
196 font-weight: bold;
197}
198img.resize {
199 height: 1em;
200 width: 1em;
201}
202.block img.resize,
203.breadcrumb img.resize {
204 height: 0.9em;
205 width: 0.8em;
206}
207/* Icon styles */
208img.icon {
209 height: 16px;
210 vertical-align: text-bottom;
211 width: 16px;
212 padding-right: 6px;
213}
214img.iconsmall {
215 height: 12px;
216 margin-right: 3px;
217 vertical-align: middle;
218 width: 12px;
219}
220img.iconhelp,
221.helplink img {
222 height: 16px;
223 padding-left: 3px;
224 vertical-align: text-bottom;
225 width: 16px;
226}
227h1 img.iconhelp,
228h1 img.icon,
229h2 img.iconhelp,
230h2 img.icon,
231h3 img.iconhelp,
232h3 img.icon,
233h4 img.iconhelp,
234h4 img.icon,
235h5 img.iconhelp,
236h5 img.icon,
237h6 img.iconhelp,
238h6 img.icon {
239 vertical-align: middle;
240 padding: 4px;
241}
242img.iconlarge {
243 height: 24px;
244 width: 24px;
245 vertical-align: middle;
246}
247img.iconsort {
248 vertical-align: text-bottom;
249 padding-left: .3em;
250 margin-bottom: .15em;
251}
252img.icontoggle {
253 height: 17px;
254 vertical-align: middle;
255 width: 50px;
256}
257img.iconkbhelp {
258 height: 17px;
259 width: 49px;
260}
261img.icon-pre {
262 padding-right: 3px;
263 padding-left: 0;
264}
265img.icon-post {
266 padding-left: 3px;
267 padding-right: 0;
268}
269.boxaligncenter {
270 margin-left: auto;
271 margin-right: auto;
272}
273.boxalignright {
274 margin-left: auto;
275 margin-right: 0;
276}
277.boxalignleft {
278 margin-left: 0;
279 margin-right: auto;
280}
281.boxwidthnarrow {
282 width: 30%;
283}
284.boxwidthnormal {
285 width: 50%;
286}
287.boxwidthwide {
288 width: 80%;
289}
290.headermain {
291 font-weight: bold;
292}
293#maincontent {
294 display: block;
295 height: 1px;
296 overflow: hidden;
297}
298img.uihint {
299 cursor: help;
300}
301#addmembersform table {
302 margin-left: auto;
303 margin-right: auto;
304}
305table.flexible .emptyrow {
306 display: none;
307}
308img.emoticon {
309 vertical-align: middle;
310 width: 15px;
311 height: 15px;
312}
313form.popupform,
314form.popupform div {
315 display: inline;
316}
317.arrow_button input {
318 overflow: hidden;
319}
320.action-icon img.smallicon {
321 vertical-align: text-bottom;
322 margin: 0 0.3em;
323}
324/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
325.no-overflow {
326 overflow: auto;
327 padding-bottom: 1px;
328}
329.pagelayout-report .no-overflow {
330 overflow: visible;
331}
332.no-overflow > .generaltable {
333 margin-bottom: 0;
334}
335.accesshide {
336 position: absolute;
337 left: -10000px;
338 font-weight: normal;
339 font-size: 1em;
340}
341span.hide,
342div.hide {
343 display: none;
344}
345a.skip-block,
346a.skip {
347 position: absolute;
348 top: -1000em;
349 font-size: 0.85em;
350 text-decoration: none;
351}
352a.skip-block:focus,
353a.skip-block:active,
354a.skip:focus,
355a.skip:active {
356 position: static;
357 display: block;
358}
359.skip-block-to {
360 display: block;
361 height: 1px;
362 overflow: hidden;
363}
364.addbloglink {
365 text-align: center;
366}
367.blog_entry .audience {
368 text-align: right;
369 padding-right: 4px;
370}
371.blog_entry .tags {
372 margin-top: 15px;
373}
374.blog_entry .tags .action-icon img.smallicon {
375 height: 16px;
376 width: 16px;
377}
378.blog_entry .content {
379 margin-left: 43px;
380}
381#page-group-index #groupeditform {
382 text-align: center;
383}
384#doc-contents h1 {
385 margin: 1em 0 0 0;
386}
387#doc-contents ul {
388 margin: 0;
389 padding: 0;
390 width: 90%;
391}
392#doc-contents ul li {
393 list-style-type: none;
394}
395.groupmanagementtable td {
396 vertical-align: top;
397}
398.groupmanagementtable #existingcell,
399.groupmanagementtable #potentialcell {
400 width: 42%;
401}
402.groupmanagementtable #buttonscell {
403 width: 16%;
404}
405.groupmanagementtable #buttonscell p.arrow_button input {
406 width: auto;
407 min-width: 80%;
408 margin: 0 auto;
409}
410.groupmanagementtable #removeselect_wrapper,
411.groupmanagementtable #addselect_wrapper {
412 width: 100%;
413}
414.groupmanagementtable #removeselect_wrapper label,
415.groupmanagementtable #addselect_wrapper label {
416 font-weight: normal;
417}
418#group-usersummary {
419 width: 14em;
420}
421.groupselector {
422 margin-top: 3px;
423 margin-bottom: 3px;
424 display: inline-block;
425}
426.groupselector label {
427 display: inline-block;
428}
429.dataformatselector {
430 margin: 1em 0;
431}
432.dataformatselector label {
433 display: inline-block;
434 margin: 0 5px 10px 0;
435 line-height: 30px;
436 vertical-align: top;
437}
438.loginbox {
439 margin: 15px;
440 overflow: visible;
441}
442.loginbox.twocolumns {
443 margin: 15px;
444}
445.loginbox h2,
446.loginbox .subcontent {
447 margin: 5px;
448 padding: 10px;
449 text-align: center;
450}
451.loginbox .loginpanel .desc {
452 margin: 0;
453 padding: 0;
454 margin-bottom: 5px;
455 margin-top: 15px;
456}
457.loginbox .signuppanel .subcontent {
458 text-align: left;
459}
460.loginbox .loginsub {
461 margin-left: 0;
462 margin-right: 0;
463}
464.loginbox .guestsub,
465.loginbox .forgotsub,
466.loginbox .potentialidps {
467 margin: 5px 12%;
468}
469.loginbox .potentialidps .potentialidplist {
470 margin-left: 40%;
471}
472.loginbox .potentialidps .potentialidplist div {
473 text-align: left;
474}
475.loginbox .loginform {
476 margin-top: 1em;
477 text-align: left;
478}
479.loginbox .loginform .form-label {
480 float: left;
481 text-align: right;
482 width: 49%;
483 white-space: nowrap;
484}
485.loginbox .loginform .form-input {
486 float: right;
487 width: 50%;
488}
489.loginbox .loginform .form-input input {
490 width: 6em;
491}
492.loginbox .signupform {
493 margin-top: 1em;
494 text-align: center;
495}
496.loginbox.twocolumns .loginpanel,
497.loginbox.twocolumns .signuppanel {
498 width: 48%;
499 border: 0;
500 margin: 0;
501 padding: 0;
502 -webkit-box-sizing: border-box;
503 -moz-box-sizing: border-box;
504 box-sizing: border-box;
505 display: block;
506 float: left;
507 margin-left: 2.76243%;
508 min-height: 30px;
509 margin-bottom: -2000px;
510 padding-bottom: 2000px;
511}
512.loginbox .potentialidp .smallicon {
513 vertical-align: text-bottom;
514 margin: 0 .3em;
515}
516.notepost {
517 margin-bottom: 1em;
518}
519.notepost .userpicture {
520 float: left;
521 margin-right: 5px;
522}
523.notepost .content,
524.notepost .footer {
525 clear: both;
526}
527.notesgroup {
528 margin-left: 20px;
529}
530.path-my .coursebox .overview {
531 margin: 15px 30px 10px 30px;
532}
533.path-my .coursebox .info {
534 float: none;
535 margin: 0;
536}
537.mod_introbox {
538 padding: 10px;
539}
540table.mod_index {
541 width: 100%;
542}
543.comment-ctrl {
544 font-size: 12px;
545 display: none;
546 margin: 0;
547 padding: 0;
548}
549.comment-ctrl h5 {
550 margin: 0;
551 padding: 5px;
552}
553.comment-area {
554 max-width: 400px;
555 padding: 5px;
556}
557.comment-area textarea {
558 width: 100%;
559 overflow: auto;
560}
561.comment-area textarea.fullwidth {
562 -webkit-box-sizing: border-box;
563 -moz-box-sizing: border-box;
564 box-sizing: border-box;
565}
566.comment-area .fd {
567 text-align: right;
568}
569.comment-meta span {
570 color: gray;
571}
572.comment-link img {
573 vertical-align: text-bottom;
574}
575.comment-list {
576 font-size: 11px;
577 overflow: auto;
578 list-style: none;
579 padding: 0;
580 margin: 0;
581}
582.comment-list li {
583 margin: 2px;
584 list-style: none;
585 margin-bottom: 5px;
586 clear: both;
587 padding: .3em;
588 position: relative;
589}
590.comment-list li.first {
591 display: none;
592}
593.comment-paging {
594 text-align: center;
595}
596.comment-paging .pageno {
597 padding: 2px;
598}
599.comment-paging .curpage {
cdcfc4bc 600 border: 1px solid #ccc;
d99949ab
FM
601}
602.comment-message .picture {
603 width: 20px;
604 float: left;
605}
606.comment-message .text {
607 margin: 0;
608 padding: 0;
609}
610.comment-message .text p {
611 padding: 0;
612 margin: 0 18px 0 0;
613}
614.comment-delete {
615 position: absolute;
616 top: 0;
617 right: 0;
618 margin: .3em;
619}
620.comment-report-selectall {
621 display: none;
622}
623.comment-link {
624 display: none;
625}
626.jsenabled .comment-link {
627 display: block;
628}
629.jsenabled .showcommentsnonjs {
630 display: none;
631}
632.jsenabled .comment-report-selectall {
633 display: inline;
634}
635/**
636* Completion progress report
637*/
638.completion-expired {
639 background: #f2dede;
640}
641.completion-expected {
642 font-size: 10.5px;
643}
644.completion-sortchoice,
645.completion-identifyfield {
646 font-size: 10.5px;
647 vertical-align: bottom;
648}
649.completion-progresscell {
650 text-align: right;
651}
652.completion-expired .completion-expected {
653 font-weight: bold;
654}
655/**
656* Tags
657*/
658img.user-image {
659 height: 100px;
660 width: 100px;
661}
662#tag-search-box {
663 text-align: center;
664 margin: 10px auto;
665}
666.path-tag .tag-index-items .tagarea {
cdcfc4bc 667 border: 1px solid #e3e3e3;
d99949ab
FM
668 border-radius: 4px;
669 padding: 10px;
670 margin-top: 10px;
671}
672.path-tag .tag-index-items .tagarea h3 {
673 display: block;
674 padding: 3px 0 10px 0;
cdcfc4bc 675 margin: 0;
d99949ab
FM
676 font-size: 1.1em;
677 font-weight: bold;
678 line-height: 20px;
679 color: #999;
cdcfc4bc 680 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
d99949ab
FM
681 text-transform: uppercase;
682 word-wrap: break-word;
cdcfc4bc 683 border-bottom: solid 1px #e3e3e3;
d99949ab
FM
684 margin-bottom: 10px;
685}
686.path-tag .tagarea .controls,
687.path-tag .tagarea .taggeditems {
688 *zoom: 1;
689}
690.path-tag .tagarea .controls:before,
691.path-tag .tagarea .taggeditems:before,
692.path-tag .tagarea .controls:after,
693.path-tag .tagarea .taggeditems:after {
694 display: table;
695 content: "";
696 line-height: 0;
697}
698.path-tag .tagarea .controls:after,
699.path-tag .tagarea .taggeditems:after {
700 clear: both;
701}
702.path-tag .tagarea .controls,
703.path-tag .tag-backtoallitems {
704 text-align: center;
705}
706.path-tag .tagarea .controls .gotopage.nextpage {
707 float: right;
708}
709.path-tag .tagarea .controls .gotopage.prevpage {
710 float: left;
711}
712.path-tag .tagarea .controls .exclusivemode {
713 display: inline-block;
714}
715.path-tag .tagarea .controls.controls-bottom {
716 margin-top: 5px;
717}
718.path-tag .tagarea .controls .gotopage.nextpage::after {
719 /*rtl:remove*/
720 content: "»";
721 /*rtl:raw:
722 content: "«";
723 */
724 padding-right: 5px;
725 padding-left: 5px;
726}
727.path-tag .tagarea .controls .gotopage.prevpage::before {
728 /*rtl:remove*/
729 content: "«";
730 /*rtl:raw:
731 content: "»";
732 */
733 padding-right: 5px;
734 padding-left: 5px;
735}
736span.flagged-tag,
737tr.flagged-tag,
738span.flagged-tag a,
739tr.flagged-tag a {
740 color: #b94a48;
741}
742.tag-management-table td,
743.tag-management-table th {
744 vertical-align: middle;
745 padding: 4px;
746}
747.tag-management-table .inplaceeditable.inplaceeditingon input {
748 width: 150px;
749}
750.path-admin-tag .addstandardtags {
751 float: right;
752}
753.path-admin-tag .addstandardtags img {
754 margin: 0 5px;
755}
756.path-tag .tag-relatedtags {
757 padding-top: 10px;
758}
759.path-tag .tag-management-box {
760 text-align: right;
761}
762.path-tag .tag-index-toc {
763 padding: 10px;
764 text-align: center;
765}
766.path-tag .tag-index-toc li,
767.path-tag .tag-management-box li {
768 margin-left: 5px;
769 margin-right: 5px;
770}
771.path-tag .tag-management-box li a.edittag {
772 background-image: url([[pix:moodle|i/settings]]);
773}
774.path-tag .tag-management-box li a.flagasinappropriate {
775 background-image: url([[pix:moodle|i/flagged]]);
776}
777.path-tag .tag-management-box li a.removefrommyinterests {
778 background-image: url([[pix:moodle|t/delete]]);
779}
780.path-tag .tag-management-box li a.addtomyinterests {
781 background-image: url([[pix:moodle|t/add]]);
782}
783.path-tag .tag-management-box li a {
784 background-repeat: no-repeat;
785 background-position: left;
786 padding-left: 17px;
787}
788.tag_feed.media-list .media .itemimage {
789 float: left;
790}
791.tag_feed.media-list .media .itemimage img {
792 height: 35px;
793 width: 35px;
794}
795.tag_feed.media-list .media .media-body {
796 padding-right: 10px;
797 padding-left: 10px;
798}
799.tag_feed .media .muted a {
800 color: #999;
801}
802.tag_cloud {
803 text-align: center;
804}
805.tag_cloud .inline-list li {
cdcfc4bc 806 padding: 0 0.2em;
d99949ab
FM
807}
808.tag_cloud .tag_overflow {
809 margin-top: 1em;
810 font-style: italic;
811}
812.tag_cloud .s20 {
813 font-size: 2.7em;
814}
815.tag_cloud .s19 {
816 font-size: 2.6em;
817}
818.tag_cloud .s18 {
819 font-size: 2.5em;
820}
821.tag_cloud .s17 {
822 font-size: 2.4em;
823}
824.tag_cloud .s16 {
825 font-size: 2.3em;
826}
827.tag_cloud .s15 {
828 font-size: 2.2em;
829}
830.tag_cloud .s14 {
831 font-size: 2.1em;
832}
833.tag_cloud .s13 {
834 font-size: 2em;
835}
836.tag_cloud .s12 {
837 font-size: 1.9em;
838}
839.tag_cloud .s11 {
840 font-size: 1.8em;
841}
842.tag_cloud .s10 {
843 font-size: 1.7em;
844}
845.tag_cloud .s9 {
846 font-size: 1.6em;
847}
848.tag_cloud .s8 {
849 font-size: 1.5em;
850}
851.tag_cloud .s7 {
852 font-size: 1.4em;
853}
854.tag_cloud .s6 {
855 font-size: 1.3em;
856}
857.tag_cloud .s5 {
858 font-size: 1.2em;
859}
860.tag_cloud .s4 {
861 font-size: 1.1em;
862}
863.tag_cloud .s3 {
864 font-size: 1em;
865}
866.tag_cloud .s2 {
867 font-size: 0.9em;
868}
869.tag_cloud .s1 {
870 font-size: 0.8em;
871}
872.tag_cloud .s0 {
873 font-size: 0.7em;
874}
875.tag_list ul {
876 display: inline;
877}
878.tag_list.hideoverlimit .overlimit {
879 display: none;
880}
881.tag_list .tagmorelink {
882 display: none;
883}
884.tag_list.hideoverlimit .tagmorelink {
885 display: inline;
886}
887.tag_list.hideoverlimit .taglesslink {
888 display: none;
889}
890/**
891* Web Service
892*/
893#webservice-doc-generator td {
894 text-align: left;
895 border: 0 solid black;
896}
897/**
898* Smart Select Element
899*/
900.smartselect {
901 position: absolute;
902}
903.smartselect .smartselect_mask {
904 background-color: #fff;
905}
906.smartselect ul {
907 padding: 0;
908 margin: 0;
909}
910.smartselect ul li {
911 list-style: none;
912}
913.smartselect .smartselect_menu {
914 margin-right: 5px;
915}
916.safari .smartselect .smartselect_menu {
917 margin-left: 2px;
918}
919.smartselect .smartselect_menu,
920.smartselect .smartselect_submenu {
921 border: 1px solid #000;
cdcfc4bc 922 background-color: #fff;
d99949ab
FM
923 display: none;
924}
925.smartselect .smartselect_menu.visible,
926.smartselect .smartselect_submenu.visible {
927 display: block;
928}
929.smartselect .smartselect_menu_content ul li {
930 position: relative;
931 padding: 2px 5px;
932}
933.smartselect .smartselect_menu_content ul li a {
934 color: #333;
935 text-decoration: none;
936}
937.smartselect .smartselect_menu_content ul li a.selectable {
938 color: inherit;
939}
940.smartselect .smartselect_submenuitem {
941 background-image: url([[pix:moodle|t/collapsed]]);
942 background-repeat: no-repeat;
943 background-position: 100%;
944}
945/** Spanning mode */
946.smartselect.spanningmenu .smartselect_submenu {
947 position: absolute;
948 top: -1px;
949 left: 100%;
950}
951.smartselect.spanningmenu .smartselect_submenu a {
952 white-space: nowrap;
953 padding-right: 16px;
954}
955.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
956 text-decoration: underline;
957}
958/** Compact mode */
959.smartselect.compactmenu .smartselect_submenu {
960 position: relative;
961 margin: 2px -3px;
962 margin-left: 10px;
963 display: none;
964 border-width: 0;
965 z-index: 1010;
966}
967.smartselect.compactmenu .smartselect_submenu.visible {
968 display: block;
969}
970.smartselect.compactmenu .smartselect_menu {
971 z-index: 1000;
972 overflow: hidden;
973}
974.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
975 z-index: 1020;
976}
977.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
978 font-weight: bold;
979}
980/**
981* Registration
982*/
983#page-admin-registration-register .registration_textfield {
984 width: 300px;
985}
986/**
987* Enrol
988*/
989.userenrolment {
990 width: 100%;
991 border-collapse: collapse;
992}
993.userenrolment tr {
994 vertical-align: top;
995}
996.userenrolment td {
997 padding: 0;
998 height: 41px;
999}
1000.userenrolment .subfield {
1001 margin-right: 5px;
1002}
1003.userenrolment .col_userdetails .subfield {
1004 margin-left: 40px;
1005}
1006.userenrolment .col_userdetails .subfield_picture {
1007 float: left;
1008 margin-left: 0;
1009}
1010.userenrolment .col_lastseen {
1011 width: 150px;
1012}
1013.userenrolment .col_role {
1014 width: 262px;
1015}
1016.userenrolment .col_role .roles,
1017.userenrolment .col_group .groups {
1018 margin-right: 30px;
1019}
1020.userenrolment .col_role .role,
1021.userenrolment .col_group .group {
1022 float: left;
1023 padding: 3px;
1024 margin: 3px;
1025 white-space: nowrap;
1026}
1027.userenrolment .col_role .role a,
1028.userenrolment .col_group .group a {
1029 margin-left: 3px;
1030 cursor: pointer;
1031}
1032.userenrolment .col_role .addrole,
1033.userenrolment .col_group .addgroup {
1034 float: right;
1035 padding: 3px;
1036 margin: 3px;
1037}
1038.userenrolment .col_role .addrole > a:hover,
1039.userenrolment .col_group .addgroup > a:hover {
1040 border-bottom: 1px solid #666;
1041}
1042.userenrolment .col_role .addrole img,
1043.userenrolment .col_group .addgroup img {
1044 vertical-align: baseline;
1045}
1046.userenrolment .hasAllRoles .col_role .addrole {
1047 display: none;
1048}
1049.userenrolment .col_enrol .enrolment {
1050 float: left;
1051 padding: 3px;
1052 margin: 3px;
1053}
1054.userenrolment .col_enrol .enrolment a {
1055 float: right;
1056 margin-left: 3px;
1057}
1058#page-enrol-users .enrol_user_buttons {
1059 float: right;
1060}
1061#page-enrol-users .enrol_user_buttons .enrolusersbutton {
1062 display: inline;
1063}
1064#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1065#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1066 display: inline;
1067 margin-right: 0;
1068}
1069#page-enrol-users #filterform {
1070 min-height: 20px;
1071 padding: 19px;
1072 margin-bottom: 20px;
1073 background-color: #f5f5f5;
1074 border: 1px solid #e3e3e3;
1075 -webkit-border-radius: 4px;
1076 -moz-border-radius: 4px;
1077 border-radius: 4px;
1078 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1079 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1080 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1081 border-color: #e3e3e3;
1082 padding: 9px;
1083 -webkit-border-radius: 3px;
1084 -moz-border-radius: 3px;
1085 border-radius: 3px;
1086 display: inline-block;
1087}
1088#page-enrol-users #filterform blockquote {
1089 border-color: #ddd;
1090 border-color: rgba(0, 0, 0, 0.15);
1091}
1092#page-enrol-users #filterform .fitem {
1093 display: inline-block;
1094 line-height: 40px;
1095 margin-right: .3em;
1096 white-space: nowrap;
1097}
1098#page-enrol-users #filterform .fitem label {
1099 display: inline;
1100 line-height: 20px;
1101 padding-right: .3em;
1102}
1103#page-enrol-users #filterform .fitem :before,
1104#page-enrol-users #filterform .fitem :after {
1105 display: inline;
1106}
1107#page-enrol-users #filterform div,
1108#page-enrol-users #filterform fieldset {
1109 display: inline;
1110 float: none;
1111 clear: none;
d99949ab
FM
1112}
1113#page-enrol-users #filterform select,
1114#page-enrol-users #filterform .ftext input {
1115 width: 7em;
1116}
1117#page-enrol-users #filterform input,
1118#page-enrol-users #filterform select {
1119 margin-bottom: 0;
1120}
1121#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1122 width: 237px;
1123}
1124#page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
1125 width: 237px;
1126}
1127#page-enrol-users .enrol-users-page-action input {
1128 margin-left: 0;
1129}
1130.corelightbox {
cdcfc4bc 1131 background-color: #ccc;
d99949ab
FM
1132 position: absolute;
1133 top: 0;
1134 left: 0;
1135 width: 100%;
1136 height: 100%;
1137 text-align: center;
1138}
1139.corelightbox img {
1140 position: fixed;
1141 top: 50%;
1142 left: 50%;
1143}
1144.mod-indent-outer {
1145 display: table;
1146}
1147.mod-indent {
1148 display: table-cell;
1149}
1150.label .mod-indent {
1151 float: left;
1152 padding-top: 20px;
1153}
1154/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
1155.mod-indent-1 {
1156 width: 30px;
1157}
1158.mod-indent-2 {
1159 width: 60px;
1160}
1161.mod-indent-3 {
1162 width: 90px;
1163}
1164.mod-indent-4 {
1165 width: 120px;
1166}
1167.mod-indent-5 {
1168 width: 150px;
1169}
1170.mod-indent-6 {
1171 width: 180px;
1172}
1173.mod-indent-7 {
1174 width: 210px;
1175}
1176.mod-indent-8 {
1177 width: 240px;
1178}
1179.mod-indent-9 {
1180 width: 270px;
1181}
1182.mod-indent-10 {
1183 width: 300px;
1184}
1185.mod-indent-11 {
1186 width: 330px;
1187}
1188.mod-indent-12 {
1189 width: 360px;
1190}
1191.mod-indent-13 {
1192 width: 390px;
1193}
1194.mod-indent-14 {
1195 width: 420px;
1196}
1197.mod-indent-15 {
1198 width: 450px;
1199}
1200.mod-indent-16 {
1201 width: 480px;
1202}
1203.mod-indent-huge {
1204 width: 480px;
1205}
1206/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1207.resourcecontent .mediaplugin_mp3 object {
1208 height: 25px;
1209 width: 600px;
1210}
1211.resourcecontent audio.mediaplugin_html5audio {
1212 width: 600px;
1213}
1214/** Large resource images should avoid hidden overflow **/
1215.resourceimage {
1216 max-width: 100%;
1217}
1218/* Audio player size in 'inline' mode (can only change width, as above) */
1219.mediaplugin_mp3 object {
1220 height: 15px;
1221 width: 300px;
1222}
1223audio.mediaplugin_html5audio {
1224 width: 300px;
1225}
1226/* TinyMCE moodle media preview frame should not have padding */
1227.core_media_preview.pagelayout-embedded #content {
1228 padding: 0;
1229}
1230.core_media_preview.pagelayout-embedded #maincontent {
1231 height: 0;
1232}
1233body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1234 padding: 0;
1235 margin: 0;
1236 min-width: 0;
1237 background: none;
1238}
1239/** Fix YUI 2 Treeview for Right to left languages **/
1240.dir-rtl .ygtvtn,
1241.dir-rtl .ygtvtm,
1242.dir-rtl .ygtvtmh,
1243.dir-rtl .ygtvtmhh,
1244.dir-rtl .ygtvtp,
1245.dir-rtl .ygtvtph,
1246.dir-rtl .ygtvtphh,
1247.dir-rtl .ygtvln,
1248.dir-rtl .ygtvlm,
1249.dir-rtl .ygtvlmh,
1250.dir-rtl .ygtvlmhh,
1251.dir-rtl .ygtvlp,
1252.dir-rtl .ygtvlph,
1253.dir-rtl .ygtvlphh,
1254.dir-rtl .ygtvdepthcell,
1255.dir-rtl .ygtvok,
1256.dir-rtl .ygtvok:hover,
1257.dir-rtl .ygtvcancel,
1258.dir-rtl .ygtvcancel:hover {
1259 width: 18px;
1260 height: 22px;
1261 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1262 background-repeat: no-repeat;
1263 cursor: pointer;
1264}
1265.dir-rtl .ygtvtn {
1266 background-position: 0 -5600px;
1267}
1268.dir-rtl .ygtvtm {
1269 background-position: 0 -4000px;
1270}
1271.dir-rtl .ygtvtmh,
1272.dir-rtl .ygtvtmhh {
1273 background-position: 0 -4800px;
1274}
1275.dir-rtl .ygtvtp {
1276 background-position: 0 -6400px;
1277}
1278.dir-rtl .ygtvtph,
1279.dir-rtl .ygtvtphh {
1280 background-position: 0 -7200px;
1281}
1282.dir-rtl .ygtvln {
1283 background-position: 0 -1600px;
1284}
1285.dir-rtl .ygtvlm {
1286 background-position: 0 0;
1287}
1288.dir-rtl .ygtvlmh,
1289.dir-rtl .ygtvlmhh {
1290 background-position: 0 -800px;
1291}
1292.dir-rtl .ygtvlp {
1293 background-position: 0 -2400px;
1294}
1295.dir-rtl .ygtvlph,
1296.dir-rtl .ygtvlphh {
1297 background-position: 0 -3200px;
1298}
1299.dir-rtl .ygtvdepthcell {
1300 background-position: 0 -8000px;
1301}
1302.dir-rtl .ygtvok {
1303 background-position: 0 -8800px;
1304}
1305.dir-rtl .ygtvok:hover {
1306 background-position: 0 -8844px;
1307}
1308.dir-rtl .ygtvcancel {
1309 background-position: 0 -8822px;
1310}
1311.dir-rtl .ygtvcancel:hover {
1312 background-position: 0 -8866px;
1313}
1314.dir-rtl.yui-skin-sam .yui-panel .hd {
1315 text-align: right;
1316}
1317.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1318 text-align: right;
1319}
1320/** Fix TinyMCE editor right to left **/
1321.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1322.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1323 top: 44px;
1324}
1325.dir-rtl .o2k7Skin table,
1326.dir-rtl .o2k7Skin tbody,
1327.dir-rtl .o2k7Skin a,
1328.dir-rtl .o2k7Skin img,
1329.dir-rtl .o2k7Skin tr,
1330.dir-rtl .o2k7Skin div,
1331.dir-rtl .o2k7Skin td,
1332.dir-rtl .o2k7Skin iframe,
1333.dir-rtl .o2k7Skin span,
1334.dir-rtl .o2k7Skin *,
1335.dir-rtl .o2k7Skin .mceText,
1336.dir-rtl .o2k7Skin .mceListBox .mceText {
1337 text-align: right;
1338}
1339.path-rating .ratingtable {
1340 width: 100%;
1341 margin-bottom: 1em;
1342}
1343.path-rating .ratingtable th.rating {
1344 width: 100%;
1345}
1346.path-rating .ratingtable td.rating,
1347.path-rating .ratingtable td.time {
1348 white-space: nowrap;
1349 text-align: center;
1350}
1351.initialbar a,
1352.initialbar strong {
1353 padding-left: 3px;
1354 padding-right: 3px;
1355}
1356/* Moodle Dialogue Settings (moodle-core-dialogue) */
1357.moodle-dialogue-base .moodle-dialogue-lightbox {
cdcfc4bc 1358 background-color: #aaa;
d99949ab
FM
1359}
1360.moodle-dialogue-base .hidden,
1361.moodle-dialogue-base .moodle-dialogue-hidden {
1362 display: none;
1363}
1364.no-scrolling {
1365 overflow: hidden;
1366}
1367.moodle-dialogue-base .moodle-dialogue-fullscreen {
cdcfc4bc
DP
1368 left: 0;
1369 top: 0;
1370 right: 0;
d99949ab
FM
1371 bottom: -50px;
1372 position: fixed;
1373}
1374.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1375 overflow: auto;
1376}
1377.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1378 width: 28px;
1379 height: 16px;
1380 background-size: 100%;
1381}
1382.moodle-dialogue-base .moodle-dialogue {
1383 padding: 0;
1384 margin: 0;
1385 background: none;
1386 border: none;
1387 z-index: 600;
1388 outline: #000 dotted 0;
1389}
1390.moodle-dialogue-base .moodle-dialogue-wrap {
1391 margin-top: -3px;
1392 margin-left: -3px;
1393 background-color: #fff;
1394 border: 1px solid #ccc;
1395 -webkit-border-radius: 10px;
1396 -moz-border-radius: 10px;
1397 border-radius: 10px;
1398 -webkit-box-shadow: 5px 5px 20px 0 #666;
1399 -moz-box-shadow: 5px 5px 20px 0 #666;
1400 box-shadow: 5px 5px 20px 0 #666;
1401}
1402.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1403.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1404 margin: 0;
1405 padding: 5px;
1406 font-size: 12px;
1407 font-weight: normal;
1408 letter-spacing: 1px;
1409 color: #333;
1410 text-align: center;
1411 text-shadow: 1px 1px 1px #fff;
1412 -webkit-border-radius: 10px 10px 0 0;
1413 -moz-border-radius: 10px 10px 0 0;
1414 border-radius: 10px 10px 0 0;
1415 border-bottom: 1px solid #bbb;
1416 background: #ccc;
1417 background-color: #ebebeb;
1418 background-image: -moz-linear-gradient(top, #fff, #ccc);
1419 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
1420 background-image: -webkit-linear-gradient(top, #fff, #ccc);
1421 background-image: -o-linear-gradient(top, #fff, #ccc);
1422 background-image: linear-gradient(to bottom, #fff, #ccc);
1423 background-repeat: repeat-x;
1424 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
1425 filter: 0;
1426}
1427.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
d99949ab
FM
1428 padding: 0;
1429 display: inline;
1430 font-size: 100%;
1431 font-weight: bold;
1432}
1433.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1434 padding: 5px;
1435}
1436.moodle-dialogue-base .closebutton {
1437 width: 25px;
1438 height: 15px;
1439 float: right;
d99949ab
FM
1440 display: inline-block;
1441 cursor: pointer;
1442 padding: 0;
1443 background-image: url([[pix:theme|sprite]]);
1444 background-repeat: no-repeat;
1445 border-style: none;
1446}
1447.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1448 padding: 1em;
1449 line-height: 2em;
1450 color: #555;
1451 font-size: 12px;
1452}
1453.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1454 padding: 0;
cdcfc4bc 1455 background: #fff;
d99949ab
FM
1456}
1457.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1458 padding: 10px;
1459 font-size: 16px;
1460}
1461.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1462 overflow: auto;
1463 position: absolute;
cdcfc4bc 1464 top: 0;
d99949ab 1465 bottom: 50px;
cdcfc4bc
DP
1466 left: 0;
1467 right: 0;
1468 margin: 0;
1469 border: 0;
d99949ab
FM
1470}
1471.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1472.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
cdcfc4bc 1473 border-radius: 0;
d99949ab
FM
1474}
1475.moodle-dialogue-confirm .confirmation-dialogue {
1476 text-align: center;
1477}
1478.moodle-dialogue-confirm .confirmation-dialogue input {
1479 text-align: center;
1480}
1481.moodle-dialogue-exception .moodle-exception-message {
1482 text-align: center;
1483}
1484.moodle-dialogue-exception .moodle-exception-param label {
1485 font-weight: bold;
1486}
1487.moodle-dialogue-exception .param-stacktrace label {
cdcfc4bc 1488 background-color: #eee;
d99949ab
FM
1489 border: 1px solid #ccc;
1490 border-bottom-width: 0;
1491}
1492.moodle-dialogue-exception .param-stacktrace pre {
1493 border: 1px solid #ccc;
1494 background-color: #fff;
1495}
1496.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1497 color: navy;
1498 font-size: 11.9px;
1499}
1500.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1501 color: #b94a48;
1502 font-size: 11.9px;
1503}
1504.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1505 color: #333;
1506 font-size: 90%;
1507 border-bottom: 1px solid #eee;
1508}
1509.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1510 padding: 0;
1511 margin: 0.7em 1em;
1512 text-align: right;
cdcfc4bc 1513 background-color: #fff;
d99949ab
FM
1514 font-size: 12px;
1515}
1516.moodle-dialogue-confirm .confirmation-message {
1517 margin: 0.5em 1em;
1518}
1519.moodle-dialogue-confirm .confirmation-dialogue input {
1520 min-width: 80px;
1521}
1522.moodle-dialogue-exception .moodle-exception-message {
1523 margin: 1em;
1524}
1525.moodle-dialogue-exception .moodle-exception-param {
1526 margin-bottom: 0.5em;
1527}
1528.moodle-dialogue-exception .moodle-exception-param label {
1529 width: 150px;
1530}
1531.moodle-dialogue-exception .param-stacktrace label {
1532 display: block;
1533 margin: 0;
1534 padding: 4px 1em;
1535}
1536.moodle-dialogue-exception .param-stacktrace pre {
1537 display: block;
1538 height: 200px;
1539 overflow: auto;
1540}
1541.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1542 display: inline-block;
1543 margin: 4px 0;
1544}
1545.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1546 display: inline-block;
1547 width: 50px;
1548 margin: 4px 1em;
1549}
1550.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1551 padding-left: 25px;
1552 margin-bottom: 4px;
1553 padding-bottom: 4px;
1554}
1555.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1556 opacity: 0.75;
1557 filter: alpha(opacity=75);
1558 width: 100%;
1559 height: 100%;
1560 top: 0;
1561 left: 0;
1562 background-color: white;
1563 text-align: center;
1564 padding: 10% 0;
1565}
1566/* Apply a default max-height on tooltip text */
1567.moodle-dialogue .tooltiptext {
1568 max-height: 300px;
1569}
1570.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1571 z-index: 3001;
1572}
1573.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1574 overflow: auto;
1575}
1576/**
1577 * Chooser Dialogues (moodle-core-chooserdialogue)
1578 *
1579 * This CSS belong to the chooser dialogue which should work both with, and
1580 * without javascript enabled
1581 */
1582/* Hide the dialog and it's title */
1583.chooserdialoguebody,
1584.choosertitle {
1585 display: none;
1586}
1587.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1588 margin: 0;
1589}
1590.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1591 padding: 0;
cdcfc4bc 1592 background: #f2f2f2;
d99949ab
FM
1593 -webkit-border-bottom-right-radius: 10px;
1594 -moz-border-radius-bottomright: 10px;
1595 border-bottom-right-radius: 10px;
1596 -webkit-border-bottom-left-radius: 10px;
1597 -moz-border-radius-bottomleft: 10px;
1598 border-bottom-left-radius: 10px;
1599}
1600/* Center the submit buttons within the area */
1601.choosercontainer #chooseform .submitbuttons {
1602 padding: 0.7em 0;
1603 text-align: center;
1604}
1605/* Fixed for safari browser on iPhone4S with ios7.*/
1606@media (max-height: 639px) {
1607 .ios.safari .choosercontainer #chooseform .submitbuttons {
1608 padding: 45px 0;
1609 }
1610}
1611.choosercontainer #chooseform .submitbuttons input {
1612 min-width: 100px;
1613 margin: 0 0.5em;
1614}
1615/* Various settings for the options area */
1616.choosercontainer #chooseform .options {
1617 position: relative;
cdcfc4bc 1618 border-bottom: 1px solid #bbb;
d99949ab
FM
1619}
1620/* Only set these options if we're showing the js container */
1621.jschooser .choosercontainer #chooseform .alloptions {
1622 overflow-x: hidden;
1623 overflow-y: auto;
1624 max-width: 20.3em;
cdcfc4bc
DP
1625 -webkit-box-shadow: inset 0 0 30px 0 #ccc;
1626 -moz-box-shadow: inset 0 0 30px 0 #ccc;
1627 box-shadow: inset 0 0 30px 0 #ccc;
d99949ab
FM
1628}
1629.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
1630 display: inline-block;
1631}
1632.jschooser .choosercontainer #chooseform .alloptions .option .modicon {
1633 display: inline-block;
1634}
1635.jschooser .choosercontainer #chooseform .alloptions .option .typename {
1636 display: inline-block;
1637 width: 65%;
1638}
1639/* Settings for option rows and option subtypes */
1640.choosercontainer #chooseform .moduletypetitle,
1641.choosercontainer #chooseform .option,
1642.choosercontainer #chooseform .nonoption {
1643 margin-bottom: 0;
1644 padding: 0 1.6em 0 1.6em;
1645}
1646.choosercontainer #chooseform .moduletypetitle {
1647 text-transform: uppercase;
1648 padding-top: 1.2em;
1649 padding-bottom: 0.4em;
1650}
1651.choosercontainer #chooseform .option .typename,
1652.choosercontainer #chooseform .option span.modicon img.icon,
1653.choosercontainer #chooseform .nonoption .typename,
1654.choosercontainer #chooseform .nonoption span.modicon img.icon {
1655 padding: 0 0 0 0.5em;
1656}
1657.chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1658.chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1659 height: 24px;
1660 width: 24px;
1661}
1662.choosercontainer #chooseform .option input[type=radio],
1663.choosercontainer #chooseform .option span.typename,
1664.choosercontainer #chooseform .option span.modicon {
1665 vertical-align: middle;
1666}
1667.choosercontainer #chooseform .option label {
1668 display: block;
1669 padding: 0.3em 0 0.1em 0;
cdcfc4bc 1670 border-bottom: 1px solid #fff;
d99949ab
FM
1671}
1672.choosercontainer #chooseform .nonoption {
1673 padding-left: 2.7em;
1674 padding-top: 0.3em;
1675 padding-bottom: 0.1em;
1676}
1677.choosercontainer #chooseform .subtype {
1678 margin-bottom: 0;
1679 padding: 0 1.6em 0 3.2em;
1680}
1681.choosercontainer #chooseform .subtype .typename {
1682 margin: 0 0 0 0.2em;
1683}
1684/* The instruction/help area */
1685.jschooser .choosercontainer #chooseform .instruction,
1686.jschooser .choosercontainer #chooseform .typesummary {
1687 display: none;
1688 position: absolute;
1689 top: 0;
1690 right: 0;
1691 bottom: 0;
1692 left: 20.3em;
1693 margin: 0;
1694 padding: 1.6em;
1695 background-color: #fff;
1696 overflow-x: hidden;
1697 overflow-y: auto;
1698 line-height: 2em;
1699}
1700/* Selected option settings */
1701.jschooser .choosercontainer #chooseform .instruction,
1702.choosercontainer #chooseform .selected .typesummary {
1703 display: block;
1704}
1705.choosercontainer #chooseform .selected {
1706 background-color: #fff;
1707 -webkit-box-shadow: 0px 0 10px 0 #ccc;
1708 -moz-box-shadow: 0px 0 10px 0 #ccc;
1709 box-shadow: 0px 0 10px 0 #ccc;
1710}
1711.section-modchooser-link img.smallicon {
1712 padding: 3px;
1713}
1714/* Form element: listing */
1715.formlistingradio {
1716 padding-bottom: 25px;
1717 padding-right: 10px;
1718}
1719.formlistinginputradio {
1720 float: left;
1721}
1722.formlistingmain {
1723 min-height: 225px;
1724}
1725.formlisting {
1726 position: relative;
1727 margin: 15px 0;
1728 padding: 1px 19px 14px;
1729 background-color: white;
cdcfc4bc 1730 border: 1px solid #ddd;
d99949ab
FM
1731 -webkit-border-radius: 4px;
1732 -moz-border-radius: 4px;
1733 border-radius: 4px;
1734}
1735.formlistingmore {
1736 position: absolute;
1737 cursor: pointer;
1738 bottom: -1px;
1739 right: -1px;
1740 padding: 3px 7px;
1741 font-size: 12px;
1742 font-weight: bold;
cdcfc4bc 1743 background-color: #f5f5f5;
d99949ab 1744 border: 1px solid #ddd;
cdcfc4bc 1745 color: #9da0a4;
d99949ab
FM
1746 -webkit-border-radius: 4px 0 4px 0;
1747 -moz-border-radius: 4px 0 4px 0;
1748 border-radius: 4px 0 4px 0;
1749}
1750.formlistingall {
1751 margin: 15px 0;
1752 padding: 0;
1753 -webkit-border-radius: 4px;
1754 -moz-border-radius: 4px;
1755 border-radius: 4px;
1756}
1757.formlistingrow {
1758 cursor: pointer;
1759 border-bottom: 1px solid;
cdcfc4bc
DP
1760 border-color: #e1e1e8;
1761 border-left: 1px solid #e1e1e8;
1762 border-right: 1px solid #e1e1e8;
1763 background-color: #f7f7f9;
d99949ab
FM
1764 -webkit-border-radius: 0 0 4px 4px;
1765 -moz-border-radius: 0 0 4px 4px;
1766 border-radius: 0 0 4px 4px;
1767 padding: 6px;
1768 top: 50%;
1769 left: 50%;
1770 min-height: 34px;
1771 float: left;
1772 width: 150px;
1773}
1774body.jsenabled .formlistingradio {
1775 display: none;
1776}
1777body.jsenabled .formlisting {
1778 display: block;
1779}
1780/* Badges styles */
1781table.collection {
1782 width: 100%;
1783 margin-bottom: 20px;
1784 border: 1px solid #ddd;
1785 border-collapse: separate;
1786 *border-collapse: collapse;
1787 border-left: 0;
1788 -webkit-border-radius: 4px;
1789 -moz-border-radius: 4px;
1790 border-radius: 4px;
1791}
1792table.collection th,
1793table.collection td {
1794 padding: 8px;
1795 line-height: 20px;
1796 text-align: left;
1797 vertical-align: top;
1798 border-top: 1px solid #ddd;
1799}
1800table.collection th {
1801 font-weight: bold;
1802}
1803table.collection thead th {
1804 vertical-align: bottom;
1805}
1806table.collection caption + thead tr:first-child th,
1807table.collection caption + thead tr:first-child td,
1808table.collection colgroup + thead tr:first-child th,
1809table.collection colgroup + thead tr:first-child td,
1810table.collection thead:first-child tr:first-child th,
1811table.collection thead:first-child tr:first-child td {
1812 border-top: 0;
1813}
1814table.collection tbody + tbody {
1815 border-top: 2px solid #ddd;
1816}
1817table.collection .table {
1818 background-color: #fff;
1819}
1820table.collection th,
1821table.collection td {
1822 border-left: 1px solid #ddd;
1823}
1824table.collection caption + thead tr:first-child th,
1825table.collection caption + tbody tr:first-child th,
1826table.collection caption + tbody tr:first-child td,
1827table.collection colgroup + thead tr:first-child th,
1828table.collection colgroup + tbody tr:first-child th,
1829table.collection colgroup + tbody tr:first-child td,
1830table.collection thead:first-child tr:first-child th,
1831table.collection tbody:first-child tr:first-child th,
1832table.collection tbody:first-child tr:first-child td {
1833 border-top: 0;
1834}
1835table.collection thead:first-child tr:first-child > th:first-child,
1836table.collection tbody:first-child tr:first-child > td:first-child,
1837table.collection tbody:first-child tr:first-child > th:first-child {
1838 -webkit-border-top-left-radius: 4px;
1839 -moz-border-radius-topleft: 4px;
1840 border-top-left-radius: 4px;
1841}
1842table.collection thead:first-child tr:first-child > th:last-child,
1843table.collection tbody:first-child tr:first-child > td:last-child,
1844table.collection tbody:first-child tr:first-child > th:last-child {
1845 -webkit-border-top-right-radius: 4px;
1846 -moz-border-radius-topright: 4px;
1847 border-top-right-radius: 4px;
1848}
1849table.collection thead:last-child tr:last-child > th:first-child,
1850table.collection tbody:last-child tr:last-child > td:first-child,
1851table.collection tbody:last-child tr:last-child > th:first-child,
1852table.collection tfoot:last-child tr:last-child > td:first-child,
1853table.collection tfoot:last-child tr:last-child > th:first-child {
1854 -webkit-border-bottom-left-radius: 4px;
1855 -moz-border-radius-bottomleft: 4px;
1856 border-bottom-left-radius: 4px;
1857}
1858table.collection thead:last-child tr:last-child > th:last-child,
1859table.collection tbody:last-child tr:last-child > td:last-child,
1860table.collection tbody:last-child tr:last-child > th:last-child,
1861table.collection tfoot:last-child tr:last-child > td:last-child,
1862table.collection tfoot:last-child tr:last-child > th:last-child {
1863 -webkit-border-bottom-right-radius: 4px;
1864 -moz-border-radius-bottomright: 4px;
1865 border-bottom-right-radius: 4px;
1866}
1867table.collection tfoot + tbody:last-child tr:last-child td:first-child {
1868 -webkit-border-bottom-left-radius: 0;
1869 -moz-border-radius-bottomleft: 0;
1870 border-bottom-left-radius: 0;
1871}
1872table.collection tfoot + tbody:last-child tr:last-child td:last-child {
1873 -webkit-border-bottom-right-radius: 0;
1874 -moz-border-radius-bottomright: 0;
1875 border-bottom-right-radius: 0;
1876}
1877table.collection caption + thead tr:first-child th:first-child,
1878table.collection caption + tbody tr:first-child td:first-child,
1879table.collection colgroup + thead tr:first-child th:first-child,
1880table.collection colgroup + tbody tr:first-child td:first-child {
1881 -webkit-border-top-left-radius: 4px;
1882 -moz-border-radius-topleft: 4px;
1883 border-top-left-radius: 4px;
1884}
1885table.collection caption + thead tr:first-child th:last-child,
1886table.collection caption + tbody tr:first-child td:last-child,
1887table.collection colgroup + thead tr:first-child th:last-child,
1888table.collection colgroup + tbody tr:first-child td:last-child {
1889 -webkit-border-top-right-radius: 4px;
1890 -moz-border-radius-topright: 4px;
1891 border-top-right-radius: 4px;
1892}
1893table.collection tbody > tr:nth-child(odd) > td,
1894table.collection tbody > tr:nth-child(odd) > th {
1895 background-color: #f9f9f9;
1896}
1897table.collection .name {
1898 text-align: left;
1899 vertical-align: middle;
1900}
1901table.collection .awards {
1902 width: 10%;
1903 text-align: center;
1904 vertical-align: middle;
1905}
1906table.collection .criteria {
1907 width: 40%;
1908 text-align: left;
1909 vertical-align: top;
1910}
1911table.collection .badgeimage,
1912table.collection .status {
1913 width: 15%;
1914 text-align: center;
1915 vertical-align: middle;
1916}
1917table.collection .description {
1918 width: 25%;
1919 text-align: left;
1920}
1921table.collection .actions {
1922 width: 11em;
1923 text-align: center;
1924 vertical-align: middle;
1925}
1926a.criteria-action {
cdcfc4bc 1927 padding: 0 3px;
d99949ab
FM
1928 float: right;
1929}
1930div.criteria-description {
1931 padding: 10px 15px;
cdcfc4bc 1932 margin: 5px 0;
d99949ab 1933 background: none repeat scroll 0 0 #f9f9f9;
cdcfc4bc 1934 border: 1px solid #eee;
d99949ab
FM
1935}
1936ul.badges {
1937 margin: 0;
1938 list-style: none;
1939}
1940.badges li {
1941 position: relative;
1942 display: inline-block;
1943 padding-top: 1em;
1944 text-align: center;
1945 vertical-align: top;
1946 width: 150px;
1947}
1948.badges li .badge-name {
1949 display: block;
1950 padding: 5px;
1951}
1952.badges li > img {
1953 position: absolute;
1954}
1955.badges li .badge-image {
1956 width: 100px;
1957 height: 100px;
1958 left: 10px;
cdcfc4bc 1959 top: 0;
d99949ab
FM
1960 z-index: 1;
1961}
1962.badges li .badge-actions {
1963 position: relative;
1964}
1965.badges li .expireimage {
1966 width: 100px;
1967 height: 100px;
1968 left: 25px;
cdcfc4bc 1969 top: 0;
d99949ab
FM
1970 position: absolute;
1971 z-index: 10;
1972 opacity: 0.85;
1973}
1974#badge-image {
1975 background-color: transparent;
1976 padding: 0;
1977 position: relative;
1978 min-width: 100px;
1979 width: 20%;
1980 display: inline-block;
1981 vertical-align: top;
1982 margin-top: 17px;
1983}
1984#badge-image .expireimage {
1985 width: 100px;
1986 height: 100px;
cdcfc4bc
DP
1987 left: 0;
1988 top: 0;
d99949ab
FM
1989 opacity: 0.85;
1990 filter: alpha(opacity=85);
1991 position: absolute;
1992 z-index: 10;
1993}
1994#badge-image .singlebutton {
1995 padding-top: 5px;
1996}
1997#badge-image .singlebutton input {
cdcfc4bc 1998 margin-left: 0;
d99949ab
FM
1999}
2000#badge-details {
2001 display: inline-block;
2002 width: 79%;
2003}
2004#badge-overview dl,
2005#badge-details dl {
2006 margin: 0;
2007}
2008#badge-overview dl dt,
2009#badge-details dl dt,
2010#badge-overview dl dd,
2011#badge-details dl dd {
2012 vertical-align: top;
2013 padding: 3px 0;
2014}
2015#badge-overview dl dt,
2016#badge-details dl dt {
2017 clear: both;
2018 display: inline-block;
2019 width: 20%;
2020 min-width: 100px;
2021}
2022#badge-overview dl dd,
2023#badge-details dl dd {
2024 display: inline-block;
2025 width: 79%;
2026 margin-left: 1%;
2027}
2028.badge-profile {
2029 vertical-align: top;
2030}
2031.connected {
2032 color: #468847;
2033}
2034.notconnected {
2035 color: #b94a48;
2036}
2037.connecting {
2038 color: #8a6d3b;
2039}
2040#page-badges-award .recipienttable tr td {
2041 vertical-align: top;
2042}
2043#page-badges-award .recipienttable tr td.actions .actionbutton {
2044 margin: 0.3em 0;
2045 padding: 0.5em 0;
2046 width: 100%;
2047}
2048#page-badges-award .recipienttable tr td.existing,
2049#page-badges-award .recipienttable tr td.potential {
2050 width: 42%;
2051}
2052#issued-badge-table .activatebadge {
2053 display: inline-block;
2054}
2055.statusbox.active {
2056 background-color: #dff0d8;
2057}
2058.statusbox.inactive {
2059 background-color: #fcf8e3;
2060}
2061.statusbox {
2062 text-align: center;
2063 margin-bottom: 5px;
2064 padding: 5px;
2065}
2066.statusbox .activatebadge {
2067 display: inline-block;
2068}
2069.statusbox .activatebadge input[type=submit] {
2070 margin: 3px;
2071}
2072.activatebadge {
cdcfc4bc 2073 margin: 0;
d99949ab
FM
2074 text-align: left;
2075 vertical-align: middle;
2076}
2077img#persona_signin {
2078 cursor: pointer;
2079}
2080.addcourse {
2081 float: right;
2082}
2083.invisiblefieldset {
2084 display: inline;
d99949ab
FM
2085 padding: 0;
2086 border-width: 0;
2087}
2088.breadcrumb-nav {
2089 float: left;
2090 margin-bottom: 10px;
2091}
2092.breadcrumb-button .singlebutton div {
2093 margin-right: 0;
2094}
2095.breadcrumb-nav .breadcrumb {
2096 margin: 0;
2097}
2098/** Header-bar styles **/
2099.page-context-header {
2100 overflow: hidden;
2101}
2102.page-context-header .page-header-image,
2103.page-context-header .page-header-headings {
2104 display: block;
2105 position: relative;
2106}
2107.page-context-header .page-header-image {
2108 margin-bottom: 1em;
2109}
2110.page-context-header .page-header-headings {
2111 margin-top: 30px;
2112 margin-bottom: 10px;
2113}
2114.page-context-header .page-header-headings h1 {
2115 display: block;
2116}
2117.page-context-header .page-header-headings,
2118.page-context-header .header-button-group {
2119 position: relative;
2120 line-height: 24px;
2121 vertical-align: middle;
2122}
2123.page-context-header .header-button-group {
2124 display: block;
2125}
2126.page-context-header .header-button-group a {
2127 position: relative;
2128 top: -0.4em;
2129}
2130.page-context-header .page-header-image {
2131 float: left;
2132 margin-right: 1em;
2133}
2134.page-context-header .header-button-group {
2135 float: left;
2136}
2137/** Action menu component styles **/
2138.moodle-actionmenu,
2139.moodle-actionmenu > ul,
2140.moodle-actionmenu > ul > li {
2141 display: inline-block;
2142}
2143.moodle-actionmenu ul {
2144 padding: 0;
2145 margin: 0;
2146 list-style-type: none;
2147}
2148.section_action_menu .moodle-actionmenu ul.menubar {
2149 margin: 0;
2150}
2151.section_action_menu .moodle-actionmenu ul.menu {
2152 margin: 0 10px 10px 0;
2153}
2154.moodle-actionmenu .toggle-display,
2155.moodle-actionmenu .menu-action-text {
2156 display: none;
2157 /** Hidden by default, display none so that we don't take up space. **/
2158}
2159.jsenabled .moodle-actionmenu[data-enhance] {
2160 display: block;
2161}
2162.jsenabled .moodle-actionmenu[data-enhance] .menu {
2163 display: none;
2164}
2165.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
2166 display: inline;
2167 /** JS is enabled, we'll be using it so return display to normal **/
2168 opacity: 0.5;
2169 filter: alpha(opacity=50);
2170}
2171.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
2172 display: block;
2173 margin-left: 4px;
2174 padding-left: 4px;
2175 padding-right: 4px;
2176}
2177.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall,
2178.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon {
cdcfc4bc
DP
2179 margin: 4px 4px 4px 0;
2180 padding: 8px 4px 0 2px;
d99949ab
FM
2181 vertical-align: text-bottom;
2182}
2183.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2184 margin-top: 8px;
2185 margin-left: 2px;
2186 border-top-color: #777;
2187}
2188.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
2189.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
2190 border-top-color: #555;
2191}
2192.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
2193 opacity: 1;
2194 filter: alpha(opacity=100);
2195}
2196.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2197 display: inline;
2198}
2199.moodle-actionmenu[data-enhanced].show {
2200 position: relative;
2201 /** no wrap is set - prevent menu items from wrapping **/
2202}
2203.moodle-actionmenu[data-enhanced].show .menu {
2204 display: block;
2205 position: absolute;
2206 text-align: left;
2207 background-color: #fff;
2208 border: 1px solid rgba(0, 0, 0, 0.2);
2209 z-index: 1000;
2210 -webkit-border-radius: 5px;
2211 -moz-border-radius: 5px;
2212 border-radius: 5px;
2213 -webkit-box-shadow: 5px 5px 20px 0 #666;
2214 -moz-box-shadow: 5px 5px 20px 0 #666;
2215 box-shadow: 5px 5px 20px 0 #666;
2216 /** bottom left of button **/
2217 /** bottom right of button **/
2218 /** top left of button **/
2219 /** top right of button **/
2220}
2221.moodle-actionmenu[data-enhanced].show .menu a {
2222 display: block;
2223 color: #333;
2224 padding: 2px 1em 2px 28px;
2225}
2226.moodle-actionmenu[data-enhanced].show .menu a:hover {
2227 color: #fff;
2228 background-color: #0070a8;
2229}
2230.moodle-actionmenu[data-enhanced].show .menu a:first-child {
2231 -webkit-border-top-right-radius: 4px;
2232 -moz-border-radius-topright: 4px;
2233 border-top-right-radius: 4px;
2234 -webkit-border-top-left-radius: 4px;
2235 -moz-border-radius-topleft: 4px;
2236 border-top-left-radius: 4px;
2237}
2238.moodle-actionmenu[data-enhanced].show .menu a:last-child {
2239 -webkit-border-bottom-right-radius: 4px;
2240 -moz-border-radius-bottomright: 4px;
2241 border-bottom-right-radius: 4px;
2242 -webkit-border-bottom-left-radius: 4px;
2243 -moz-border-radius-bottomleft: 4px;
2244 border-bottom-left-radius: 4px;
2245}
2246.moodle-actionmenu[data-enhanced].show .menu a.hidden {
2247 display: none;
2248}
2249.moodle-actionmenu[data-enhanced].show .menu img {
2250 vertical-align: middle;
2251}
2252.moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2253.moodle-actionmenu[data-enhanced].show .menu .smallicon {
2254 margin: 4px 4px 4px -24px;
2255 padding: 4px;
2256}
2257.moodle-actionmenu[data-enhanced].show .menu > li {
2258 display: block;
2259}
2260.moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
2261 top: 100%;
2262 left: 0;
2263 margin-top: 4px;
2264}
2265.moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
2266 top: 100%;
2267 right: 100%;
2268}
2269.moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
2270 bottom: 100%;
2271 left: 0;
2272}
2273.moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
2274 bottom: 100%;
2275 right: 100%;
2276}
2277.moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
2278 top: 100%;
2279 left: 100%;
2280}
2281.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
2282 top: 100%;
2283 right: 0;
2284 margin-top: 4px;
2285}
2286.moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
2287 bottom: 100%;
2288 left: 100%;
2289}
2290.moodle-actionmenu[data-enhanced].show .menu.align-br-br {
2291 bottom: 100%;
2292 right: 0;
2293}
2294.moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
2295 top: 0;
2296 left: 0;
2297}
2298.moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
2299 top: 0;
2300 right: 100%;
2301 margin-right: 4px;
2302}
2303.moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
2304 bottom: 100%;
2305 left: 0;
2306 margin-bottom: 4px;
2307}
2308.moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
2309 bottom: 100%;
2310 right: 100%;
2311}
2312.moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
2313 top: 0;
2314 left: 100%;
2315 margin-left: 4px;
2316}
2317.moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
2318 top: 0;
2319 right: 0;
2320}
2321.moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
2322 bottom: 100%;
2323 left: 100%;
2324}
2325.moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
2326 bottom: 100%;
2327 right: 0;
2328 margin-bottom: 4px;
2329}
2330.moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li {
2331 white-space: nowrap;
2332}
2333.block .moodle-actionmenu {
2334 text-align: right;
2335}
2336ul.dragdrop-keyboard-drag li {
2337 list-style-type: none;
2338}
2339.block-control-actions .moodle-core-dragdrop-draghandle img {
2340 width: 12px;
2341 height: 12px;
2342}
2343a.disabled:hover,
2344a.disabled {
2345 text-decoration: none;
2346 cursor: default;
2347 font-style: italic;
2348 color: #808080;
2349}
2350body.lockscroll {
2351 height: 100%;
2352 overflow: hidden;
2353}
2354.progressbar_container {
2355 max-width: 500px;
2356 margin: 0 auto;
2357}
2358/* IE10 only fix for calendar titling */
2359.ie10 .yui3-calendar-header-label {
2360 display: inline-block;
2361}
2362dd:before,
2363dd:after {
2364 display: block;
2365 content: " ";
2366}
2367dd:after {
2368 clear: both;
2369}
2370.nav-tabs > .active > a[href],
2371.nav-tabs > .active > a[href]:hover,
2372.nav-tabs > .active > a[href]:focus {
2373 cursor: pointer;
2374}
2375.inplaceeditable.inplaceeditingon {
2376 position: relative;
2377}
2378.inplaceeditable.inplaceeditingon .editinstructions {
2379 margin-top: -30px;
2380 font-weight: normal;
2381 margin-right: 0;
2382 margin-left: 0;
2383 left: 0;
2384 right: auto;
2385 white-space: nowrap;
2386}
2387.inplaceeditable.inplaceeditingon input {
2388 width: 330px;
2389 height: 16px;
2390 vertical-align: text-bottom;
2391 margin-bottom: 0;
2392}
2393.inplaceeditable.inplaceeditingon select {
2394 margin-bottom: 0;
2395}
2396.inplaceeditable .quickediticon img {
2397 opacity: 0.2;
2398}
2399.inplaceeditable .quickeditlink {
2400 color: inherit;
2401 text-decoration: inherit;
2402}
2403.inplaceeditable:hover .quickeditlink .quickediticon img,
2404.inplaceeditable .quickeditlink:focus .quickediticon img {
2405 opacity: 1;
2406}
2407.inplaceeditable.inplaceeditable-toggle .quickediticon {
2408 display: none;
2409}
2410h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2411 margin-top: -20px;
2412}
2413/** Chart area. */
2414.chart-area .chart-table-data {
2415 display: none;
2416}
2417.chart-area .chart-table {
2418 /** When accessible, we display the table only. */
2419}
2420.chart-area .chart-table .chart-output-htmltable caption {
2421 white-space: nowrap;
2422}
2423.chart-area .chart-table.accesshide .chart-table-expand {
2424 display: none;
2425}
2426.chart-area .chart-table.accesshide .chart-table-data {
2427 display: block;
2428}
2429/* admin.less */
2430.formtable tbody th {
2431 font-weight: normal;
2432 text-align: right;
2433}
2434.path-admin #assignrole {
2435 width: 60%;
2436 margin-left: auto;
2437 margin-right: auto;
2438}
2439.path-admin .admintable .leftalign {
2440 text-align: left;
2441}
2442.environmenttable p.warn {
2443 background-color: #fcf8e3;
2444 color: #8a6d3b;
2445}
2446.environmenttable .error,
2447.environmenttable span.warn,
2448.environmenttable .ok {
2449 display: inline-block;
2450 padding: 2px 4px;
2451 font-size: 11.844px;
2452 font-weight: bold;
2453 line-height: 14px;
2454 color: #fff;
2455 vertical-align: baseline;
2456 white-space: nowrap;
2457 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2458 background-color: #999;
2459 -webkit-border-radius: 3px;
2460 -moz-border-radius: 3px;
2461 border-radius: 3px;
2462}
2463.environmenttable .error:empty,
2464.environmenttable span.warn:empty,
2465.environmenttable .ok:empty {
2466 display: none;
2467}
2468.environmenttable .error-important,
2469.environmenttable span.warn-important,
2470.environmenttable .ok-important {
2471 background-color: #b94a48;
2472}
2473.environmenttable .error-important[href],
2474.environmenttable span.warn-important[href],
2475.environmenttable .ok-important[href] {
2476 background-color: #953b39;
2477}
2478.environmenttable .error-warning,
2479.environmenttable span.warn-warning,
2480.environmenttable .ok-warning {
2481 background-color: #f89406;
2482}
2483.environmenttable .error-warning[href],
2484.environmenttable span.warn-warning[href],
2485.environmenttable .ok-warning[href] {
2486 background-color: #c67605;
2487}
2488.environmenttable .error-success,
2489.environmenttable span.warn-success,
2490.environmenttable .ok-success {
2491 background-color: #468847;
2492}
2493.environmenttable .error-success[href],
2494.environmenttable span.warn-success[href],
2495.environmenttable .ok-success[href] {
2496 background-color: #356635;
2497}
2498.environmenttable .error-info,
2499.environmenttable span.warn-info,
2500.environmenttable .ok-info {
2501 background-color: #3a87ad;
2502}
2503.environmenttable .error-info[href],
2504.environmenttable span.warn-info[href],
2505.environmenttable .ok-info[href] {
2506 background-color: #2d6987;
2507}
2508.environmenttable .error-inverse,
2509.environmenttable span.warn-inverse,
2510.environmenttable .ok-inverse {
2511 background-color: #333;
2512}
2513.environmenttable .error-inverse[href],
2514.environmenttable span.warn-inverse[href],
2515.environmenttable .ok-inverse[href] {
2516 background-color: #1a1a1a;
2517}
2518.environmenttable .error {
2519 background-color: #b94a48;
2520}
2521.environmenttable span.warn {
2522 background-color: #f89406;
2523}
2524.environmenttable .ok {
2525 background-color: #468847;
2526}
2527.path-admin .admintable.environmenttable .name,
2528.path-admin .admintable.environmenttable .info,
2529.path-admin #assignrole .admintable .role,
2530.path-admin #assignrole .admintable .userrole,
2531.path-admin #assignrole .admintable .roleholder {
2532 white-space: nowrap;
2533}
2534.path-admin .incompatibleblockstable td.c0 {
2535 font-weight: bold;
2536}
2537#page-admin-course-category .addcategory {
2538 padding: 10px;
2539}
2540#page-admin-course-index .editcourse {
2541 margin: 20px auto;
2542}
2543#page-admin-course-index .editcourse th,
2544#page-admin-course-index .editcourse td {
2545 padding-left: 10px;
2546 padding-right: 10px;
2547}
2548.timewarninghidden {
2549 display: none;
2550}
2551.statusok,
2552.statuswarning,
2553.statusserious,
2554.statuscritical {
2555 display: inline-block;
2556 padding: 2px 4px;
2557 font-size: 11.844px;
2558 font-weight: bold;
2559 line-height: 14px;
2560 color: #fff;
2561 vertical-align: baseline;
2562 white-space: nowrap;
2563 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2564 background-color: #999;
2565 -webkit-border-radius: 3px;
2566 -moz-border-radius: 3px;
2567 border-radius: 3px;
2568}
2569.statusok:empty,
2570.statuswarning:empty,
2571.statusserious:empty,
2572.statuscritical:empty {
2573 display: none;
2574}
2575.statusok-important,
2576.statuswarning-important,
2577.statusserious-important,
2578.statuscritical-important {
2579 background-color: #b94a48;
2580}
2581.statusok-important[href],
2582.statuswarning-important[href],
2583.statusserious-important[href],
2584.statuscritical-important[href] {
2585 background-color: #953b39;
2586}
2587.statusok-warning,
2588.statuswarning-warning,
2589.statusserious-warning,
2590.statuscritical-warning {
2591 background-color: #f89406;
2592}
2593.statusok-warning[href],
2594.statuswarning-warning[href],
2595.statusserious-warning[href],
2596.statuscritical-warning[href] {
2597 background-color: #c67605;
2598}
2599.statusok-success,
2600.statuswarning-success,
2601.statusserious-success,
2602.statuscritical-success {
2603 background-color: #468847;
2604}
2605.statusok-success[href],
2606.statuswarning-success[href],
2607.statusserious-success[href],
2608.statuscritical-success[href] {
2609 background-color: #356635;
2610}
2611.statusok-info,
2612.statuswarning-info,
2613.statusserious-info,
2614.statuscritical-info {
2615 background-color: #3a87ad;
2616}
2617.statusok-info[href],
2618.statuswarning-info[href],
2619.statusserious-info[href],
2620.statuscritical-info[href] {
2621 background-color: #2d6987;
2622}
2623.statusok-inverse,
2624.statuswarning-inverse,
2625.statusserious-inverse,
2626.statuscritical-inverse {
2627 background-color: #333;
2628}
2629.statusok-inverse[href],
2630.statuswarning-inverse[href],
2631.statusserious-inverse[href],
2632.statuscritical-inverse[href] {
2633 background-color: #1a1a1a;
2634}
2635.statusok {
2636 background-color: #468847;
2637}
2638.statuswarning {
2639 background-color: #8a6d3b;
2640}
2641.statusserious {
2642 background-color: #f89406;
2643}
2644.statuscritical {
2645 background-color: #b94a48;
2646}
2647#page-admin-report-capability-index #capabilitysearch {
2648 width: 30em;
2649}
2650#page-admin-report-backups-index .backup-error,
2651#page-admin-report-backups-index .backup-unfinished {
2652 color: #b94a48;
2653}
2654#page-admin-report-backups-index .backup-skipped,
2655#page-admin-report-backups-index .backup-ok,
2656#page-admin-report-backups-index .backup-notyetrun {
2657 color: #468847;
2658}
2659#page-admin-report-backups-index .backup-warning {
2660 color: #8a6d3b;
2661}
2662#page-admin-qtypes .disabled,
2663#page-admin-qbehaviours .disabled {
2664 color: #999;
2665}
2666#page-admin-qtypes #qtypes div,
2667#page-admin-qtypes #qtypes form,
2668#page-admin-qbehaviours #qbehaviours div,
2669#page-admin-qbehaviours #qbehaviours form {
2670 display: inline;
2671}
2672#page-admin-qtypes #qtypes img.spacer,
2673#page-admin-qbehaviours #qbehaviours img.spacer {
2674 width: 16px;
2675}
2676img.iconsmall {
2677 margin: 0;
2678 padding: 0.3em;
2679}
2680#page-admin-qbehaviours .cell.c3,
2681#page-admin-qtypes .cell.c3 {
2682 font-size: 10.5px;
2683}
2684#page-admin-lang .generalbox,
2685#page-admin-course-index .singlebutton,
2686#page-admin-course-index .addcategory,
2687#page-course-index .buttons,
2688#page-course-index-category .buttons,
2689#page-admin-course-category .addcategory,
2690#page-admin-stickyblocks .generalbox,
2691#page-admin-maintenance .buttons,
2692#page-admin-course-index .buttons,
2693#page-admin-course-category .buttons,
2694#page-admin-index .copyright,
2695#page-admin-index .copyrightnotice,
2696#page-admin-index .adminerror .singlebutton,
2697#page-admin-index .adminwarning .singlebutton,
2698#page-admin-index #layout-table .singlebutton {
2699 text-align: center;
2700 margin-bottom: 1em;
2701}
2702.path-admin-roles .capabilitysearchui {
2703 text-align: left;
2704 margin-left: auto;
2705 margin-right: auto;
2706}
2707#page-admin-roles-define .topfields {
2708 margin: 1em 0 2em;
2709}
2710#page-admin-roles-define .capdefault {
2711 background-color: #f5f5f5;
2712 border: 1px solid #ddd;
2713}
2714#page-filter-manage .backlink,
2715.path-admin-roles .backlink {
2716 margin-top: 1em;
2717}
2718#page-admin-roles-explain #chooseuser h3,
2719#page-admin-roles-usersroles .contextname {
2720 margin-top: 0;
2721}
2722#page-admin-roles-explain #chooseusersubmit {
2723 margin-top: 0;
2724 text-align: center;
2725}
2726#page-admin-roles-usersroles p {
2727 margin: 0;
2728}
2729#page-admin-roles-override .cell.c1,
2730#page-admin-roles-assign .cell.c3,
2731#page-admin-roles-assign .cell.c1 {
2732 padding-top: 0.75em;
2733}
2734#page-admin-roles-override .overridenotice,
2735#page-admin-roles-define .definenotice {
2736 margin: 1em 10% 2em 10%;
2737 text-align: left;
2738}
2739#notice {
2740 width: 60%;
2741 min-width: 220px;
2742 margin: auto;
2743}
2744#page-admin-index .releasenoteslink,
2745#page-admin-index .adminwarning,
2746#page-admin-index .adminerror {
2747 margin: auto;
2748 padding: 8px 35px 8px 14px;
2749 margin-bottom: 20px;
2750 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2751 background-color: #fcf8e3;
2752 border: 1px solid #fbeed5;
2753 -webkit-border-radius: 4px;
2754 -moz-border-radius: 4px;
2755 border-radius: 4px;
2756 color: #8a6d3b;
2757 width: 60%;
2758 min-width: 220px;
2759}
2760#page-admin-index .adminerror {
2761 background-color: #f2dede;
2762 border-color: #eed3d7;
2763 color: #b94a48;
2764}
2765#page-admin-index .releasenoteslink {
2766 background-color: #d9edf7;
2767 border-color: #bce8f1;
2768 color: #3a87ad;
2769}
2770#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
2771 display: block;
2772}
2773#page-admin-index .updateplugin div {
2774 margin-bottom: 0.5em;
2775}
2776#page-admin-index .updateplugin .updatepluginconfirmexternal {
2777 padding: 1em;
2778 background-color: #f2dede;
2779 border: 1px solid #eed3d7;
2780}
2781#page-admin-user-user_bulk #users .fgroup {
2782 white-space: nowrap;
2783}
2784#page-admin-report-stats-index .graph {
2785 text-align: center;
2786 margin-bottom: 1em;
2787}
2788#page-admin-report-courseoverview-index .graph {
2789 text-align: center;
2790 margin-bottom: 1em;
2791}
2792#page-admin-lang .translator {
2793 border-width: 1px;
2794 border-style: solid;
2795}
2796.path-admin .roleassigntable {
2797 width: 100%;
2798}
2799.path-admin .roleassigntable td {
2800 vertical-align: top;
2801 padding: 0.2em 0.3em;
2802}
2803.path-admin .roleassigntable p {
2804 text-align: left;
2805 margin: 0.2em 0;
2806}
2807.path-admin .roleassigntable #existingcell,
2808.path-admin .roleassigntable #potentialcell {
2809 width: 42%;
2810}
2811.path-admin .roleassigntable #existingcell p > label:first-child,
2812.path-admin .roleassigntable #potentialcell p > label:first-child {
2813 font-weight: bold;
2814}
2815.path-admin .roleassigntable #buttonscell {
2816 width: 16%;
2817}
2818.path-admin .roleassigntable #buttonscell #assignoptions {
2819 font-size: 10.5px;
2820}
2821.path-admin .roleassigntable #removeselect_wrapper,
2822.path-admin .roleassigntable #addselect_wrapper {
2823 width: 100%;
2824}
2825.path-admin table.rolecap tr.rolecap th {
2826 text-align: left;
2827 font-weight: normal;
2828}
2829.path-admin .rolecap .hiddenrow {
2830 display: none;
2831}
2832.path-admin #defineroletable .rolecap .inherit,
2833.path-admin #defineroletable .rolecap .allow,
2834.path-admin #defineroletable .rolecap .prevent,
2835.path-admin #defineroletable .rolecap .prohibit {
2836 text-align: center;
2837 padding: 0;
2838 min-width: 3.5em;
2839}
2840.path-admin .rolecap .cap-name,
2841.path-admin .rolecap .note {
2842 display: block;
2843 font-size: 10.5px;
2844 white-space: nowrap;
2845 font-weight: normal;
2846}
2847.path-admin .rolecap label {
2848 display: block;
2849 text-align: center;
2850 padding: 0.5em;
2851 margin: 0;
2852}
2853.plugincheckwrapper {
2854 width: 100%;
2855}
2856.environmentbox {
2857 margin-top: 1em;
2858}
2859#mnetconfig table {
2860 margin-left: auto;
2861 margin-right: auto;
2862}
2863.environmenttable .cell {
2864 padding: .15em .5em;
2865}
2866.environmenttable img.iconhelp {
2867 padding-right: .3em;
2868}
2869#trustedhosts .generaltable {
2870 margin-left: auto;
2871 margin-right: auto;
2872 width: 500px;
2873}
2874#trustedhosts .standard {
2875 width: auto;
2876}
2877#adminsettings legend {
2878 display: none;
2879}
2880#adminsettings fieldset.error {
2881 margin: .2em 0 .5em 0;
2882}
2883#adminsettings fieldset.error legend {
2884 display: block;
2885}
2886/*rtl:ignore*/
2887#admin-spelllanguagelist textarea,
2888#page-admin-setting-editorsettingstinymce .form-textarea textarea {
2889 text-align: left;
2890 direction: ltr;
2891}
2892/* Styles for flags on admin settings */
2893.adminsettingsflags {
2894 float: right;
2895}
2896.adminsettingsflags label {
2897 margin-right: 7px;
2898}
2899.form-description {
2900 clear: right;
2901}
113efed5
FM
2902.form-description pre,
2903.formsettingheading pre {
2904 /* Code examples should be left aligned. */
2905 /*rtl:ignore*/
2906 direction: ltr;
2907}
d99949ab 2908.form-item .form-setting .form-htmlarea {
d99949ab
FM
2909 display: inline;
2910}
2911.form-item .form-setting .form-htmlarea .htmlarea {
2912 width: 640px;
2913 display: block;
2914}
2915.form-item .form-setting .form-multicheckbox ul {
2916 list-style: none;
2917 padding: 0;
2918 margin: 7px 0 0 0;
2919}
2920.form-item .form-setting .defaultsnext {
2921 margin-right: 0.5em;
2922 display: inline;
2923}
2924.form-item .form-setting .locked-checkbox {
2925 margin-right: 0.2em;
2926 margin-left: 0.5em;
2927 display: inline;
2928}
2929.form-item .form-setting .form-password .unmask,
2930.form-item .form-setting .form-defaultinfo {
2931 display: inline-block;
2932}
2933.form-item .pathok,
2934.form-item .patherror {
2935 margin-left: 0.5em;
2936}
2937#admin-emoticons td input {
2938 width: 8em;
2939}
2940#admin-emoticons td.c0 input {
2941 width: 4em;
2942}
2943#adminthemeselector .selectedtheme td.c0 {
2944 border: 1px solid #000;
2945 border-right-width: 0;
2946}
2947#adminthemeselector .selectedtheme td.c1 {
2948 border: 1px solid #000;
2949 border-left-width: 0;
2950}
2951.admin_colourpicker,
2952.admin_colourpicker_preview {
2953 display: none;
2954}
2955.jsenabled .admin_colourpicker_preview {
2956 display: inline;
2957}
2958.jsenabled .admin_colourpicker {
2959 display: block;
2960 height: 102px;
2961 width: 410px;
2962 margin-bottom: 10px;
2963}
2964.admin_colourpicker .loadingicon {
2965 vertical-align: middle;
2966 margin-left: auto;
2967}
2968.admin_colourpicker .colourdialogue {
2969 float: left;
2970 border: 1px solid #000;
2971}
2972.admin_colourpicker .previewcolour {
2973 border: 1px solid #000;
2974 margin-left: 301px;
2975}
2976.admin_colourpicker .currentcolour {
2977 border: 1px solid #000;
2978 margin-left: 301px;
2979 border-top-width: 0;
2980}
2981#page-admin-index #notice .checkforupdates {
2982 text-align: center;
2983}
2984#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
2985 background-color: #d9edf7;
2986}
2987#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
2988#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
2989 background-color: #fcf8e3;
2990}
2991#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
2992 background-color: #f2dede;
2993}
2994#page-admin-plugins #plugins-overview-panel .info {
2995 display: inline-block;
2996 margin-right: 1em;
2997}
2998#page-admin-plugins .checkforupdates {
2999 margin: 10px 0;
3000}
3001#page-admin-plugins .checkforupdates .singlebutton {
3002 margin: 5px 0;
3003 padding: 0;
3004}
3005#page-admin-plugins .checkforupdates .singlebutton div,
3006#page-admin-plugins .checkforupdates .singlebutton input {
3007 margin: 0 3px 0 0;
3008}
3009#page-admin-plugins .updateavailableinstallall {
3010 margin: 5px 0;
3011 padding: 0;
3012}
3013#page-admin-plugins .updateavailableinstallall div,
3014#page-admin-plugins .updateavailableinstallall input {
3015 margin: 0 3px 5px 0;
3016}
3017#page-admin-plugins #plugins-control-panel .status-missing td {
3018 background-color: #f2dede;
3019}
3020#page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
3021 padding-top: 0;
3022 padding-bottom: 0;
3023}
3024#page-admin-plugins #plugins-control-panel .pluginname .componentname {
3025 font-size: 11.9px;
3026 color: #999;
3027 margin-left: 22px;
3028}
3029#page-admin-plugins #plugins-control-panel .version .versionnumber {
3030 font-size: 11.9px;
3031 color: #999;
3032}
3033#page-admin-plugins #plugins-control-panel .uninstall a {
3034 color: #b94a48;
3035}
3036#page-admin-plugins #plugins-control-panel .notes .label {
3037 margin-right: 3px;
3038}
3039#page-admin-plugins #plugins-control-panel .notes .requiredby {
3040 font-size: 11.9px;
3041 color: #999;
3042}
3043#plugins-check-page .page-description {
3044 color: #999;
3045}
3046#plugins-check-page .checkforupdates .singlebutton {
3047 margin: 5px 0;
3048 padding: 0;
3049}
3050#plugins-check-page .checkforupdates .singlebutton div,
3051#plugins-check-page .checkforupdates .singlebutton input {
3052 margin: 0 3px 0 0;
3053}
3054#plugins-check-page #plugins-check-info .actions > div {
3055 display: inline-block;
3056 margin-right: 1em;
3057}
3058#plugins-check-page #plugins-check-info .actions .singlebutton {
3059 margin: 5px 0;
3060 padding: 0;
3061}
3062#plugins-check-page #plugins-check-info .actions .singlebutton div,
3063#plugins-check-page #plugins-check-info .actions .singlebutton input {
3064 margin: 0 3px 0 0;
3065}
3066#plugins-check-page #plugins-check .requires-ok {
3067 color: #999;
3068}
3069#plugins-check-page #plugins-check .status-missing td,
3070#plugins-check-page #plugins-check .status-downgrade td {
3071 background-color: #f2dede;
3072}
3073#plugins-check-page #plugins-check .displayname .pluginicon {
3074 margin-right: 5px;
3075 width: 16px;
3076}
3077#plugins-check-page #plugins-check .displayname .plugindir {
3078 color: #999;
3079 font-size: 11.9px;
3080}
3081#plugins-check-page #plugins-check .requires ul {
3082 margin-left: 13px;
3083}
3084#plugins-check-page #plugins-check .status .actionbutton {
cdcfc4bc 3085 margin: 5px 0;
d99949ab
FM
3086 padding: 0;
3087}
3088#plugins-check-page #plugins-check .status .actionbutton input {
3089 margin: 0;
3090}
3091#plugins-check-page .plugins-check-dependencies-actions > div {
3092 display: inline-block;
3093 margin-right: 1em;
3094}
3095#plugins-check-page .plugins-check-dependencies-actions .singlebutton {
3096 margin: 5px 0;
3097 padding: 0;
3098}
3099#plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
3100#plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
3101 margin: 0 3px 0 0;
3102}
3103#plugins-check-page #plugins-check-available-dependencies .displayname .component {
3104 font-size: 11.9px;
3105 color: #999;
3106}
3107#plugins-check-page #plugins-check-available-dependencies .info .actions > div {
3108 display: inline-block;
3109 margin-right: 1em;
3110}
3111#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
3112 display: block;
3113 margin: 5px 0;
3114 padding: 0;
3115}
3116#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
3117 margin: 0;
3118}
3119#plugins-check-page .pluginupdateinfo,
3120#plugins-control-panel .pluginupdateinfo {
3121 background-color: #d9edf7;
3122 padding: 5px;
3123 margin: 10px 0;
3124 -webkit-border-radius: 5px;
3125 -moz-border-radius: 5px;
3126 border-radius: 5px;
3127}
3128#plugins-check-page .pluginupdateinfo.maturity50,
3129#plugins-control-panel .pluginupdateinfo.maturity50 {
3130 background-color: #f2dede;
3131}
3132#plugins-check-page .pluginupdateinfo.maturity100,
3133#plugins-control-panel .pluginupdateinfo.maturity100,
3134#plugins-check-page .pluginupdateinfo.maturity150,
3135#plugins-control-panel .pluginupdateinfo.maturity150 {
3136 background-color: #fcf8e3;
3137}
3138#plugins-check-page .pluginupdateinfo .info,
3139#plugins-control-panel .pluginupdateinfo .info {
3140 display: inline-block;
3141}
3142#plugins-check-page .pluginupdateinfo .separator:after,
3143#plugins-control-panel .pluginupdateinfo .separator:after {
3144 content: " | ";
3145}
3146#plugins-check-page .pluginupdateinfo .singlebutton,
3147#plugins-control-panel .pluginupdateinfo .singlebutton {
3148 margin: 5px 0;
3149 padding: 0;
3150}
3151#plugins-check-page .pluginupdateinfo .singlebutton div,
3152#plugins-control-panel .pluginupdateinfo .singlebutton div,
3153#plugins-check-page .pluginupdateinfo .singlebutton input,
3154#plugins-control-panel .pluginupdateinfo .singlebutton input {
3155 margin: 0 3px 0 0;
3156}
3157.plugins-management-confirm-buttons > div {
3158 display: inline-block;
3159 margin: 1em 1em 1em 0;
3160}
3161.plugins-management-confirm-buttons .continue {
3162 padding: 0;
3163}
3164.plugins-management-confirm-buttons .continue div,
3165.plugins-management-confirm-buttons .continue input {
3166 margin: 0;
3167}
3168.uninstalldeleteconfirmexternal {
3169 background-color: #fcf8e3;
3170 padding: 0.5em 1em;
3171 margin: 5px 0 10px 0;
3172}
3173#page-admin-index .upgradepluginsinfo {
3174 text-align: center;
3175}
3176#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
3177 content: " | ";
3178}
3179#plugins-check .pluginupdateinfo {
3180 text-align: center;
3181 /*rtl:ignore*/
3182 direction: ltr;
3183}
3184#plugins-check .requires-ok {
3185 /*rtl:ignore*/
3186 text-align: left;
3187 /*rtl:ignore*/
3188 direction: ltr;
3189}
3190/** MNet networking */
3191#page-admin-mnet-peers .box.deletedhosts {
3192 margin-bottom: 1em;
3193 font-size: 11.9px;
3194}
3195#page-admin-mnet-peers .mform .deletedhostinfo {
3196 background-color: #f2dede;
3197 border: 2px solid #eed3d7;
3198 padding: 4px;
3199 margin-bottom: 5px;
3200}
3201#core-cache-plugin-summaries table,
3202#core-cache-store-summaries table {
3203 width: 100%;
3204}
3205#core-cache-lock-summary table,
3206#core-cache-definition-summaries table,
3207#core-cache-mode-mappings table {
3208 margin: 0 auto;
3209}
3210#core-cache-store-summaries .default-store td {
3211 font-style: italic;
3212}
3213#core-cache-rescan-definitions,
3214#core-cache-mode-mappings .edit-link,
3215#core-cache-lock-summary .new-instance {
3216 margin-top: 0.5em;
3217 text-align: center;
3218}
3219.tinymcesubplugins img.icon {
3220 padding-top: 0;
3221 padding-bottom: 0;
3222}
3223.maintenancewarning {
3224 padding: 3px 1em;
3225 text-align: center;
3226 position: fixed;
3227 bottom: 0;
3228 right: 0;
3229 overflow: hidden;
3230 z-index: 1;
3231}
3232.maintenancewarning.error {
3233 color: #b94a48;
3234 background-color: #f2dede;
3235 border: 2px solid #eed3d7;
3236 font-weight: bold;
3237}
3238.maintenancewarning.warning {
3239 color: #8a6d3b;
3240 background-color: #fcf8e3;
3241 border: 2px solid #fbeed5;
3242}
3243#adminsettings .form-overridden {
3244 color: #3a87ad;
3245 background-color: #d9edf7;
3246}
3247/* calendar.less */
3248.calendar_event_course {
3249 background-color: #ffd3bd;
3250}
3251.calendar_event_global {
3252 background-color: #d6f8cd;
3253}
3254.calendar_event_group {
3255 background-color: #fee7ae;
3256}
3257.calendar_event_user {
3258 background-color: #dce7ec;
3259}
3260.path-calendar .calendartable {
3261 width: 100%;
3262}
3263.path-calendar .calendartable th,
3264.path-calendar .calendartable td {
3265 width: 14%;
3266 vertical-align: top;
3267 text-align: center;
3268 border: 0;
3269}
3270.path-calendar .calendar-controls .previous,
3271.path-calendar .calendar-controls .next,
3272.path-calendar .calendar-controls .current {
3273 display: block;
3274 float: left;
3275 width: 12%;
3276}
3277.path-calendar .calendar-controls .previous {
3278 text-align: left;
3279}
3280.path-calendar .calendar-controls .current {
3281 text-align: center;
3282 width: 76%;
3283}
3284.path-calendar .calendar-controls .next {
3285 text-align: right;
3286}
3287.path-calendar .filters table {
3288 border-collapse: separate;
3289 border-spacing: 2px;
3290 width: 100%;
3291}
3292.path-calendar .cal_courses_flt {
3293 float: left;
3294}
3295.path-calendar .cal_courses_flt label {
3296 margin-right: .45em;
3297}
3298.path-calendar .maincalendar {
3299 vertical-align: top;
3300 padding: 0;
3301}
3302.path-calendar .maincalendar .bottom {
3303 text-align: center;
3304 padding: 5px 0 0 0;
3305}
3306.path-calendar .maincalendar .heightcontainer {
3307 height: 100%;
3308 position: relative;
3309}
3310.path-calendar .maincalendar .calendarmonth {
3311 width: 98%;
3312 margin: 10px auto;
3313}
3314.path-calendar .maincalendar .calendarmonth ul {
3315 margin: 0;
3316}
3317.path-calendar .maincalendar .calendarmonth ul li {
3318 list-style-type: none;
3319 margin-top: 4px;
3320}
3321.path-calendar .maincalendar .calendarmonth td {
3322 height: 5em;
3323}
3324.path-calendar .maincalendar .calendar-controls .previous,
3325.path-calendar .maincalendar .calendar-controls .next {
3326 width: 30%;
3327}
3328.path-calendar .maincalendar .calendar-controls .current {
3329 width: 39.95%;
3330}
3331.path-calendar .maincalendar .controls {
3332 width: 98%;
3333 margin: 10px auto;
3334}
3335.path-calendar .maincalendar .calendar_event_course,
3336.path-calendar .maincalendar .calendar_event_global,
3337.path-calendar .maincalendar .calendar_event_group,
3338.path-calendar .maincalendar .calendar_event_user {
3339 border-width: 1px 1px 1px 12px;
3340 border-style: solid;
3341}
3342.path-calendar .maincalendar .calendar_event_course {
3343 border-color: #ffd3bd;
3344}
3345.path-calendar .maincalendar .calendar_event_global {
3346 border-color: #d6f8cd;
3347}
3348.path-calendar .maincalendar .calendar_event_group {
3349 border-color: #fee7ae;
3350}
3351.path-calendar .maincalendar .calendar_event_user {
3352 border-color: #dce7ec;
3353}
3354.path-calendar .maincalendar .calendar-event-panel {
3355 background-color: #eee;
3356 border: 2px solid #eee;
3357}
3358.path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
3359 padding: 19px;
3360 background-color: #fdfdfd;
3361 border: 1px solid #e3e3e3;
3362 -webkit-border-radius: 4px;
3363 -moz-border-radius: 4px;
3364 border-radius: 4px;
3365 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3366 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3367 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3368}
3369.path-calendar .maincalendar .calendar-controls .current {
3370 font-family: inherit;
3371 font-weight: bold;
3372 color: inherit;
3373 font-size: 25px;
3374 line-height: 1.2;
3375}
3376.path-calendar .maincalendar .calendartable td,
3377.path-calendar .maincalendar .calendartable li {
3378 padding: 5px;
3379}
3380.path-calendar .maincalendar .calendartable li {
3381 padding-left: 10px;
3382 text-align: left;
3383}
3384.path-calendar .maincalendar .header {
3385 overflow: hidden;
3386}
3387.path-calendar .maincalendar .header .buttons {
3388 float: right;
3389}
3390.path-calendar .maincalendar .eventlist {
3391 margin: 0;
3392}
3393.path-calendar .maincalendar .eventlist .event {
3394 width: 92%;
3395 border-spacing: 0;
3396 border-collapse: separate;
3397 position: relative;
3398 padding: 20px 4%;
3399 margin-bottom: 20px;
3400 background-color: #fdfdfd;
3401 border: 1px solid #e3e3e3;
3402 -webkit-border-radius: 4px;
3403 -moz-border-radius: 4px;
3404 border-radius: 4px;
3405 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3406 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3407 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3408 list-style-type: none;
3409}
3410.path-calendar .maincalendar .eventlist .event > img {
3411 padding-top: 3px;
3412 float: left;
3413}
3414.path-calendar .maincalendar .eventlist .event .name {
3415 font-size: 17.5px;
3416 font-weight: 200;
3417 line-height: 24px;
3418 float: left;
3419 margin: 0;
3420}
3421.path-calendar .maincalendar .eventlist .event .name,
3422.path-calendar .maincalendar .eventlist .event .course {
3423 margin-bottom: 5px;
3424}
3425.path-calendar .maincalendar .eventlist .event .date {
3426 float: right;
3427}
3428.path-calendar .maincalendar .eventlist .event .course,
3429.path-calendar .maincalendar .eventlist .event .subscription {
3430 float: left;
3431 clear: left;
3432}
3433.path-calendar .maincalendar .eventlist .event .side {
3434 width: 22px;
3435}
3436.path-calendar .maincalendar .eventlist .event .description {
3437 background-color: #fff;
3438 padding: 5px;
3439 clear: both;
3440}
3441.path-calendar .maincalendar .eventlist .event .description .commands {
3442 position: absolute;
3443 right: 0;
3444 top: 0;
3445 margin: 3px;
3446}
3447.path-calendar .maincalendar .eventlist .event .commands {
3448 position: absolute;
3449 top: 2px;
3450 right: 2px;
3451}
3452.path-calendar .maincalendar .eventlist .event .commands a {
3453 margin: 0 3px;
3454}
3455#page-calendar-export .indent {
3456 padding-left: 20px;
3457}
3458.block .minicalendar {
3459 max-width: 280px;
3460 margin: 0 auto;
3461 width: 100%;
3462}
3463.block .minicalendar th,
3464.block .minicalendar td {
3465 padding: 2px;
3466 font-size: 0.8em;
3467 text-align: center;
3468}
3469.block .minicalendar td.weekend {
3470 color: #999;
3471}
3472.block .minicalendar td a {
3473 width: 100%;
3474 height: 100%;
3475 display: block;
3476}
3477.block .minicalendar td.duration_global {
3478 border-top: 1px solid #d6f8cd;
3479 border-bottom: 1px solid #d6f8cd;
3480}
3481.block .minicalendar td.duration_global.duration_finish {
3482 background-color: #d6f8cd;
3483}
3484.block .minicalendar td.duration_course {
3485 border-top: 1px solid #ffd3bd;
3486 border-bottom: 1px solid #ffd3bd;
3487}
3488.block .minicalendar td.duration_course.duration_finish {
3489 background-color: #ffd3bd;
3490}
3491.block .minicalendar td.duration_group {
3492 border-top: 1px solid #fee7ae;
3493 border-bottom: 1px solid #fee7ae;
3494}
3495.block .minicalendar td.duration_group.duration_finish {
3496 background-color: #fee7ae;
3497}
3498.block .minicalendar td.duration_user {
3499 border-top: 1px solid #dce7ec;
3500 border-bottom: 1px solid #dce7ec;
3501}
3502.block .minicalendar td.duration_user.duration_finish {
3503 background-color: #dce7ec;
3504}
3505.block .minicalendar caption {
3506 font-size: inherit;
3507 font-weight: inherit;
3508 line-height: inherit;
3509 text-align: center;
3510}
3511.block .calendar-event-panel {
3512 background-color: #eee;
3513 border: 1px solid #eee;
3514}
3515.block .calendar-event-panel .yui3-overlay-content {
3516 padding: 19px;
3517 background-color: #fdfdfd;
3518 border: 1px solid #e3e3e3;
3519 -webkit-border-radius: 4px;
3520 -moz-border-radius: 4px;
3521 border-radius: 4px;
3522 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3523 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3524 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3525}
3526.block .calendar-event-panel .yui3-overlay-content h2.eventtitle {
3527 line-height: 1.2;
3528 font-size: 18px;
3529}
3530.block .calendar-event-panel .yui3-overlay-content .eventcontent img {
3531 padding-right: 5px;
3532}
3533.block .calendar-controls .previous,
3534.block .calendar-controls .current,
3535.block .calendar-controls .next {
3536 display: block;
3537 float: left;
3538}
3539.block .calendar-controls .previous {
3540 text-align: left;
3541 width: 12%;
3542}
3543.block .calendar-controls .current {
3544 text-align: center;
3545 width: 76%;
3546}
3547.block .calendar-controls .next {
3548 text-align: right;
3549 width: 12%;
3550}
3551.block .calendar_filters ul {
3552 list-style: none;
3553 margin: 0;
3554}
3555.block .calendar_filters li {
3556 margin-bottom: 0.2em;
3557}
3558.block .calendar_filters li span img {
3559 padding: 0 0.2em;
3560}
3561.block .calendar_filters .eventname {
3562 padding-left: 0.2em;
3563}
3564.block .content h3.eventskey {
3565 margin-top: 0.5em;
3566}
3567.ical-link {
3568 font-size: 10px;
3569 font-weight: bold;
3570 background-color: #f60;
cdcfc4bc 3571 padding: 0 5px;
d99949ab
FM
3572 color: #fff;
3573 border-top: 1px solid #f93;
3574 border-left: 1px solid #f93;
3575 border-bottom: 1px solid #013;
3576 border-right: 1px solid #013;
3577}
3578.ical-link:hover,
3579.ical-link:active,
3580.ical-link:focus,
3581.ical-link:visited {
3582 color: #fff;
3583 text-decoration: none;
3584}
3585@media (min-width: 768px) {
3586 #page-calender-view .container-fluid {
3587 min-width: 1024px;
3588 }
3589}
3590/* course.less */
3591/* COURSE CONTENT */
3592/* stylelint-disable unit-blacklist */
3593.section_add_menus {
3594 text-align: right;
3595 clear: both;
3596}
3597.section-modchooser {
3598 clear: both;
3599}
3600.section_add_menus .horizontal div,
3601.section_add_menus .horizontal form {
3602 display: inline;
3603}
3604.section_add_menus optgroup {
3605 font-weight: normal;
3606 font-style: italic;
3607}
3608.section_add_menus .urlselect {
3609 margin-left: .4em;
3610}
3611.section_add_menus .urlselect select {
3612 margin-left: .2em;
3613}
3614.section_add_menus .urlselect img.iconhelp {
3615 padding: 0;
3616 margin: 0;
3617 vertical-align: text-bottom;
3618}
3619.sitetopic ul.section {
3620 margin: 0;
3621}
3622.course-content ul.section {
3623 margin: 1em;
3624}
3625.section .side.left {
3626 float: left;
3627}
3628.section .side.right {
3629 float: right;
3630}
3631.section .spinner {
3632 height: 16px;
3633 width: 16px;
3634}
3635.section .activity {
3636 /* The command block for each activity */
3637}
3638.section .activity .spinner {
3639 left: 100%;
3640 position: absolute;
d99949ab
FM
3641}
3642.section .activity .editing_move {
3643 /* Move the move icon to the start of the line */
3644 position: absolute;
3645 left: 0;
3646 top: 0;
3647}
3648.section .activity .mod-indent-outer {
3649 /**
3650 * Add appropriate padding such that nothing overlaps the
3651 * absolute positioned move icon.
3652 */
3653 padding-left: 32px;
3654}
3655.section .activity .actions {
3656 position: absolute;
3657 right: 0;
3658 top: 0;
3659}
3660.section .activity .contentwithoutlink,
3661.section .activity .activityinstance {
3662 min-width: 40%;
3663 display: table-cell;
3664 padding-right: 4px;
3665 min-height: 2em;
3666}
3667.section .activity .contentwithoutlink .dimmed img.activityicon,
3668.section .activity .activityinstance .dimmed img.activityicon {
3669 opacity: 0.5;
3670 filter: alpha(opacity=50);
3671}
3672.section .label .contentwithoutlink,
3673.section .label .activityinstance {
3674 padding-right: 32px;
3675 display: block;
3676 height: inherit;
3677}
3678.section .label .mod-indent-outer {
3679 padding-left: 24px;
3680 display: block;
3681}
3682.section .filler {
3683 width: 16px;
3684 height: 16px;
3685 padding: 0.3em;
3686 display: inline-block;
3687}
3688.section .activity.editor_displayed a.editing_title,
3689.section .activity.editor_displayed .moodle-actionmenu {
3690 display: none;
3691}
3692.section .activity.editor_displayed div.activityinstance {
3693 padding-right: initial;
3694}
3695.section .activity.editor_displayed div.activityinstance input {
3696 margin-bottom: initial;
3697 padding-top: initial;
3698 padding-bottom: initial;
3699 vertical-align: text-bottom;
3700}
3701.activity img.activityicon {
3702 margin-right: 6px;
3703 vertical-align: text-bottom;
3704}
3705.section .activity .activityinstance,
3706.section .activity .activityinstance div {
3707 display: inline-block;
3708}
3709.editing .section .activity .contentwithoutlink,
3710.editing .section .activity .activityinstance {
3711 padding-right: 200px;
3712}
3713.editing_show + .editing_assign,
3714.editing_hide + .editing_assign {
3715 margin-left: 20px;
3716}
3717.section .activity .commands {
3718 white-space: nowrap;
3719 display: inline;
3720}
3721.section .activity.modtype_label.label {
3722 font-weight: normal;
3723 padding: .2em;
3724}
3725.section li.activity {
3726 padding: .2em;
3727 clear: both;
3728}
3729.section .activity .activityinstance .groupinglabel {
3730 padding-left: 30px;
3731}
3732.section .activity .availabilityinfo,
3733.section .activity .contentafterlink {
3734 margin-top: 0.5em;
3735 margin-left: 30px;
3736}
3737.section .activity .contentafterlink p {
3738 margin: .5em 0;
3739}
3740.editing .section .activity:hover,
3741.editing .section .activity.action-menu-shown {
3742 background-color: #eee;
3743}
3744.course-content .current {
3745 background-color: #d9edf7;
3746}
3747.course-content .section-summary {
3748 border: 1px solid #ddd;
3749 margin-top: 5px;
3750 list-style: none;
3751}
3752.course-content .section-summary .section-title {
3753 margin: 2px 5px 10px 5px;
3754}
3755.course-content .section-summary .summarytext {
3756 margin: 2px 5px 2px 5px;
3757}
3758.course-content .section-summary .section-summary-activities .activity-count {
3759 color: #999;
3760 font-size: 11.9px;
3761 margin: 3px;
3762 white-space: nowrap;
3763 display: inline-block;
3764}
3765.course-content .section-summary .summary {
3766 margin-top: 5px;
3767}
3768.course-content .single-section {
3769 margin-top: 1em;
3770}
3771.course-content .single-section .section-navigation {
3772 display: block;
3773 padding: 0.5em;
3774 margin-bottom: -0.5em;
3775}
3776.course-content .single-section .section-navigation .title {
3777 font-weight: bold;
3778 font-size: 108%;
3779 clear: both;
3780}
3781.course-content .single-section .section-navigation .mdl-left {
3782 font-weight: normal;
3783 float: left;
3784 margin-right: 1em;
3785}
3786.course-content .single-section .section-navigation .mdl-left .larrow {
3787 margin-right: 0.1em;
3788}
3789.course-content .single-section .section-navigation .mdl-right {
3790 font-weight: normal;
3791 float: right;
3792 margin-left: 1em;
3793}
3794.course-content .single-section .section-navigation .mdl-right .rarrow {
3795 margin-left: 0.1em;
3796}
3797.course-content .single-section .section-navigation .mdl-bottom {
3798 margin-top: 0;
3799}
3800.course-content ul li.section.main {
3801 border-bottom: 2px solid #ddd;
3802 margin-top: 0;
3803}
3804.course-content ul li.section.hidden .sectionname > span,
3805.course-content ul li.section.hidden .content > div,
3806.course-content ul li.section.hidden .activity .activityinstance {
3807 opacity: .5;
3808}
3809.course-content ul li.section.hidden .sectionname > span,
3810.course-content ul li.section.hidden .activity .activityinstance {
3811 margin-left: 10px;
3812 margin-right: 10px;
3813}
3814.course-content ul.topics li.section .content,
3815.course-content ul.weeks li.section .content {
3816 margin-right: 20px;
3817 margin-left: 20px;
3818 padding: 0;
3819}
3820.course-content {
3821 margin-top: 0;
3822}
3823.course-content ul.topics li.section {
3824 padding-bottom: 20px;
3825}
3826.course-content ul.topics li.section .summary {
3827 margin-left: 25px;
3828}
3829.course-content li.section ul {
3830 list-style: disc;
3831}
3832.course-content li.section ul ul {
3833 list-style: circle;
3834}
3835.course-content li.section ul ul ul {
3836 list-style: square;
3837}
3838.course-content li.section li.activity ul {
3839 list-style: disc;
3840}
3841.course-content li.section li.activity ul ul {
3842 list-style: circle;
3843}
3844.course-content li.section li.activity ul ul ul {
3845 list-style: square;
3846}
3847.path-course-view .completionprogress {
3848 margin-left: 25px;
3849}
3850.path-course-view .completionprogress {
3851 display: block;
3852 float: right;
3853 height: 20px;
3854 position: relative;
3855}
3856#page-site-index .subscribelink {
3857 text-align: right;
3858}
3859#site-news-forum h2,
3860#frontpage-course-list h2,
3861#frontpage-category-names h2,
3862#frontpage-category-combo h2 {
3863 margin-bottom: 9px;
3864}
3865.path-course-view a.reduce-sections {
3866 padding-left: 0.2em;
3867}
3868.path-course-view .subscribelink {
3869 text-align: right;
3870}
3871.path-course-view .unread {
3872 margin-left: 30px;
3873}
3874.path-course-view .block.drag .header {
3875 cursor: move;
3876}
3877.path-course-view .completionprogress {
3878 text-align: right;
3879}
3880.path-course-view .single-section .completionprogress {
3881 margin-right: 5px;
3882}
3883.path-course-view .section .summary {
3884 line-height: normal;
3885}
3886.path-site li.activity > div,
3887.path-course-view li.activity > div {
3888 position: relative;
3889 padding: 0 16px 0 0;
3890 /* to accommodate the floated completion icon with highlighting */
3891}
3892.path-course-view li.activity span.autocompletion img {
3893 vertical-align: text-bottom;
3894}
3895.path-course-view li.activity form.togglecompletion img {
3896 max-width: none;
3897 /* The width is 0 so ensure we don't end up with a relative max-width */
3898}
3899.path-course-view li.activity form.togglecompletion .ajaxworking {
3900 width: 16px;
3901 height: 16px;
3902 position: absolute;
3903 right: 22px;
3904 top: 3px;
3905 background: url([[pix:i/ajaxloader]]) no-repeat;
3906}
3907li.section.hidden span.commands a.editing_hide,
3908li.section.hidden span.commands a.editing_show {
3909 cursor: default;
3910}
3911ul.weeks h3.sectionname {
3912 white-space: nowrap;
3913}
3914.editing ul.weeks h3.sectionname {
3915 white-space: normal;
3916}
3917.single-section h3.sectionname {
3918 text-align: center;
3919 clear: both;
3920}
3921.section img.movetarget {
3922 height: 16px;
3923 width: 80px;
3924}
3925input.titleeditor {
3926 width: 330px;
3927 vertical-align: text-bottom;
3928}
3929span.editinstructions {
3930 position: absolute;
3931 top: 0;
3932 margin-top: -22px;
3933 margin-left: 30px;
3934 line-height: 16px;
3935 font-size: 11.9px;
3936 padding: .1em .4em;
3937 background-color: #d9edf7;
3938 color: #3a87ad;
3939 text-decoration: none;
3940 z-index: 9999;
3941 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3942 -moz-box-shadow: 2px 2px 5px 1px #ccc;
3943 box-shadow: 2px 2px 5px 1px #ccc;
3944 border: 1px solid #bce8f1;
3945}
3946/* Course drag and drop upload styles */
3947#dndupload-status {
3948 position: fixed;
3949 left: 0;
3950 width: 40%;
3951 margin: 0 30%;
3952 padding: 6px;
3953 border: 1px solid #bce8f1;
3954 text-align: center;
3955 background: #d9edf7;
3956 color: #3a87ad;
3957 z-index: 1;
3958 -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3959 -moz-box-shadow: 2px 2px 5px 1px #ccc;
3960 box-shadow: 2px 2px 5px 1px #ccc;
3961 -webkit-border-radius: 8px;
3962 -moz-border-radius: 8px;
3963 border-radius: 8px;
3964}
3965.dndupload-preview {
3966 color: #909090;
3967 border: 1px dashed #909090;
3968 list-style: none;
3969 margin-top: .2em;
3970 padding: .3em;
3971}
3972.dndupload-preview img.icon {
3973 vertical-align: text-bottom;
3974 padding: 0;
3975}
3976.dndupload-progress-outer {
3977 overflow: hidden;
3978 height: 20px;
3979 margin-bottom: 20px;
3980 background-color: #f7f7f7;
3981 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
3982 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
3983 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
3984 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
3985 background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
3986 background-repeat: repeat-x;
3987 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
3988 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3989 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3990 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3991 -webkit-border-radius: 4px;
3992 -moz-border-radius: 4px;
3993 border-radius: 4px;
3994}
3995.dndupload-progress-inner {
3996 width: 0%;
3997 height: 100%;
3998 color: #fff;
3999 float: left;
4000 font-size: 12px;
4001 text-align: center;
4002 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4003 background-color: #0e90d2;
4004 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
4005 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
4006 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
4007 background-image: -o-linear-gradient(top, #149bdf, #0480be);
4008 background-image: linear-gradient(to bottom, #149bdf, #0480be);
4009 background-repeat: repeat-x;
4010 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
4011 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4012 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4013 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4014 -webkit-box-sizing: border-box;
4015 -moz-box-sizing: border-box;
4016 box-sizing: border-box;
4017 -webkit-transition: width 0.6s ease;
4018 -moz-transition: width 0.6s ease;
4019 -o-transition: width 0.6s ease;
4020 transition: width 0.6s ease;
4021}
4022.dndupload-hidden {
4023 display: none;
4024}
4025/* COURSES LISTINGS AND COURSE SUMMARY */
4026#page-course-pending .singlebutton,
4027#page-course-index .singlebutton,
4028#page-course-index-category .singlebutton,
4029#page-course-editsection .singlebutton {
4030 text-align: center;
4031}
4032#page-admin-course-manage #movecourses td img {
4033 margin: 0 .22em;
4034 vertical-align: text-bottom;
4035}
4036#page-admin-course-manage #movecourses td img.icon {
4037 padding: 0;
4038}
4039#coursesearch {
4040 margin-top: 1em;
4041 text-align: center;
4042}
4043#page-course-pending .pendingcourserequests {
4044 margin-bottom: 1em;
4045}
4046#page-course-pending .pendingcourserequests .singlebutton {
4047 display: inline;
4048}
4049#page-course-pending .pendingcourserequests .cell {
4050 padding: 0 5px;
4051}
4052#page-course-pending .pendingcourserequests .cell.c6 {
4053 white-space: nowrap;
4054}
4055.coursebox {
4056 margin-bottom: 15px;
4057 border: 1px dotted #ddd;
4058 -webkit-border-radius: 4px;
4059 -moz-border-radius: 4px;
4060 border-radius: 4px;
4061 padding: 5px;
4062}
4063.coursebox > .info > .coursename a {
4064 display: block;
4065 background-image: url([[pix:moodle|i/course]]);
4066 background-repeat: no-repeat;
4067 padding-left: 21px;
4068 background-position: left 0.2em;
4069}
4070.coursebox > .info > .coursename,
4071.coursebox .content .teachers,
4072.coursebox .content .courseimage,
4073.coursebox .content .coursefile {
4074 float: left;
4075 clear: left;
4076}
4077.coursebox .content .teachers,
4078.coursebox .content .courseimage,
4079.coursebox .content .coursefile {
4080 width: 40%;
4081}
4082.coursebox > .info > h3.coursename {
4083 margin: 5px;
4084 line-height: 1;
4085}
4086.coursebox > .info > .coursename {
4087 margin: 5px;
4088 padding: 0;
4089}
4090.coursebox .content .teachers li {
4091 list-style-type: none;
4092 padding: 0;
4093 margin: 0;
4094}
4095.coursebox .enrolmenticons {
4096 padding: 3px 0;
4097 float: right;