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