Merge branch 'MDL-56532-master' of git://github.com/andrewnicols/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 #page-admin-roles-define .topfields {
2755   margin: 1em 0 2em;
2757 #page-admin-roles-define .capdefault {
2758   background-color: #f5f5f5;
2759   border: 1px solid #ddd;
2761 #page-filter-manage .backlink,
2762 .path-admin-roles .backlink {
2763   margin-top: 1em;
2765 #page-admin-roles-explain #chooseuser h3,
2766 #page-admin-roles-usersroles .contextname {
2767   margin-top: 0;
2769 #page-admin-roles-explain #chooseusersubmit {
2770   margin-top: 0;
2771   text-align: center;
2773 #page-admin-roles-usersroles p {
2774   margin: 0;
2776 #page-admin-roles-override .cell.c1,
2777 #page-admin-roles-assign .cell.c3,
2778 #page-admin-roles-assign .cell.c1 {
2779   padding-top: 0.75em;
2781 #page-admin-roles-override .overridenotice,
2782 #page-admin-roles-define .definenotice {
2783   margin: 1em 10% 2em 10%;
2784   text-align: left;
2786 #notice {
2787   width: 60%;
2788   min-width: 220px;
2789   margin: auto;
2791 #page-admin-index .releasenoteslink,
2792 #page-admin-index .adminwarning,
2793 #page-admin-index .adminerror {
2794   margin: auto;
2795   padding: 8px 35px 8px 14px;
2796   margin-bottom: 20px;
2797   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2798   background-color: #fcf8e3;
2799   border: 1px solid #fbeed5;
2800   -webkit-border-radius: 4px;
2801   -moz-border-radius: 4px;
2802   border-radius: 4px;
2803   color: #8a6d3b;
2804   width: 60%;
2805   min-width: 220px;
2807 #page-admin-index .adminerror {
2808   background-color: #f2dede;
2809   border-color: #eed3d7;
2810   color: #b94a48;
2812 #page-admin-index .releasenoteslink {
2813   background-color: #d9edf7;
2814   border-color: #bce8f1;
2815   color: #3a87ad;
2817 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
2818   display: block;
2820 #page-admin-index .updateplugin div {
2821   margin-bottom: 0.5em;
2823 #page-admin-index .updateplugin .updatepluginconfirmexternal {
2824   padding: 1em;
2825   background-color: #f2dede;
2826   border: 1px solid #eed3d7;
2828 #page-admin-user-user_bulk #users .fgroup {
2829   white-space: nowrap;
2831 #page-admin-report-stats-index .graph {
2832   text-align: center;
2833   margin-bottom: 1em;
2835 #page-admin-report-courseoverview-index .graph {
2836   text-align: center;
2837   margin-bottom: 1em;
2839 #page-admin-lang .translator {
2840   border-width: 1px;
2841   border-style: solid;
2843 .path-admin .roleassigntable {
2844   width: 100%;
2846 .path-admin .roleassigntable td {
2847   vertical-align: top;
2848   padding: 0.2em 0.3em;
2850 .path-admin .roleassigntable p {
2851   text-align: left;
2852   margin: 0.2em 0;
2854 .path-admin .roleassigntable #existingcell,
2855 .path-admin .roleassigntable #potentialcell {
2856   width: 42%;
2858 .path-admin .roleassigntable #existingcell p > label:first-child,
2859 .path-admin .roleassigntable #potentialcell p > label:first-child {
2860   font-weight: bold;
2862 .path-admin .roleassigntable #buttonscell {
2863   width: 16%;
2865 .path-admin .roleassigntable #buttonscell #assignoptions {
2866   font-size: 10.5px;
2868 .path-admin .roleassigntable #removeselect_wrapper,
2869 .path-admin .roleassigntable #addselect_wrapper {
2870   width: 100%;
2872 .path-admin table.rolecap tr.rolecap th {
2873   text-align: left;
2874   font-weight: normal;
2876 .path-admin .rolecap .hiddenrow {
2877   display: none;
2879 .path-admin #defineroletable .rolecap .inherit,
2880 .path-admin #defineroletable .rolecap .allow,
2881 .path-admin #defineroletable .rolecap .prevent,
2882 .path-admin #defineroletable .rolecap .prohibit {
2883   text-align: center;
2884   padding: 0;
2885   min-width: 3.5em;
2887 .path-admin .rolecap .cap-name,
2888 .path-admin .rolecap .note {
2889   display: block;
2890   font-size: 10.5px;
2891   white-space: nowrap;
2892   font-weight: normal;
2894 .path-admin .rolecap label {
2895   display: block;
2896   text-align: center;
2897   padding: 0.5em;
2898   margin: 0;
2900 .plugincheckwrapper {
2901   width: 100%;
2903 .environmentbox {
2904   margin-top: 1em;
2906 #mnetconfig table {
2907   margin-left: auto;
2908   margin-right: auto;
2910 .environmenttable .cell {
2911   padding: .15em .5em;
2913 .environmenttable img.iconhelp {
2914   padding-right: .3em;
2916 #trustedhosts .generaltable {
2917   margin-left: auto;
2918   margin-right: auto;
2919   width: 500px;
2921 #trustedhosts .standard {
2922   width: auto;
2924 #adminsettings legend {
2925   display: none;
2927 #adminsettings fieldset.error {
2928   margin: .2em 0 .5em 0;
2930 #adminsettings fieldset.error legend {
2931   display: block;
2933 /*rtl:ignore*/
2934 #admin-spelllanguagelist textarea,
2935 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
2936   text-align: left;
2937   direction: ltr;
2939 /* Styles for flags on admin settings */
2940 .adminsettingsflags {
2941   float: right;
2943 .adminsettingsflags label {
2944   margin-right: 7px;
2946 .form-description {
2947   clear: right;
2949 .form-description pre,
2950 .formsettingheading pre {
2951   /* Code examples should be left aligned. */
2952   /*rtl:ignore*/
2953   direction: ltr;
2955 .form-item .form-setting .form-htmlarea {
2956   display: inline;
2958 .form-item .form-setting .form-htmlarea .htmlarea {
2959   width: 640px;
2960   display: block;
2962 .form-item .form-setting .form-multicheckbox ul {
2963   list-style: none;
2964   padding: 0;
2965   margin: 7px 0 0 0;
2967 .form-item .form-setting .defaultsnext {
2968   margin-right: 0.5em;
2969   display: inline;
2971 .form-item .form-setting .locked-checkbox {
2972   margin-right: 0.2em;
2973   margin-left: 0.5em;
2974   display: inline;
2976 .form-item .form-setting .form-password .unmask,
2977 .form-item .form-setting .form-defaultinfo {
2978   display: inline-block;
2980 .form-item .pathok,
2981 .form-item .patherror {
2982   margin-left: 0.5em;
2984 #admin-emoticons td input {
2985   width: 8em;
2987 #admin-emoticons td.c0 input {
2988   width: 4em;
2990 #adminthemeselector .selectedtheme td.c0 {
2991   border: 1px solid #000;
2992   border-right-width: 0;
2994 #adminthemeselector .selectedtheme td.c1 {
2995   border: 1px solid #000;
2996   border-left-width: 0;
2998 .admin_colourpicker,
2999 .admin_colourpicker_preview {
3000   display: none;
3002 .jsenabled .admin_colourpicker_preview {
3003   display: inline;
3005 .jsenabled .admin_colourpicker {
3006   display: block;
3007   height: 102px;
3008   width: 410px;
3009   margin-bottom: 10px;
3011 .admin_colourpicker .loadingicon {
3012   vertical-align: middle;
3013   margin-left: auto;
3015 .admin_colourpicker .colourdialogue {
3016   float: left;
3017   border: 1px solid #000;
3019 .admin_colourpicker .previewcolour {
3020   border: 1px solid #000;
3021   margin-left: 301px;
3023 .admin_colourpicker .currentcolour {
3024   border: 1px solid #000;
3025   margin-left: 301px;
3026   border-top-width: 0;
3028 #page-admin-index #notice .checkforupdates {
3029   text-align: center;
3031 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
3032   background-color: #d9edf7;
3034 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
3035 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
3036   background-color: #fcf8e3;
3038 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
3039   background-color: #f2dede;
3041 #page-admin-plugins #plugins-overview-panel .info {
3042   display: inline-block;
3043   margin-right: 1em;
3045 #page-admin-plugins .checkforupdates {
3046   margin: 10px 0;
3048 #page-admin-plugins .checkforupdates .singlebutton {
3049   margin: 5px 0;
3050   padding: 0;
3052 #page-admin-plugins .checkforupdates .singlebutton div,
3053 #page-admin-plugins .checkforupdates .singlebutton input {
3054   margin: 0 3px 0 0;
3056 #page-admin-plugins .updateavailableinstallall {
3057   margin: 5px 0;
3058   padding: 0;
3060 #page-admin-plugins .updateavailableinstallall div,
3061 #page-admin-plugins .updateavailableinstallall input {
3062   margin: 0 3px 5px 0;
3064 #page-admin-plugins #plugins-control-panel .status-missing td {
3065   background-color: #f2dede;
3067 #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
3068   padding-top: 0;
3069   padding-bottom: 0;
3071 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
3072   font-size: 11.9px;
3073   color: #999;
3074   margin-left: 22px;
3076 #page-admin-plugins #plugins-control-panel .version .versionnumber {
3077   font-size: 11.9px;
3078   color: #999;
3080 #page-admin-plugins #plugins-control-panel .uninstall a {
3081   color: #b94a48;
3083 #page-admin-plugins #plugins-control-panel .notes .label {
3084   margin-right: 3px;
3086 #page-admin-plugins #plugins-control-panel .notes .requiredby {
3087   font-size: 11.9px;
3088   color: #999;
3090 #plugins-check-page .page-description {
3091   color: #999;
3093 #plugins-check-page .checkforupdates .singlebutton {
3094   margin: 5px 0;
3095   padding: 0;
3097 #plugins-check-page .checkforupdates .singlebutton div,
3098 #plugins-check-page .checkforupdates .singlebutton input {
3099   margin: 0 3px 0 0;
3101 #plugins-check-page #plugins-check-info .actions > div {
3102   display: inline-block;
3103   margin-right: 1em;
3105 #plugins-check-page #plugins-check-info .actions .singlebutton {
3106   margin: 5px 0;
3107   padding: 0;
3109 #plugins-check-page #plugins-check-info .actions .singlebutton div,
3110 #plugins-check-page #plugins-check-info .actions .singlebutton input {
3111   margin: 0 3px 0 0;
3113 #plugins-check-page #plugins-check .requires-ok {
3114   color: #999;
3116 #plugins-check-page #plugins-check .status-missing td,
3117 #plugins-check-page #plugins-check .status-downgrade td {
3118   background-color: #f2dede;
3120 #plugins-check-page #plugins-check .displayname .pluginicon {
3121   margin-right: 5px;
3122   width: 16px;
3124 #plugins-check-page #plugins-check .displayname .plugindir {
3125   color: #999;
3126   font-size: 11.9px;
3128 #plugins-check-page #plugins-check .requires ul {
3129   margin-left: 13px;
3131 #plugins-check-page #plugins-check .status .actionbutton {
3132   margin: 5px 0;
3133   padding: 0;
3135 #plugins-check-page #plugins-check .status .actionbutton input {
3136   margin: 0;
3138 #plugins-check-page .plugins-check-dependencies-actions > div {
3139   display: inline-block;
3140   margin-right: 1em;
3142 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
3143   margin: 5px 0;
3144   padding: 0;
3146 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
3147 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
3148   margin: 0 3px 0 0;
3150 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
3151   font-size: 11.9px;
3152   color: #999;
3154 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
3155   display: inline-block;
3156   margin-right: 1em;
3158 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
3159   display: block;
3160   margin: 5px 0;
3161   padding: 0;
3163 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
3164   margin: 0;
3166 #plugins-check-page .pluginupdateinfo,
3167 #plugins-control-panel .pluginupdateinfo {
3168   background-color: #d9edf7;
3169   padding: 5px;
3170   margin: 10px 0;
3171   -webkit-border-radius: 5px;
3172   -moz-border-radius: 5px;
3173   border-radius: 5px;
3175 #plugins-check-page .pluginupdateinfo.maturity50,
3176 #plugins-control-panel .pluginupdateinfo.maturity50 {
3177   background-color: #f2dede;
3179 #plugins-check-page .pluginupdateinfo.maturity100,
3180 #plugins-control-panel .pluginupdateinfo.maturity100,
3181 #plugins-check-page .pluginupdateinfo.maturity150,
3182 #plugins-control-panel .pluginupdateinfo.maturity150 {
3183   background-color: #fcf8e3;
3185 #plugins-check-page .pluginupdateinfo .info,
3186 #plugins-control-panel .pluginupdateinfo .info {
3187   display: inline-block;
3189 #plugins-check-page .pluginupdateinfo .separator:after,
3190 #plugins-control-panel .pluginupdateinfo .separator:after {
3191   content: " | ";
3193 #plugins-check-page .pluginupdateinfo .singlebutton,
3194 #plugins-control-panel .pluginupdateinfo .singlebutton {
3195   margin: 5px 0;
3196   padding: 0;
3198 #plugins-check-page .pluginupdateinfo .singlebutton div,
3199 #plugins-control-panel .pluginupdateinfo .singlebutton div,
3200 #plugins-check-page .pluginupdateinfo .singlebutton input,
3201 #plugins-control-panel .pluginupdateinfo .singlebutton input {
3202   margin: 0 3px 0 0;
3204 .plugins-management-confirm-buttons > div {
3205   display: inline-block;
3206   margin: 1em 1em 1em 0;
3208 .plugins-management-confirm-buttons .continue {
3209   padding: 0;
3211 .plugins-management-confirm-buttons .continue div,
3212 .plugins-management-confirm-buttons .continue input {
3213   margin: 0;
3215 .uninstalldeleteconfirmexternal {
3216   background-color: #fcf8e3;
3217   padding: 0.5em 1em;
3218   margin: 5px 0 10px 0;
3220 #page-admin-index .upgradepluginsinfo {
3221   text-align: center;
3223 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
3224   content: " | ";
3226 #plugins-check .pluginupdateinfo {
3227   text-align: center;
3228   /*rtl:ignore*/
3229   direction: ltr;
3231 #plugins-check .requires-ok {
3232   /*rtl:ignore*/
3233   text-align: left;
3234   /*rtl:ignore*/
3235   direction: ltr;
3237 /** MNet networking */
3238 #page-admin-mnet-peers .box.deletedhosts {
3239   margin-bottom: 1em;
3240   font-size: 11.9px;
3242 #page-admin-mnet-peers .mform .deletedhostinfo {
3243   background-color: #f2dede;
3244   border: 2px solid #eed3d7;
3245   padding: 4px;
3246   margin-bottom: 5px;
3248 #core-cache-plugin-summaries table,
3249 #core-cache-store-summaries table {
3250   width: 100%;
3252 #core-cache-lock-summary table,
3253 #core-cache-definition-summaries table,
3254 #core-cache-mode-mappings table {
3255   margin: 0 auto;
3257 #core-cache-store-summaries .default-store td {
3258   font-style: italic;
3260 #core-cache-rescan-definitions,
3261 #core-cache-mode-mappings .edit-link,
3262 #core-cache-lock-summary .new-instance {
3263   margin-top: 0.5em;
3264   text-align: center;
3266 .tinymcesubplugins img.icon {
3267   padding-top: 0;
3268   padding-bottom: 0;
3270 .maintenancewarning {
3271   padding: 3px 1em;
3272   text-align: center;
3273   position: fixed;
3274   bottom: 0;
3275   right: 0;
3276   overflow: hidden;
3277   z-index: 1;
3279 .maintenancewarning.error {
3280   color: #b94a48;
3281   background-color: #f2dede;
3282   border: 2px solid #eed3d7;
3283   font-weight: bold;
3285 .maintenancewarning.warning {
3286   color: #8a6d3b;
3287   background-color: #fcf8e3;
3288   border: 2px solid #fbeed5;
3290 #adminsettings .form-overridden {
3291   color: #3a87ad;
3292   background-color: #d9edf7;
3294 /* calendar.less */
3295 .calendar_event_course {
3296   background-color: #ffd3bd;
3298 .calendar_event_global {
3299   background-color: #d6f8cd;
3301 .calendar_event_group {
3302   background-color: #fee7ae;
3304 .calendar_event_user {
3305   background-color: #dce7ec;
3307 .path-calendar .calendartable {
3308   width: 100%;
3310 .path-calendar .calendartable th,
3311 .path-calendar .calendartable td {
3312   width: 14%;
3313   vertical-align: top;
3314   text-align: center;
3315   border: 0;
3317 .path-calendar .calendar-controls .previous,
3318 .path-calendar .calendar-controls .next,
3319 .path-calendar .calendar-controls .current {
3320   display: block;
3321   float: left;
3322   width: 12%;
3324 .path-calendar .calendar-controls .previous {
3325   text-align: left;
3327 .path-calendar .calendar-controls .current {
3328   text-align: center;
3329   width: 76%;
3331 .path-calendar .calendar-controls .next {
3332   text-align: right;
3334 .path-calendar .filters table {
3335   border-collapse: separate;
3336   border-spacing: 2px;
3337   width: 100%;
3339 .path-calendar .cal_courses_flt {
3340   float: left;
3342 .path-calendar .cal_courses_flt label {
3343   margin-right: .45em;
3345 .path-calendar .maincalendar {
3346   vertical-align: top;
3347   padding: 0;
3349 .path-calendar .maincalendar .bottom {
3350   text-align: center;
3351   padding: 5px 0 0 0;
3353 .path-calendar .maincalendar .heightcontainer {
3354   height: 100%;
3355   position: relative;
3357 .path-calendar .maincalendar .calendarmonth {
3358   width: 98%;
3359   margin: 10px auto;
3361 .path-calendar .maincalendar .calendarmonth ul {
3362   margin: 0;
3364 .path-calendar .maincalendar .calendarmonth ul li {
3365   list-style-type: none;
3366   margin-top: 4px;
3368 .path-calendar .maincalendar .calendarmonth td {
3369   height: 5em;
3371 .path-calendar .maincalendar .calendar-controls .previous,
3372 .path-calendar .maincalendar .calendar-controls .next {
3373   width: 30%;
3375 .path-calendar .maincalendar .calendar-controls .current {
3376   width: 39.95%;
3378 .path-calendar .maincalendar .controls {
3379   width: 98%;
3380   margin: 10px auto;
3382 .path-calendar .maincalendar .calendar_event_course,
3383 .path-calendar .maincalendar .calendar_event_global,
3384 .path-calendar .maincalendar .calendar_event_group,
3385 .path-calendar .maincalendar .calendar_event_user {
3386   border-width: 1px 1px 1px 12px;
3387   border-style: solid;
3389 .path-calendar .maincalendar .calendar_event_course {
3390   border-color: #ffd3bd;
3392 .path-calendar .maincalendar .calendar_event_global {
3393   border-color: #d6f8cd;
3395 .path-calendar .maincalendar .calendar_event_group {
3396   border-color: #fee7ae;
3398 .path-calendar .maincalendar .calendar_event_user {
3399   border-color: #dce7ec;
3401 .path-calendar .maincalendar .calendar-event-panel {
3402   background-color: #eee;
3403   border: 2px solid #eee;
3405 .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
3406   padding: 19px;
3407   background-color: #fdfdfd;
3408   border: 1px solid #e3e3e3;
3409   -webkit-border-radius: 4px;
3410   -moz-border-radius: 4px;
3411   border-radius: 4px;
3412   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3413   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3414   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3416 .path-calendar .maincalendar .calendar-controls .current {
3417   font-family: inherit;
3418   font-weight: bold;
3419   color: inherit;
3420   font-size: 25px;
3421   line-height: 1.2;
3423 .path-calendar .maincalendar .calendartable td,
3424 .path-calendar .maincalendar .calendartable li {
3425   padding: 5px;
3427 .path-calendar .maincalendar .calendartable li {
3428   padding-left: 10px;
3429   text-align: left;
3431 .path-calendar .maincalendar .header {
3432   overflow: hidden;
3434 .path-calendar .maincalendar .header .buttons {
3435   float: right;
3437 .path-calendar .maincalendar .eventlist {
3438   margin: 0;
3440 .path-calendar .maincalendar .eventlist .event {
3441   width: 92%;
3442   border-spacing: 0;
3443   border-collapse: separate;
3444   position: relative;
3445   padding: 20px 4%;
3446   margin-bottom: 20px;
3447   background-color: #fdfdfd;
3448   border: 1px solid #e3e3e3;
3449   -webkit-border-radius: 4px;
3450   -moz-border-radius: 4px;
3451   border-radius: 4px;
3452   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3453   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3454   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3455   list-style-type: none;
3457 .path-calendar .maincalendar .eventlist .event > img {
3458   padding-top: 3px;
3459   float: left;
3461 .path-calendar .maincalendar .eventlist .event .name {
3462   font-size: 17.5px;
3463   font-weight: 200;
3464   line-height: 24px;
3465   float: left;
3466   margin: 0;
3468 .path-calendar .maincalendar .eventlist .event .name,
3469 .path-calendar .maincalendar .eventlist .event .course {
3470   margin-bottom: 5px;
3472 .path-calendar .maincalendar .eventlist .event .date {
3473   float: right;
3475 .path-calendar .maincalendar .eventlist .event .course,
3476 .path-calendar .maincalendar .eventlist .event .subscription {
3477   float: left;
3478   clear: left;
3480 .path-calendar .maincalendar .eventlist .event .side {
3481   width: 22px;
3483 .path-calendar .maincalendar .eventlist .event .description {
3484   background-color: #fff;
3485   padding: 5px;
3486   clear: both;
3488 .path-calendar .maincalendar .eventlist .event .description .commands {
3489   position: absolute;
3490   right: 0;
3491   top: 0;
3492   margin: 3px;
3494 .path-calendar .maincalendar .eventlist .event .commands {
3495   position: absolute;
3496   top: 2px;
3497   right: 2px;
3499 .path-calendar .maincalendar .eventlist .event .commands a {
3500   margin: 0 3px;
3502 #page-calendar-export .indent {
3503   padding-left: 20px;
3505 .block .minicalendar {
3506   max-width: 280px;
3507   margin: 0 auto;
3508   width: 100%;
3510 .block .minicalendar th,
3511 .block .minicalendar td {
3512   padding: 2px;
3513   font-size: 0.8em;
3514   text-align: center;
3516 .block .minicalendar td.weekend {
3517   color: #999;
3519 .block .minicalendar td a {
3520   width: 100%;
3521   height: 100%;
3522   display: block;
3524 .block .minicalendar td.duration_global {
3525   border-top: 1px solid #d6f8cd;
3526   border-bottom: 1px solid #d6f8cd;
3528 .block .minicalendar td.duration_global.duration_finish {
3529   background-color: #d6f8cd;
3531 .block .minicalendar td.duration_course {
3532   border-top: 1px solid #ffd3bd;
3533   border-bottom: 1px solid #ffd3bd;
3535 .block .minicalendar td.duration_course.duration_finish {
3536   background-color: #ffd3bd;
3538 .block .minicalendar td.duration_group {
3539   border-top: 1px solid #fee7ae;
3540   border-bottom: 1px solid #fee7ae;
3542 .block .minicalendar td.duration_group.duration_finish {
3543   background-color: #fee7ae;
3545 .block .minicalendar td.duration_user {
3546   border-top: 1px solid #dce7ec;
3547   border-bottom: 1px solid #dce7ec;
3549 .block .minicalendar td.duration_user.duration_finish {
3550   background-color: #dce7ec;
3552 .block .minicalendar caption {
3553   font-size: inherit;
3554   font-weight: inherit;
3555   line-height: inherit;
3556   text-align: center;
3558 .block .calendar-event-panel {
3559   background-color: #eee;
3560   border: 1px solid #eee;
3562 .block .calendar-event-panel .yui3-overlay-content {
3563   padding: 19px;
3564   background-color: #fdfdfd;
3565   border: 1px solid #e3e3e3;
3566   -webkit-border-radius: 4px;
3567   -moz-border-radius: 4px;
3568   border-radius: 4px;
3569   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3570   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3571   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3573 .block .calendar-event-panel .yui3-overlay-content h2.eventtitle {
3574   line-height: 1.2;
3575   font-size: 18px;
3577 .block .calendar-event-panel .yui3-overlay-content .eventcontent img {
3578   padding-right: 5px;
3580 .block .calendar-controls .previous,
3581 .block .calendar-controls .current,
3582 .block .calendar-controls .next {
3583   display: block;
3584   float: left;
3586 .block .calendar-controls .previous {
3587   text-align: left;
3588   width: 12%;
3590 .block .calendar-controls .current {
3591   text-align: center;
3592   width: 76%;
3594 .block .calendar-controls .next {
3595   text-align: right;
3596   width: 12%;
3598 .block .calendar_filters ul {
3599   list-style: none;
3600   margin: 0;
3602 .block .calendar_filters li {
3603   margin-bottom: 0.2em;
3605 .block .calendar_filters li span img {
3606   padding: 0 0.2em;
3608 .block .calendar_filters .eventname {
3609   padding-left: 0.2em;
3611 .block .content h3.eventskey {
3612   margin-top: 0.5em;
3614 .ical-link {
3615   font-size: 10px;
3616   font-weight: bold;
3617   background-color: #f60;
3618   padding: 0 5px;
3619   color: #fff;
3620   border-top: 1px solid #f93;
3621   border-left: 1px solid #f93;
3622   border-bottom: 1px solid #013;
3623   border-right: 1px solid #013;
3625 .ical-link:hover,
3626 .ical-link:active,
3627 .ical-link:focus,
3628 .ical-link:visited {
3629   color: #fff;
3630   text-decoration: none;
3632 @media (min-width: 768px) {
3633   #page-calender-view .container-fluid {
3634     min-width: 1024px;
3635   }
3637 /* course.less */
3638 /* COURSE CONTENT */
3639 /* stylelint-disable unit-blacklist */
3640 .section_add_menus {
3641   text-align: right;
3642   clear: both;
3644 .section-modchooser {
3645   clear: both;
3647 .section_add_menus .horizontal div,
3648 .section_add_menus .horizontal form {
3649   display: inline;
3651 .section_add_menus optgroup {
3652   font-weight: normal;
3653   font-style: italic;
3655 .section_add_menus .urlselect {
3656   margin-left: .4em;
3658 .section_add_menus .urlselect select {
3659   margin-left: .2em;
3661 .section_add_menus .urlselect img.iconhelp {
3662   padding: 0;
3663   margin: 0;
3664   vertical-align: text-bottom;
3666 .sitetopic ul.section {
3667   margin: 0;
3669 .course-content ul.section {
3670   margin: 1em;
3672 .section .side.left {
3673   float: left;
3675 .section .side.right {
3676   float: right;
3678 .section .spinner {
3679   height: 16px;
3680   width: 16px;
3682 .section .activity {
3683   /* The command block for each activity */
3685 .section .activity .spinner {
3686   left: 100%;
3687   position: absolute;
3689 .section .activity .mod-indent-outer {
3690   padding-left: 0;
3692 .section .activity .actions {
3693   position: absolute;
3694   right: 0;
3695   top: 0;
3697 .section .activity .contentwithoutlink,
3698 .section .activity .activityinstance {
3699   min-width: 40%;
3700   display: table-cell;
3701   padding-right: 4px;
3702   min-height: 2em;
3704 .section .activity .contentwithoutlink .dimmed img.activityicon,
3705 .section .activity .activityinstance .dimmed img.activityicon {
3706   opacity: 0.5;
3707   filter: alpha(opacity=50);
3709 .section .label .contentwithoutlink,
3710 .section .label .activityinstance {
3711   padding-right: 32px;
3712   display: block;
3713   height: inherit;
3715 .section .label .mod-indent-outer {
3716   padding-left: 24px;
3717   display: block;
3719 .section .filler {
3720   width: 16px;
3721   height: 16px;
3722   padding: 0.3em;
3723   display: inline-block;
3725 .section .activity.editor_displayed a.editing_title,
3726 .section .activity.editor_displayed .moodle-actionmenu {
3727   display: none;
3729 .section .activity.editor_displayed div.activityinstance {
3730   padding-right: initial;
3732 .section .activity.editor_displayed div.activityinstance input {
3733   margin-bottom: initial;
3734   padding-top: initial;
3735   padding-bottom: initial;
3736   vertical-align: text-bottom;
3738 .activity img.activityicon {
3739   margin-right: 6px;
3740   vertical-align: text-bottom;
3742 .section .activity .activityinstance,
3743 .section .activity .activityinstance div {
3744   display: inline-block;
3746 .editing .section .activity .contentwithoutlink,
3747 .editing .section .activity .activityinstance {
3748   padding-right: 200px;
3750 .editing .section .activity .editing_move {
3751   /* Move the move icon to the start of the line */
3752   position: absolute;
3753   left: 0;
3754   top: 0;
3756 .editing .section .activity .mod-indent-outer {
3757   /**
3758                  * Add appropriate padding such that nothing overlaps the
3759                  * absolute positioned move icon.
3760                  */
3761   padding-left: 32px;
3763 .editing_show + .editing_assign,
3764 .editing_hide + .editing_assign {
3765   margin-left: 20px;
3767 .section .activity .commands {
3768   white-space: nowrap;
3769   display: inline;
3771 .section .activity.modtype_label.label {
3772   font-weight: normal;
3773   padding: .2em;
3775 .section li.activity {
3776   padding: .2em;
3777   clear: both;
3779 .section .activity .activityinstance .groupinglabel {
3780   padding-left: 30px;
3782 .section .activity .availabilityinfo,
3783 .section .activity .contentafterlink {
3784   margin-top: 0.5em;
3785   margin-left: 30px;
3787 .section .activity .contentafterlink p {
3788   margin: .5em 0;
3790 .editing .section .activity:hover,
3791 .editing .section .activity.action-menu-shown {
3792   background-color: #eee;
3794 .course-content .current {
3795   background-color: #d9edf7;
3797 .course-content .section-summary {
3798   border: 1px solid #ddd;
3799   margin-top: 5px;
3800   list-style: none;
3802 .course-content .section-summary .section-title {
3803   margin: 2px 5px 10px 5px;
3805 .course-content .section-summary .summarytext {
3806   margin: 2px 5px 2px 5px;
3808 .course-content .section-summary .section-summary-activities .activity-count {
3809   color: #999;
3810   font-size: 11.9px;
3811   margin: 3px;
3812   white-space: nowrap;
3813   display: inline-block;
3815 .course-content .section-summary .summary {
3816   margin-top: 5px;
3818 .course-content .single-section {
3819   margin-top: 1em;
3821 .course-content .single-section .section-navigation {
3822   display: block;
3823   padding: 0.5em;
3824   margin-bottom: -0.5em;
3826 .course-content .single-section .section-navigation .title {
3827   font-weight: bold;
3828   font-size: 108%;
3829   clear: both;
3831 .course-content .single-section .section-navigation .mdl-left {
3832   font-weight: normal;
3833   float: left;
3834   margin-right: 1em;
3836 .course-content .single-section .section-navigation .mdl-left .larrow {
3837   margin-right: 0.1em;
3839 .course-content .single-section .section-navigation .mdl-right {
3840   font-weight: normal;
3841   float: right;
3842   margin-left: 1em;
3844 .course-content .single-section .section-navigation .mdl-right .rarrow {
3845   margin-left: 0.1em;
3847 .course-content .single-section .section-navigation .mdl-bottom {
3848   margin-top: 0;
3850 .course-content ul li.section.main {
3851   border-bottom: 2px solid #ddd;
3852   margin-top: 0;
3854 .course-content ul li.section.hidden .sectionname > span,
3855 .course-content ul li.section.hidden .content > div,
3856 .course-content ul li.section.hidden .activity .activityinstance {
3857   opacity: .5;
3859 .course-content ul li.section.hidden .sectionname > span,
3860 .course-content ul li.section.hidden .activity .activityinstance {
3861   margin-left: 10px;
3862   margin-right: 10px;
3864 .course-content ul.topics li.section .content,
3865 .course-content ul.weeks li.section .content {
3866   margin-right: 20px;
3867   margin-left: 20px;
3868   padding: 0;
3870 .course-content {
3871   margin-top: 0;
3873 .course-content ul.topics li.section {
3874   padding-bottom: 20px;
3876 .course-content ul.topics li.section .summary {
3877   margin-left: 25px;
3879 .course-content li.section ul {
3880   list-style: disc;
3882 .course-content li.section ul ul {
3883   list-style: circle;
3885 .course-content li.section ul ul ul {
3886   list-style: square;
3888 .course-content li.section li.activity ul {
3889   list-style: disc;
3891 .course-content li.section li.activity ul ul {
3892   list-style: circle;
3894 .course-content li.section li.activity ul ul ul {
3895   list-style: square;
3897 .path-course-view .completionprogress {
3898   margin-left: 25px;
3900 .path-course-view .completionprogress {
3901   display: block;
3902   float: right;
3903   height: 20px;
3904   position: relative;
3906 #page-site-index .subscribelink {
3907   text-align: right;
3909 #site-news-forum h2,
3910 #frontpage-course-list h2,
3911 #frontpage-category-names h2,
3912 #frontpage-category-combo h2 {
3913   margin-bottom: 9px;
3915 .path-course-view a.reduce-sections {
3916   padding-left: 0.2em;
3918 .path-course-view .subscribelink {
3919   text-align: right;
3921 .path-course-view .unread {
3922   margin-left: 30px;
3924 .path-course-view .block.drag .header {
3925   cursor: move;
3927 .path-course-view .completionprogress {
3928   text-align: right;
3930 .path-course-view .single-section .completionprogress {
3931   margin-right: 5px;
3933 .path-course-view .section .summary {
3934   line-height: normal;
3936 .path-site li.activity > div,
3937 .path-course-view li.activity > div {
3938   position: relative;
3939   padding: 0 16px 0 0;
3940   /* to accommodate the floated completion icon with highlighting */
3942 .path-course-view li.activity span.autocompletion img {
3943   vertical-align: text-bottom;
3945 .path-course-view li.activity form.togglecompletion img {
3946   max-width: none;
3947   /* The width is 0 so ensure we don't end up with a relative max-width */
3949 .path-course-view li.activity form.togglecompletion .ajaxworking {
3950   width: 16px;
3951   height: 16px;
3952   position: absolute;
3953   right: 22px;
3954   top: 3px;
3955   background: url([[pix:i/ajaxloader]]) no-repeat;
3957 li.section.hidden span.commands a.editing_hide,
3958 li.section.hidden span.commands a.editing_show {
3959   cursor: default;
3961 ul.weeks h3.sectionname {
3962   white-space: nowrap;
3964 .editing ul.weeks h3.sectionname {
3965   white-space: normal;
3967 .single-section h3.sectionname {
3968   text-align: center;
3969   clear: both;
3971 .section img.movetarget {
3972   height: 16px;
3973   width: 80px;
3975 input.titleeditor {
3976   width: 330px;
3977   vertical-align: text-bottom;
3979 span.editinstructions {
3980   position: absolute;
3981   top: 0;
3982   margin-top: -22px;
3983   margin-left: 30px;
3984   line-height: 16px;
3985   font-size: 11.9px;
3986   padding: .1em .4em;
3987   background-color: #d9edf7;
3988   color: #3a87ad;
3989   text-decoration: none;
3990   z-index: 9999;
3991   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3992   -moz-box-shadow: 2px 2px 5px 1px #ccc;
3993   box-shadow: 2px 2px 5px 1px #ccc;
3994   border: 1px solid #bce8f1;
3996 /* Course drag and drop upload styles */
3997 #dndupload-status {
3998   position: fixed;
3999   left: 0;
4000   width: 40%;
4001   margin: 0 30%;
4002   padding: 6px;
4003   border: 1px solid #bce8f1;
4004   text-align: center;
4005   background: #d9edf7;
4006   color: #3a87ad;
4007   z-index: 1;
4008   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
4009   -moz-box-shadow: 2px 2px 5px 1px #ccc;
4010   box-shadow: 2px 2px 5px 1px #ccc;
4011   -webkit-border-radius: 8px;
4012   -moz-border-radius: 8px;
4013   border-radius: 8px;
4015 .dndupload-preview {
4016   color: #909090;
4017   border: 1px dashed #909090;
4018   list-style: none;
4019   margin-top: .2em;
4020   padding: .3em;
4022 .dndupload-preview img.icon {
4023   vertical-align: text-bottom;
4024   padding: 0;
4026 .dndupload-progress-outer {
4027   overflow: hidden;
4028   height: 20px;
4029   margin-bottom: 20px;
4030   background-color: #f7f7f7;
4031   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
4032   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
4033   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
4034   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
4035   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
4036   background-repeat: repeat-x;
4037   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
4038   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);