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