MDL-54708 message: add notification popover to nav bar
[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;
1113 #page-enrol-users #filterform select,
1114 #page-enrol-users #filterform .ftext input {
1115   width: 7em;
1117 #page-enrol-users #filterform input,
1118 #page-enrol-users #filterform select {
1119   margin-bottom: 0;
1121 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1122   width: 237px;
1124 #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
1125   width: 237px;
1127 #page-enrol-users .enrol-users-page-action input {
1128   margin-left: 0;
1130 .corelightbox {
1131   background-color: #ccc;
1132   position: absolute;
1133   top: 0;
1134   left: 0;
1135   width: 100%;
1136   height: 100%;
1137   text-align: center;
1139 .corelightbox img {
1140   position: fixed;
1141   top: 50%;
1142   left: 50%;
1144 .mod-indent-outer {
1145   display: table;
1147 .mod-indent {
1148   display: table-cell;
1150 .label .mod-indent {
1151   float: left;
1152   padding-top: 20px;
1154 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
1155 .mod-indent-1 {
1156   width: 30px;
1158 .mod-indent-2 {
1159   width: 60px;
1161 .mod-indent-3 {
1162   width: 90px;
1164 .mod-indent-4 {
1165   width: 120px;
1167 .mod-indent-5 {
1168   width: 150px;
1170 .mod-indent-6 {
1171   width: 180px;
1173 .mod-indent-7 {
1174   width: 210px;
1176 .mod-indent-8 {
1177   width: 240px;
1179 .mod-indent-9 {
1180   width: 270px;
1182 .mod-indent-10 {
1183   width: 300px;
1185 .mod-indent-11 {
1186   width: 330px;
1188 .mod-indent-12 {
1189   width: 360px;
1191 .mod-indent-13 {
1192   width: 390px;
1194 .mod-indent-14 {
1195   width: 420px;
1197 .mod-indent-15 {
1198   width: 450px;
1200 .mod-indent-16 {
1201   width: 480px;
1203 .mod-indent-huge {
1204   width: 480px;
1206 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1207 .resourcecontent .mediaplugin_mp3 object {
1208   height: 25px;
1209   width: 600px;
1211 .resourcecontent audio.mediaplugin_html5audio {
1212   width: 600px;
1214 /** Large resource images should avoid hidden overflow **/
1215 .resourceimage {
1216   max-width: 100%;
1218 /* Audio player size in 'inline' mode (can only change width, as above) */
1219 .mediaplugin_mp3 object {
1220   height: 15px;
1221   width: 300px;
1223 audio.mediaplugin_html5audio {
1224   width: 300px;
1226 /* TinyMCE moodle media preview frame should not have padding */
1227 .core_media_preview.pagelayout-embedded #content {
1228   padding: 0;
1230 .core_media_preview.pagelayout-embedded #maincontent {
1231   height: 0;
1233 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1234   padding: 0;
1235   margin: 0;
1236   min-width: 0;
1237   background: none;
1239 /** Fix YUI 2 Treeview for Right to left languages **/
1240 .dir-rtl .ygtvtn,
1241 .dir-rtl .ygtvtm,
1242 .dir-rtl .ygtvtmh,
1243 .dir-rtl .ygtvtmhh,
1244 .dir-rtl .ygtvtp,
1245 .dir-rtl .ygtvtph,
1246 .dir-rtl .ygtvtphh,
1247 .dir-rtl .ygtvln,
1248 .dir-rtl .ygtvlm,
1249 .dir-rtl .ygtvlmh,
1250 .dir-rtl .ygtvlmhh,
1251 .dir-rtl .ygtvlp,
1252 .dir-rtl .ygtvlph,
1253 .dir-rtl .ygtvlphh,
1254 .dir-rtl .ygtvdepthcell,
1255 .dir-rtl .ygtvok,
1256 .dir-rtl .ygtvok:hover,
1257 .dir-rtl .ygtvcancel,
1258 .dir-rtl .ygtvcancel:hover {
1259   width: 18px;
1260   height: 22px;
1261   background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1262   background-repeat: no-repeat;
1263   cursor: pointer;
1265 .dir-rtl .ygtvtn {
1266   background-position: 0 -5600px;
1268 .dir-rtl .ygtvtm {
1269   background-position: 0 -4000px;
1271 .dir-rtl .ygtvtmh,
1272 .dir-rtl .ygtvtmhh {
1273   background-position: 0 -4800px;
1275 .dir-rtl .ygtvtp {
1276   background-position: 0 -6400px;
1278 .dir-rtl .ygtvtph,
1279 .dir-rtl .ygtvtphh {
1280   background-position: 0 -7200px;
1282 .dir-rtl .ygtvln {
1283   background-position: 0 -1600px;
1285 .dir-rtl .ygtvlm {
1286   background-position: 0 0;
1288 .dir-rtl .ygtvlmh,
1289 .dir-rtl .ygtvlmhh {
1290   background-position: 0 -800px;
1292 .dir-rtl .ygtvlp {
1293   background-position: 0 -2400px;
1295 .dir-rtl .ygtvlph,
1296 .dir-rtl .ygtvlphh {
1297   background-position: 0 -3200px;
1299 .dir-rtl .ygtvdepthcell {
1300   background-position: 0 -8000px;
1302 .dir-rtl .ygtvok {
1303   background-position: 0 -8800px;
1305 .dir-rtl .ygtvok:hover {
1306   background-position: 0 -8844px;
1308 .dir-rtl .ygtvcancel {
1309   background-position: 0 -8822px;
1311 .dir-rtl .ygtvcancel:hover {
1312   background-position: 0 -8866px;
1314 .dir-rtl.yui-skin-sam .yui-panel .hd {
1315   text-align: right;
1317 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1318   text-align: right;
1320 /** Fix TinyMCE editor right to left **/
1321 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1322 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1323   top: 44px;
1325 .dir-rtl .o2k7Skin table,
1326 .dir-rtl .o2k7Skin tbody,
1327 .dir-rtl .o2k7Skin a,
1328 .dir-rtl .o2k7Skin img,
1329 .dir-rtl .o2k7Skin tr,
1330 .dir-rtl .o2k7Skin div,
1331 .dir-rtl .o2k7Skin td,
1332 .dir-rtl .o2k7Skin iframe,
1333 .dir-rtl .o2k7Skin span,
1334 .dir-rtl .o2k7Skin *,
1335 .dir-rtl .o2k7Skin .mceText,
1336 .dir-rtl .o2k7Skin .mceListBox .mceText {
1337   text-align: right;
1339 .path-rating .ratingtable {
1340   width: 100%;
1341   margin-bottom: 1em;
1343 .path-rating .ratingtable th.rating {
1344   width: 100%;
1346 .path-rating .ratingtable td.rating,
1347 .path-rating .ratingtable td.time {
1348   white-space: nowrap;
1349   text-align: center;
1351 .initialbar a,
1352 .initialbar strong {
1353   padding-left: 3px;
1354   padding-right: 3px;
1356 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1357 .moodle-dialogue-base .moodle-dialogue-lightbox {
1358   background-color: #aaa;
1360 .moodle-dialogue-base .hidden,
1361 .moodle-dialogue-base .moodle-dialogue-hidden {
1362   display: none;
1364 .no-scrolling {
1365   overflow: hidden;
1367 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1368   left: 0;
1369   top: 0;
1370   right: 0;
1371   bottom: -50px;
1372   position: fixed;
1374 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1375   overflow: auto;
1377 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1378   width: 28px;
1379   height: 16px;
1380   background-size: 100%;
1382 .moodle-dialogue-base .moodle-dialogue {
1383   padding: 0;
1384   margin: 0;
1385   background: none;
1386   border: none;
1387   z-index: 600;
1388   outline: #000 dotted 0;
1390 .moodle-dialogue-base .moodle-dialogue-wrap {
1391   margin-top: -3px;
1392   margin-left: -3px;
1393   background-color: #fff;
1394   border: 1px solid #ccc;
1395   -webkit-border-radius: 10px;
1396   -moz-border-radius: 10px;
1397   border-radius: 10px;
1398   -webkit-box-shadow: 5px 5px 20px 0 #666;
1399   -moz-box-shadow: 5px 5px 20px 0 #666;
1400   box-shadow: 5px 5px 20px 0 #666;
1402 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1403 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1404   margin: 0;
1405   padding: 5px;
1406   font-size: 12px;
1407   font-weight: normal;
1408   letter-spacing: 1px;
1409   color: #333;
1410   text-align: center;
1411   text-shadow: 1px 1px 1px #fff;
1412   -webkit-border-radius: 10px 10px 0 0;
1413   -moz-border-radius: 10px 10px 0 0;
1414   border-radius: 10px 10px 0 0;
1415   border-bottom: 1px solid #bbb;
1416   background: #ccc;
1417   background-color: #ebebeb;
1418   background-image: -moz-linear-gradient(top, #fff, #ccc);
1419   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
1420   background-image: -webkit-linear-gradient(top, #fff, #ccc);
1421   background-image: -o-linear-gradient(top, #fff, #ccc);
1422   background-image: linear-gradient(to bottom, #fff, #ccc);
1423   background-repeat: repeat-x;
1424   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
1425   filter: 0;
1427 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1428   padding: 0;
1429   display: inline;
1430   font-size: 100%;
1431   font-weight: bold;
1433 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1434   padding: 5px;
1436 .moodle-dialogue-base .closebutton {
1437   width: 25px;
1438   height: 15px;
1439   float: right;
1440   display: inline-block;
1441   cursor: pointer;
1442   padding: 0;
1443   background-image: url([[pix:theme|sprite]]);
1444   background-repeat: no-repeat;
1445   border-style: none;
1447 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1448   padding: 1em;
1449   line-height: 2em;
1450   color: #555;
1451   font-size: 12px;
1453 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1454   padding: 0;
1455   background: #fff;
1457 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1458   padding: 10px;
1459   font-size: 16px;
1461 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1462   overflow: auto;
1463   position: absolute;
1464   top: 0;
1465   bottom: 50px;
1466   left: 0;
1467   right: 0;
1468   margin: 0;
1469   border: 0;
1471 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1472 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1473   border-radius: 0;
1475 .moodle-dialogue-confirm .confirmation-dialogue {
1476   text-align: center;
1478 .moodle-dialogue-confirm .confirmation-dialogue input {
1479   text-align: center;
1481 .moodle-dialogue-exception .moodle-exception-message {
1482   text-align: center;
1484 .moodle-dialogue-exception .moodle-exception-param label {
1485   font-weight: bold;
1487 .moodle-dialogue-exception .param-stacktrace label {
1488   background-color: #eee;
1489   border: 1px solid #ccc;
1490   border-bottom-width: 0;
1492 .moodle-dialogue-exception .param-stacktrace pre {
1493   border: 1px solid #ccc;
1494   background-color: #fff;
1496 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1497   color: navy;
1498   font-size: 11.9px;
1500 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1501   color: #b94a48;
1502   font-size: 11.9px;
1504 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1505   color: #333;
1506   font-size: 90%;
1507   border-bottom: 1px solid #eee;
1509 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1510   padding: 0;
1511   margin: 0.7em 1em;
1512   text-align: right;
1513   background-color: #fff;
1514   font-size: 12px;
1516 .moodle-dialogue-confirm .confirmation-message {
1517   margin: 0.5em 1em;
1519 .moodle-dialogue-confirm .confirmation-dialogue input {
1520   min-width: 80px;
1522 .moodle-dialogue-exception .moodle-exception-message {
1523   margin: 1em;
1525 .moodle-dialogue-exception .moodle-exception-param {
1526   margin-bottom: 0.5em;
1528 .moodle-dialogue-exception .moodle-exception-param label {
1529   width: 150px;
1531 .moodle-dialogue-exception .param-stacktrace label {
1532   display: block;
1533   margin: 0;
1534   padding: 4px 1em;
1536 .moodle-dialogue-exception .param-stacktrace pre {
1537   display: block;
1538   height: 200px;
1539   overflow: auto;
1541 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1542   display: inline-block;
1543   margin: 4px 0;
1545 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1546   display: inline-block;
1547   width: 50px;
1548   margin: 4px 1em;
1550 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1551   padding-left: 25px;
1552   margin-bottom: 4px;
1553   padding-bottom: 4px;
1555 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1556   opacity: 0.75;
1557   filter: alpha(opacity=75);
1558   width: 100%;
1559   height: 100%;
1560   top: 0;
1561   left: 0;
1562   background-color: white;
1563   text-align: center;
1564   padding: 10% 0;
1566 /* Apply a default max-height on tooltip text */
1567 .moodle-dialogue .tooltiptext {
1568   max-height: 300px;
1570 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1571   z-index: 3001;
1573 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
1574   overflow: auto;
1576 /**
1577  * Chooser Dialogues (moodle-core-chooserdialogue)
1578  *
1579  * This CSS belong to the chooser dialogue which should work both with, and
1580  * without javascript enabled
1581  */
1582 /* Hide the dialog and it's title */
1583 .chooserdialoguebody,
1584 .choosertitle {
1585   display: none;
1587 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1588   margin: 0;
1590 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1591   padding: 0;
1592   background: #f2f2f2;
1593   -webkit-border-bottom-right-radius: 10px;
1594   -moz-border-radius-bottomright: 10px;
1595   border-bottom-right-radius: 10px;
1596   -webkit-border-bottom-left-radius: 10px;
1597   -moz-border-radius-bottomleft: 10px;
1598   border-bottom-left-radius: 10px;
1600 /* Center the submit buttons within the area */
1601 .choosercontainer #chooseform .submitbuttons {
1602   padding: 0.7em 0;
1603   text-align: center;
1605 /* Fixed for safari browser on iPhone4S with ios7.*/
1606 @media (max-height: 639px) {
1607   .ios.safari .choosercontainer #chooseform .submitbuttons {
1608     padding: 45px 0;
1609   }
1611 .choosercontainer #chooseform .submitbuttons input {
1612   min-width: 100px;
1613   margin: 0 0.5em;
1615 /* Various settings for the options area */
1616 .choosercontainer #chooseform .options {
1617   position: relative;
1618   border-bottom: 1px solid #bbb;
1620 /* Only set these options if we're showing the js container */
1621 .jschooser .choosercontainer #chooseform .alloptions {
1622   overflow-x: hidden;
1623   overflow-y: auto;
1624   max-width: 20.3em;
1625   -webkit-box-shadow: inset 0 0 30px 0 #ccc;
1626   -moz-box-shadow: inset 0 0 30px 0 #ccc;
1627   box-shadow: inset 0 0 30px 0 #ccc;
1629 .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
1630   display: inline-block;
1632 .jschooser .choosercontainer #chooseform .alloptions .option .modicon {
1633   display: inline-block;
1635 .jschooser .choosercontainer #chooseform .alloptions .option .typename {
1636   display: inline-block;
1637   width: 65%;
1639 /* Settings for option rows and option subtypes */
1640 .choosercontainer #chooseform .moduletypetitle,
1641 .choosercontainer #chooseform .option,
1642 .choosercontainer #chooseform .nonoption {
1643   margin-bottom: 0;
1644   padding: 0 1.6em 0 1.6em;
1646 .choosercontainer #chooseform .moduletypetitle {
1647   text-transform: uppercase;
1648   padding-top: 1.2em;
1649   padding-bottom: 0.4em;
1651 .choosercontainer #chooseform .option .typename,
1652 .choosercontainer #chooseform .option span.modicon img.icon,
1653 .choosercontainer #chooseform .nonoption .typename,
1654 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1655   padding: 0 0 0 0.5em;
1657 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1658 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1659   height: 24px;
1660   width: 24px;
1662 .choosercontainer #chooseform .option input[type=radio],
1663 .choosercontainer #chooseform .option span.typename,
1664 .choosercontainer #chooseform .option span.modicon {
1665   vertical-align: middle;
1667 .choosercontainer #chooseform .option label {
1668   display: block;
1669   padding: 0.3em 0 0.1em 0;
1670   border-bottom: 1px solid #fff;
1672 .choosercontainer #chooseform .nonoption {
1673   padding-left: 2.7em;
1674   padding-top: 0.3em;
1675   padding-bottom: 0.1em;
1677 .choosercontainer #chooseform .subtype {
1678   margin-bottom: 0;
1679   padding: 0 1.6em 0 3.2em;
1681 .choosercontainer #chooseform .subtype .typename {
1682   margin: 0 0 0 0.2em;
1684 /* The instruction/help area */
1685 .jschooser .choosercontainer #chooseform .instruction,
1686 .jschooser .choosercontainer #chooseform .typesummary {
1687   display: none;
1688   position: absolute;
1689   top: 0;
1690   right: 0;
1691   bottom: 0;
1692   left: 20.3em;
1693   margin: 0;
1694   padding: 1.6em;
1695   background-color: #fff;
1696   overflow-x: hidden;
1697   overflow-y: auto;
1698   line-height: 2em;
1700 /* Selected option settings */
1701 .jschooser .choosercontainer #chooseform .instruction,
1702 .choosercontainer #chooseform .selected .typesummary {
1703   display: block;
1705 .choosercontainer #chooseform .selected {
1706   background-color: #fff;
1707   -webkit-box-shadow: 0px 0 10px 0 #ccc;
1708   -moz-box-shadow: 0px 0 10px 0 #ccc;
1709   box-shadow: 0px 0 10px 0 #ccc;
1711 .section-modchooser-link img.smallicon {
1712   padding: 3px;
1714 /* Form element: listing */
1715 .formlistingradio {
1716   padding-bottom: 25px;
1717   padding-right: 10px;
1719 .formlistinginputradio {
1720   float: left;
1722 .formlistingmain {
1723   min-height: 225px;
1725 .formlisting {
1726   position: relative;
1727   margin: 15px 0;
1728   padding: 1px 19px 14px;
1729   background-color: white;
1730   border: 1px solid #ddd;
1731   -webkit-border-radius: 4px;
1732   -moz-border-radius: 4px;
1733   border-radius: 4px;
1735 .formlistingmore {
1736   position: absolute;
1737   cursor: pointer;
1738   bottom: -1px;
1739   right: -1px;
1740   padding: 3px 7px;
1741   font-size: 12px;
1742   font-weight: bold;
1743   background-color: #f5f5f5;
1744   border: 1px solid #ddd;
1745   color: #9da0a4;
1746   -webkit-border-radius: 4px 0 4px 0;
1747   -moz-border-radius: 4px 0 4px 0;
1748   border-radius: 4px 0 4px 0;
1750 .formlistingall {
1751   margin: 15px 0;
1752   padding: 0;
1753   -webkit-border-radius: 4px;
1754   -moz-border-radius: 4px;
1755   border-radius: 4px;
1757 .formlistingrow {
1758   cursor: pointer;
1759   border-bottom: 1px solid;
1760   border-color: #e1e1e8;
1761   border-left: 1px solid #e1e1e8;
1762   border-right: 1px solid #e1e1e8;
1763   background-color: #f7f7f9;
1764   -webkit-border-radius: 0 0 4px 4px;
1765   -moz-border-radius: 0 0 4px 4px;
1766   border-radius: 0 0 4px 4px;
1767   padding: 6px;
1768   top: 50%;
1769   left: 50%;
1770   min-height: 34px;
1771   float: left;
1772   width: 150px;
1774 body.jsenabled .formlistingradio {
1775   display: none;
1777 body.jsenabled .formlisting {
1778   display: block;
1780 /* Badges styles */
1781 table.collection {
1782   width: 100%;
1783   margin-bottom: 20px;
1784   border: 1px solid #ddd;
1785   border-collapse: separate;
1786   *border-collapse: collapse;
1787   border-left: 0;
1788   -webkit-border-radius: 4px;
1789   -moz-border-radius: 4px;
1790   border-radius: 4px;
1792 table.collection th,
1793 table.collection td {
1794   padding: 8px;
1795   line-height: 20px;
1796   text-align: left;
1797   vertical-align: top;
1798   border-top: 1px solid #ddd;
1800 table.collection th {
1801   font-weight: bold;
1803 table.collection thead th {
1804   vertical-align: bottom;
1806 table.collection caption + thead tr:first-child th,
1807 table.collection caption + thead tr:first-child td,
1808 table.collection colgroup + thead tr:first-child th,
1809 table.collection colgroup + thead tr:first-child td,
1810 table.collection thead:first-child tr:first-child th,
1811 table.collection thead:first-child tr:first-child td {
1812   border-top: 0;
1814 table.collection tbody + tbody {
1815   border-top: 2px solid #ddd;
1817 table.collection .table {
1818   background-color: #fff;
1820 table.collection th,
1821 table.collection td {
1822   border-left: 1px solid #ddd;
1824 table.collection caption + thead tr:first-child th,
1825 table.collection caption + tbody tr:first-child th,
1826 table.collection caption + tbody tr:first-child td,
1827 table.collection colgroup + thead tr:first-child th,
1828 table.collection colgroup + tbody tr:first-child th,
1829 table.collection colgroup + tbody tr:first-child td,
1830 table.collection thead:first-child tr:first-child th,
1831 table.collection tbody:first-child tr:first-child th,
1832 table.collection tbody:first-child tr:first-child td {
1833   border-top: 0;
1835 table.collection thead:first-child tr:first-child > th:first-child,
1836 table.collection tbody:first-child tr:first-child > td:first-child,
1837 table.collection tbody:first-child tr:first-child > th:first-child {
1838   -webkit-border-top-left-radius: 4px;
1839   -moz-border-radius-topleft: 4px;
1840   border-top-left-radius: 4px;
1842 table.collection thead:first-child tr:first-child > th:last-child,
1843 table.collection tbody:first-child tr:first-child > td:last-child,
1844 table.collection tbody:first-child tr:first-child > th:last-child {
1845   -webkit-border-top-right-radius: 4px;
1846   -moz-border-radius-topright: 4px;
1847   border-top-right-radius: 4px;
1849 table.collection thead:last-child tr:last-child > th:first-child,
1850 table.collection tbody:last-child tr:last-child > td:first-child,
1851 table.collection tbody:last-child tr:last-child > th:first-child,
1852 table.collection tfoot:last-child tr:last-child > td:first-child,
1853 table.collection tfoot:last-child tr:last-child > th:first-child {
1854   -webkit-border-bottom-left-radius: 4px;
1855   -moz-border-radius-bottomleft: 4px;
1856   border-bottom-left-radius: 4px;
1858 table.collection thead:last-child tr:last-child > th:last-child,
1859 table.collection tbody:last-child tr:last-child > td:last-child,
1860 table.collection tbody:last-child tr:last-child > th:last-child,
1861 table.collection tfoot:last-child tr:last-child > td:last-child,
1862 table.collection tfoot:last-child tr:last-child > th:last-child {
1863   -webkit-border-bottom-right-radius: 4px;
1864   -moz-border-radius-bottomright: 4px;
1865   border-bottom-right-radius: 4px;
1867 table.collection tfoot + tbody:last-child tr:last-child td:first-child {
1868   -webkit-border-bottom-left-radius: 0;
1869   -moz-border-radius-bottomleft: 0;
1870   border-bottom-left-radius: 0;
1872 table.collection tfoot + tbody:last-child tr:last-child td:last-child {
1873   -webkit-border-bottom-right-radius: 0;
1874   -moz-border-radius-bottomright: 0;
1875   border-bottom-right-radius: 0;
1877 table.collection caption + thead tr:first-child th:first-child,
1878 table.collection caption + tbody tr:first-child td:first-child,
1879 table.collection colgroup + thead tr:first-child th:first-child,
1880 table.collection colgroup + tbody tr:first-child td:first-child {
1881   -webkit-border-top-left-radius: 4px;
1882   -moz-border-radius-topleft: 4px;
1883   border-top-left-radius: 4px;
1885 table.collection caption + thead tr:first-child th:last-child,
1886 table.collection caption + tbody tr:first-child td:last-child,
1887 table.collection colgroup + thead tr:first-child th:last-child,
1888 table.collection colgroup + tbody tr:first-child td:last-child {
1889   -webkit-border-top-right-radius: 4px;
1890   -moz-border-radius-topright: 4px;
1891   border-top-right-radius: 4px;
1893 table.collection tbody > tr:nth-child(odd) > td,
1894 table.collection tbody > tr:nth-child(odd) > th {
1895   background-color: #f9f9f9;
1897 table.collection .name {
1898   text-align: left;
1899   vertical-align: middle;
1901 table.collection .awards {
1902   width: 10%;
1903   text-align: center;
1904   vertical-align: middle;
1906 table.collection .criteria {
1907   width: 40%;
1908   text-align: left;
1909   vertical-align: top;
1911 table.collection .badgeimage,
1912 table.collection .status {
1913   width: 15%;
1914   text-align: center;
1915   vertical-align: middle;
1917 table.collection .description {
1918   width: 25%;
1919   text-align: left;
1921 table.collection .actions {
1922   width: 11em;
1923   text-align: center;
1924   vertical-align: middle;
1926 a.criteria-action {
1927   padding: 0 3px;
1928   float: right;
1930 div.criteria-description {
1931   padding: 10px 15px;
1932   margin: 5px 0;
1933   background: none repeat scroll 0 0 #f9f9f9;
1934   border: 1px solid #eee;
1936 ul.badges {
1937   margin: 0;
1938   list-style: none;
1940 .badges li {
1941   position: relative;
1942   display: inline-block;
1943   padding-top: 1em;
1944   text-align: center;
1945   vertical-align: top;
1946   width: 150px;
1948 .badges li .badge-name {
1949   display: block;
1950   padding: 5px;
1952 .badges li > img {
1953   position: absolute;
1955 .badges li .badge-image {
1956   width: 100px;
1957   height: 100px;
1958   left: 10px;
1959   top: 0;
1960   z-index: 1;
1962 .badges li .badge-actions {
1963   position: relative;
1965 .badges li .expireimage {
1966   width: 100px;
1967   height: 100px;
1968   left: 25px;
1969   top: 0;
1970   position: absolute;
1971   z-index: 10;
1972   opacity: 0.85;
1974 #badge-image {
1975   background-color: transparent;
1976   padding: 0;
1977   position: relative;
1978   min-width: 100px;
1979   width: 20%;
1980   display: inline-block;
1981   vertical-align: top;
1982   margin-top: 17px;
1984 #badge-image .expireimage {
1985   width: 100px;
1986   height: 100px;
1987   left: 0;
1988   top: 0;
1989   opacity: 0.85;
1990   filter: alpha(opacity=85);
1991   position: absolute;
1992   z-index: 10;
1994 #badge-image .singlebutton {
1995   padding-top: 5px;
1997 #badge-image .singlebutton input {
1998   margin-left: 0;
2000 #badge-details {
2001   display: inline-block;
2002   width: 79%;
2004 #badge-overview dl,
2005 #badge-details dl {
2006   margin: 0;
2008 #badge-overview dl dt,
2009 #badge-details dl dt,
2010 #badge-overview dl dd,
2011 #badge-details dl dd {
2012   vertical-align: top;
2013   padding: 3px 0;
2015 #badge-overview dl dt,
2016 #badge-details dl dt {
2017   clear: both;
2018   display: inline-block;
2019   width: 20%;
2020   min-width: 100px;
2022 #badge-overview dl dd,
2023 #badge-details dl dd {
2024   display: inline-block;
2025   width: 79%;
2026   margin-left: 1%;
2028 .badge-profile {
2029   vertical-align: top;
2031 .connected {
2032   color: #468847;
2034 .notconnected {
2035   color: #b94a48;
2037 .connecting {
2038   color: #8a6d3b;
2040 #page-badges-award .recipienttable tr td {
2041   vertical-align: top;
2043 #page-badges-award .recipienttable tr td.actions .actionbutton {
2044   margin: 0.3em 0;
2045   padding: 0.5em 0;
2046   width: 100%;
2048 #page-badges-award .recipienttable tr td.existing,
2049 #page-badges-award .recipienttable tr td.potential {
2050   width: 42%;
2052 #issued-badge-table .activatebadge {
2053   display: inline-block;
2055 .statusbox.active {
2056   background-color: #dff0d8;
2058 .statusbox.inactive {
2059   background-color: #fcf8e3;
2061 .statusbox {
2062   text-align: center;
2063   margin-bottom: 5px;
2064   padding: 5px;
2066 .statusbox .activatebadge {
2067   display: inline-block;
2069 .statusbox .activatebadge input[type=submit] {
2070   margin: 3px;
2072 .activatebadge {
2073   margin: 0;
2074   text-align: left;
2075   vertical-align: middle;
2077 img#persona_signin {
2078   cursor: pointer;
2080 .addcourse {
2081   float: right;
2083 .invisiblefieldset {
2084   display: inline;
2085   padding: 0;
2086   border-width: 0;
2088 .breadcrumb-nav {
2089   float: left;
2090   margin-bottom: 10px;
2092 .breadcrumb-button .singlebutton div {
2093   margin-right: 0;
2095 .breadcrumb-nav .breadcrumb {
2096   margin: 0;
2098 /** Header-bar styles **/
2099 .page-context-header {
2100   overflow: hidden;
2102 .page-context-header .page-header-image,
2103 .page-context-header .page-header-headings {
2104   display: block;
2105   position: relative;
2107 .page-context-header .page-header-image {
2108   margin-bottom: 1em;
2110 .page-context-header .page-header-headings {
2111   margin-top: 30px;
2112   margin-bottom: 10px;
2114 .page-context-header .page-header-headings h1 {
2115   display: block;
2117 .page-context-header .page-header-headings,
2118 .page-context-header .header-button-group {
2119   position: relative;
2120   line-height: 24px;
2121   vertical-align: middle;
2123 .page-context-header .header-button-group {
2124   display: block;
2126 .page-context-header .header-button-group a {
2127   position: relative;
2128   top: -0.4em;
2130 .page-context-header .page-header-image {
2131   float: left;
2132   margin-right: 1em;
2134 .page-context-header .header-button-group {
2135   float: left;
2137 /** Action menu component styles **/
2138 .moodle-actionmenu,
2139 .moodle-actionmenu > ul,
2140 .moodle-actionmenu > ul > li {
2141   display: inline-block;
2143 .moodle-actionmenu ul {
2144   padding: 0;
2145   margin: 0;
2146   list-style-type: none;
2148 .section_action_menu .moodle-actionmenu ul.menubar {
2149   margin: 0;
2151 .section_action_menu .moodle-actionmenu ul.menu {
2152   margin: 0 10px 10px 0;
2154 .moodle-actionmenu .toggle-display,
2155 .moodle-actionmenu .menu-action-text {
2156   display: none;
2157   /** Hidden by default, display none so that we don't take up space. **/
2159 .jsenabled .moodle-actionmenu[data-enhance] {
2160   display: block;
2162 .jsenabled .moodle-actionmenu[data-enhance] .menu {
2163   display: none;
2165 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
2166   display: inline;
2167   /** JS is enabled, we'll be using it so return display to normal **/
2168   opacity: 0.5;
2169   filter: alpha(opacity=50);
2171 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
2172   display: block;
2173   margin-left: 4px;
2174   padding-left: 4px;
2175   padding-right: 4px;
2177 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall,
2178 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon {
2179   margin: 4px 4px 4px 0;
2180   padding: 8px 4px 0 2px;
2181   vertical-align: text-bottom;
2183 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
2184   margin-top: 8px;
2185   margin-left: 2px;
2186   border-top-color: #777;
2188 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
2189 .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
2190   border-top-color: #555;
2192 .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
2193   opacity: 1;
2194   filter: alpha(opacity=100);
2196 .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
2197   display: inline;
2199 .moodle-actionmenu[data-enhanced].show {
2200   position: relative;
2201   /** no wrap is set - prevent menu items from wrapping **/
2203 .moodle-actionmenu[data-enhanced].show .menu {
2204   display: block;
2205   position: absolute;
2206   text-align: left;
2207   background-color: #fff;
2208   border: 1px solid rgba(0, 0, 0, 0.2);
2209   z-index: 1000;
2210   -webkit-border-radius: 5px;
2211   -moz-border-radius: 5px;
2212   border-radius: 5px;
2213   -webkit-box-shadow: 5px 5px 20px 0 #666;
2214   -moz-box-shadow: 5px 5px 20px 0 #666;
2215   box-shadow: 5px 5px 20px 0 #666;
2216   /** bottom left of button **/
2217   /** bottom right of button **/
2218   /** top left of button **/
2219   /** top right of button **/
2221 .moodle-actionmenu[data-enhanced].show .menu a {
2222   display: block;
2223   color: #333;
2224   padding: 2px 1em 2px 28px;
2226 .moodle-actionmenu[data-enhanced].show .menu a:hover {
2227   color: #fff;
2228   background-color: #0070a8;
2230 .moodle-actionmenu[data-enhanced].show .menu a:first-child {
2231   -webkit-border-top-right-radius: 4px;
2232   -moz-border-radius-topright: 4px;
2233   border-top-right-radius: 4px;
2234   -webkit-border-top-left-radius: 4px;
2235   -moz-border-radius-topleft: 4px;
2236   border-top-left-radius: 4px;
2238 .moodle-actionmenu[data-enhanced].show .menu a:last-child {
2239   -webkit-border-bottom-right-radius: 4px;
2240   -moz-border-radius-bottomright: 4px;
2241   border-bottom-right-radius: 4px;
2242   -webkit-border-bottom-left-radius: 4px;
2243   -moz-border-radius-bottomleft: 4px;
2244   border-bottom-left-radius: 4px;
2246 .moodle-actionmenu[data-enhanced].show .menu a.hidden {
2247   display: none;
2249 .moodle-actionmenu[data-enhanced].show .menu img {
2250   vertical-align: middle;
2252 .moodle-actionmenu[data-enhanced].show .menu .iconsmall,
2253 .moodle-actionmenu[data-enhanced].show .menu .smallicon {
2254   margin: 4px 4px 4px -24px;
2255   padding: 4px;
2257 .moodle-actionmenu[data-enhanced].show .menu > li {
2258   display: block;
2260 .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
2261   top: 100%;
2262   left: 0;
2263   margin-top: 4px;
2265 .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
2266   top: 100%;
2267   right: 100%;
2269 .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
2270   bottom: 100%;
2271   left: 0;
2273 .moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
2274   bottom: 100%;
2275   right: 100%;
2277 .moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
2278   top: 100%;
2279   left: 100%;
2281 .moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
2282   top: 100%;
2283   right: 0;
2284   margin-top: 4px;
2286 .moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
2287   bottom: 100%;
2288   left: 100%;
2290 .moodle-actionmenu[data-enhanced].show .menu.align-br-br {
2291   bottom: 100%;
2292   right: 0;
2294 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
2295   top: 0;
2296   left: 0;
2298 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
2299   top: 0;
2300   right: 100%;
2301   margin-right: 4px;
2303 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
2304   bottom: 100%;
2305   left: 0;
2306   margin-bottom: 4px;
2308 .moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
2309   bottom: 100%;
2310   right: 100%;
2312 .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
2313   top: 0;
2314   left: 100%;
2315   margin-left: 4px;
2317 .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
2318   top: 0;
2319   right: 0;
2321 .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
2322   bottom: 100%;
2323   left: 100%;
2325 .moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
2326   bottom: 100%;
2327   right: 0;
2328   margin-bottom: 4px;
2330 .moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li {
2331   white-space: nowrap;
2333 .block .moodle-actionmenu {
2334   text-align: right;
2336 ul.dragdrop-keyboard-drag li {
2337   list-style-type: none;
2339 .block-control-actions .moodle-core-dragdrop-draghandle img {
2340   width: 12px;
2341   height: 12px;
2343 a.disabled:hover,
2344 a.disabled {
2345   text-decoration: none;
2346   cursor: default;
2347   font-style: italic;
2348   color: #808080;
2350 body.lockscroll {
2351   height: 100%;
2352   overflow: hidden;
2354 .progressbar_container {
2355   max-width: 500px;
2356   margin: 0 auto;
2358 /* IE10 only fix for calendar titling */
2359 .ie10 .yui3-calendar-header-label {
2360   display: inline-block;
2362 dd:before,
2363 dd:after {
2364   display: block;
2365   content: " ";
2367 dd:after {
2368   clear: both;
2370 .nav-tabs > .active > a[href],
2371 .nav-tabs > .active > a[href]:hover,
2372 .nav-tabs > .active > a[href]:focus {
2373   cursor: pointer;
2375 .inplaceeditable.inplaceeditingon {
2376   position: relative;
2378 .inplaceeditable.inplaceeditingon .editinstructions {
2379   margin-top: -30px;
2380   font-weight: normal;
2381   margin-right: 0;
2382   margin-left: 0;
2383   left: 0;
2384   right: auto;
2385   white-space: nowrap;
2387 .inplaceeditable.inplaceeditingon input {
2388   width: 330px;
2389   height: 16px;
2390   vertical-align: text-bottom;
2391   margin-bottom: 0;
2393 .inplaceeditable.inplaceeditingon select {
2394   margin-bottom: 0;
2396 .inplaceeditable .quickediticon img {
2397   opacity: 0.2;
2399 .inplaceeditable .quickeditlink {
2400   color: inherit;
2401   text-decoration: inherit;
2403 .inplaceeditable:hover .quickeditlink .quickediticon img,
2404 .inplaceeditable .quickeditlink:focus .quickediticon img {
2405   opacity: 1;
2407 .inplaceeditable.inplaceeditable-toggle .quickediticon {
2408   display: none;
2410 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2411   margin-top: -20px;
2413 /** Chart area. */
2414 .chart-area .chart-table-data {
2415   display: none;
2417 .chart-area .chart-table {
2418   /** When accessible, we display the table only. */
2420 .chart-area .chart-table .chart-output-htmltable caption {
2421   white-space: nowrap;
2423 .chart-area .chart-table.accesshide .chart-table-expand {
2424   display: none;
2426 .chart-area .chart-table.accesshide .chart-table-data {
2427   display: block;
2429 /* admin.less */
2430 .formtable tbody th {
2431   font-weight: normal;
2432   text-align: right;
2434 .path-admin #assignrole {
2435   width: 60%;
2436   margin-left: auto;
2437   margin-right: auto;
2439 .path-admin .admintable .leftalign {
2440   text-align: left;
2442 .environmenttable p.warn {
2443   background-color: #fcf8e3;
2444   color: #8a6d3b;
2446 .environmenttable .error,
2447 .environmenttable span.warn,
2448 .environmenttable .ok {
2449   display: inline-block;
2450   padding: 2px 4px;
2451   font-size: 11.844px;
2452   font-weight: bold;
2453   line-height: 14px;
2454   color: #fff;
2455   vertical-align: baseline;
2456   white-space: nowrap;
2457   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2458   background-color: #999;
2459   -webkit-border-radius: 3px;
2460   -moz-border-radius: 3px;
2461   border-radius: 3px;
2463 .environmenttable .error:empty,
2464 .environmenttable span.warn:empty,
2465 .environmenttable .ok:empty {
2466   display: none;
2468 .environmenttable .error-important,
2469 .environmenttable span.warn-important,
2470 .environmenttable .ok-important {
2471   background-color: #b94a48;
2473 .environmenttable .error-important[href],
2474 .environmenttable span.warn-important[href],
2475 .environmenttable .ok-important[href] {
2476   background-color: #953b39;
2478 .environmenttable .error-warning,
2479 .environmenttable span.warn-warning,
2480 .environmenttable .ok-warning {
2481   background-color: #f89406;
2483 .environmenttable .error-warning[href],
2484 .environmenttable span.warn-warning[href],
2485 .environmenttable .ok-warning[href] {
2486   background-color: #c67605;
2488 .environmenttable .error-success,
2489 .environmenttable span.warn-success,
2490 .environmenttable .ok-success {
2491   background-color: #468847;
2493 .environmenttable .error-success[href],
2494 .environmenttable span.warn-success[href],
2495 .environmenttable .ok-success[href] {
2496   background-color: #356635;
2498 .environmenttable .error-info,
2499 .environmenttable span.warn-info,
2500 .environmenttable .ok-info {
2501   background-color: #3a87ad;
2503 .environmenttable .error-info[href],
2504 .environmenttable span.warn-info[href],
2505 .environmenttable .ok-info[href] {
2506   background-color: #2d6987;
2508 .environmenttable .error-inverse,
2509 .environmenttable span.warn-inverse,
2510 .environmenttable .ok-inverse {
2511   background-color: #333;
2513 .environmenttable .error-inverse[href],
2514 .environmenttable span.warn-inverse[href],
2515 .environmenttable .ok-inverse[href] {
2516   background-color: #1a1a1a;
2518 .environmenttable .error {
2519   background-color: #b94a48;
2521 .environmenttable span.warn {
2522   background-color: #f89406;
2524 .environmenttable .ok {
2525   background-color: #468847;
2527 .path-admin .admintable.environmenttable .name,
2528 .path-admin .admintable.environmenttable .info,
2529 .path-admin #assignrole .admintable .role,
2530 .path-admin #assignrole .admintable .userrole,
2531 .path-admin #assignrole .admintable .roleholder {
2532   white-space: nowrap;
2534 .path-admin .incompatibleblockstable td.c0 {
2535   font-weight: bold;
2537 #page-admin-course-category .addcategory {
2538   padding: 10px;
2540 #page-admin-course-index .editcourse {
2541   margin: 20px auto;
2543 #page-admin-course-index .editcourse th,
2544 #page-admin-course-index .editcourse td {
2545   padding-left: 10px;
2546   padding-right: 10px;
2548 .timewarninghidden {
2549   display: none;
2551 .statusok,
2552 .statuswarning,
2553 .statusserious,
2554 .statuscritical {
2555   display: inline-block;
2556   padding: 2px 4px;
2557   font-size: 11.844px;
2558   font-weight: bold;
2559   line-height: 14px;
2560   color: #fff;
2561   vertical-align: baseline;
2562   white-space: nowrap;
2563   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2564   background-color: #999;
2565   -webkit-border-radius: 3px;
2566   -moz-border-radius: 3px;
2567   border-radius: 3px;
2569 .statusok:empty,
2570 .statuswarning:empty,
2571 .statusserious:empty,
2572 .statuscritical:empty {
2573   display: none;
2575 .statusok-important,
2576 .statuswarning-important,
2577 .statusserious-important,
2578 .statuscritical-important {
2579   background-color: #b94a48;
2581 .statusok-important[href],
2582 .statuswarning-important[href],
2583 .statusserious-important[href],
2584 .statuscritical-important[href] {
2585   background-color: #953b39;
2587 .statusok-warning,
2588 .statuswarning-warning,
2589 .statusserious-warning,
2590 .statuscritical-warning {
2591   background-color: #f89406;
2593 .statusok-warning[href],
2594 .statuswarning-warning[href],
2595 .statusserious-warning[href],
2596 .statuscritical-warning[href] {
2597   background-color: #c67605;
2599 .statusok-success,
2600 .statuswarning-success,
2601 .statusserious-success,
2602 .statuscritical-success {
2603   background-color: #468847;
2605 .statusok-success[href],
2606 .statuswarning-success[href],
2607 .statusserious-success[href],
2608 .statuscritical-success[href] {
2609   background-color: #356635;
2611 .statusok-info,
2612 .statuswarning-info,
2613 .statusserious-info,
2614 .statuscritical-info {
2615   background-color: #3a87ad;
2617 .statusok-info[href],
2618 .statuswarning-info[href],
2619 .statusserious-info[href],
2620 .statuscritical-info[href] {
2621   background-color: #2d6987;
2623 .statusok-inverse,
2624 .statuswarning-inverse,
2625 .statusserious-inverse,
2626 .statuscritical-inverse {
2627   background-color: #333;
2629 .statusok-inverse[href],
2630 .statuswarning-inverse[href],
2631 .statusserious-inverse[href],
2632 .statuscritical-inverse[href] {
2633   background-color: #1a1a1a;
2635 .statusok {
2636   background-color: #468847;
2638 .statuswarning {
2639   background-color: #8a6d3b;
2641 .statusserious {
2642   background-color: #f89406;
2644 .statuscritical {
2645   background-color: #b94a48;
2647 #page-admin-report-capability-index #capabilitysearch {
2648   width: 30em;
2650 #page-admin-report-backups-index .backup-error,
2651 #page-admin-report-backups-index .backup-unfinished {
2652   color: #b94a48;
2654 #page-admin-report-backups-index .backup-skipped,
2655 #page-admin-report-backups-index .backup-ok,
2656 #page-admin-report-backups-index .backup-notyetrun {
2657   color: #468847;
2659 #page-admin-report-backups-index .backup-warning {
2660   color: #8a6d3b;
2662 #page-admin-qtypes .disabled,
2663 #page-admin-qbehaviours .disabled {
2664   color: #999;
2666 #page-admin-qtypes #qtypes div,
2667 #page-admin-qtypes #qtypes form,
2668 #page-admin-qbehaviours #qbehaviours div,
2669 #page-admin-qbehaviours #qbehaviours form {
2670   display: inline;
2672 #page-admin-qtypes #qtypes img.spacer,
2673 #page-admin-qbehaviours #qbehaviours img.spacer {
2674   width: 16px;
2676 img.iconsmall {
2677   margin: 0;
2678   padding: 0.3em;
2680 #page-admin-qbehaviours .cell.c3,
2681 #page-admin-qtypes .cell.c3 {
2682   font-size: 10.5px;
2684 #page-admin-lang .generalbox,
2685 #page-admin-course-index .singlebutton,
2686 #page-admin-course-index .addcategory,
2687 #page-course-index .buttons,
2688 #page-course-index-category .buttons,
2689 #page-admin-course-category .addcategory,
2690 #page-admin-stickyblocks .generalbox,
2691 #page-admin-maintenance .buttons,
2692 #page-admin-course-index .buttons,
2693 #page-admin-course-category .buttons,
2694 #page-admin-index .copyright,
2695 #page-admin-index .copyrightnotice,
2696 #page-admin-index .adminerror .singlebutton,
2697 #page-admin-index .adminwarning .singlebutton,
2698 #page-admin-index #layout-table .singlebutton {
2699   text-align: center;
2700   margin-bottom: 1em;
2702 .path-admin-roles .capabilitysearchui {
2703   text-align: left;
2704   margin-left: auto;
2705   margin-right: auto;
2707 #page-admin-roles-define .topfields {
2708   margin: 1em 0 2em;
2710 #page-admin-roles-define .capdefault {
2711   background-color: #f5f5f5;
2712   border: 1px solid #ddd;
2714 #page-filter-manage .backlink,
2715 .path-admin-roles .backlink {
2716   margin-top: 1em;
2718 #page-admin-roles-explain #chooseuser h3,
2719 #page-admin-roles-usersroles .contextname {
2720   margin-top: 0;
2722 #page-admin-roles-explain #chooseusersubmit {
2723   margin-top: 0;
2724   text-align: center;
2726 #page-admin-roles-usersroles p {
2727   margin: 0;
2729 #page-admin-roles-override .cell.c1,
2730 #page-admin-roles-assign .cell.c3,
2731 #page-admin-roles-assign .cell.c1 {
2732   padding-top: 0.75em;
2734 #page-admin-roles-override .overridenotice,
2735 #page-admin-roles-define .definenotice {
2736   margin: 1em 10% 2em 10%;
2737   text-align: left;
2739 #notice {
2740   width: 60%;
2741   min-width: 220px;
2742   margin: auto;
2744 #page-admin-index .releasenoteslink,
2745 #page-admin-index .adminwarning,
2746 #page-admin-index .adminerror {
2747   margin: auto;
2748   padding: 8px 35px 8px 14px;
2749   margin-bottom: 20px;
2750   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2751   background-color: #fcf8e3;
2752   border: 1px solid #fbeed5;
2753   -webkit-border-radius: 4px;
2754   -moz-border-radius: 4px;
2755   border-radius: 4px;
2756   color: #8a6d3b;
2757   width: 60%;
2758   min-width: 220px;
2760 #page-admin-index .adminerror {
2761   background-color: #f2dede;
2762   border-color: #eed3d7;
2763   color: #b94a48;
2765 #page-admin-index .releasenoteslink {
2766   background-color: #d9edf7;
2767   border-color: #bce8f1;
2768   color: #3a87ad;
2770 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
2771   display: block;
2773 #page-admin-index .updateplugin div {
2774   margin-bottom: 0.5em;
2776 #page-admin-index .updateplugin .updatepluginconfirmexternal {
2777   padding: 1em;
2778   background-color: #f2dede;
2779   border: 1px solid #eed3d7;
2781 #page-admin-user-user_bulk #users .fgroup {
2782   white-space: nowrap;
2784 #page-admin-report-stats-index .graph {
2785   text-align: center;
2786   margin-bottom: 1em;
2788 #page-admin-report-courseoverview-index .graph {
2789   text-align: center;
2790   margin-bottom: 1em;
2792 #page-admin-lang .translator {
2793   border-width: 1px;
2794   border-style: solid;
2796 .path-admin .roleassigntable {
2797   width: 100%;
2799 .path-admin .roleassigntable td {
2800   vertical-align: top;
2801   padding: 0.2em 0.3em;
2803 .path-admin .roleassigntable p {
2804   text-align: left;
2805   margin: 0.2em 0;
2807 .path-admin .roleassigntable #existingcell,
2808 .path-admin .roleassigntable #potentialcell {
2809   width: 42%;
2811 .path-admin .roleassigntable #existingcell p > label:first-child,
2812 .path-admin .roleassigntable #potentialcell p > label:first-child {
2813   font-weight: bold;
2815 .path-admin .roleassigntable #buttonscell {
2816   width: 16%;
2818 .path-admin .roleassigntable #buttonscell #assignoptions {
2819   font-size: 10.5px;
2821 .path-admin .roleassigntable #removeselect_wrapper,
2822 .path-admin .roleassigntable #addselect_wrapper {
2823   width: 100%;
2825 .path-admin table.rolecap tr.rolecap th {
2826   text-align: left;
2827   font-weight: normal;
2829 .path-admin .rolecap .hiddenrow {
2830   display: none;
2832 .path-admin #defineroletable .rolecap .inherit,
2833 .path-admin #defineroletable .rolecap .allow,
2834 .path-admin #defineroletable .rolecap .prevent,
2835 .path-admin #defineroletable .rolecap .prohibit {
2836   text-align: center;
2837   padding: 0;
2838   min-width: 3.5em;
2840 .path-admin .rolecap .cap-name,
2841 .path-admin .rolecap .note {
2842   display: block;
2843   font-size: 10.5px;
2844   white-space: nowrap;
2845   font-weight: normal;
2847 .path-admin .rolecap label {
2848   display: block;
2849   text-align: center;
2850   padding: 0.5em;
2851   margin: 0;
2853 .plugincheckwrapper {
2854   width: 100%;
2856 .environmentbox {
2857   margin-top: 1em;
2859 #mnetconfig table {
2860   margin-left: auto;
2861   margin-right: auto;
2863 .environmenttable .cell {
2864   padding: .15em .5em;
2866 .environmenttable img.iconhelp {
2867   padding-right: .3em;
2869 #trustedhosts .generaltable {
2870   margin-left: auto;
2871   margin-right: auto;
2872   width: 500px;
2874 #trustedhosts .standard {
2875   width: auto;
2877 #adminsettings legend {
2878   display: none;
2880 #adminsettings fieldset.error {
2881   margin: .2em 0 .5em 0;
2883 #adminsettings fieldset.error legend {
2884   display: block;
2886 /*rtl:ignore*/
2887 #admin-spelllanguagelist textarea,
2888 #page-admin-setting-editorsettingstinymce .form-textarea textarea {
2889   text-align: left;
2890   direction: ltr;
2892 /* Styles for flags on admin settings */
2893 .adminsettingsflags {
2894   float: right;
2896 .adminsettingsflags label {
2897   margin-right: 7px;
2899 .form-description {
2900   clear: right;
2902 .form-description pre,
2903 .formsettingheading pre {
2904   /* Code examples should be left aligned. */
2905   /*rtl:ignore*/
2906   direction: ltr;
2908 .form-item .form-setting .form-htmlarea {
2909   display: inline;
2911 .form-item .form-setting .form-htmlarea .htmlarea {
2912   width: 640px;
2913   display: block;
2915 .form-item .form-setting .form-multicheckbox ul {
2916   list-style: none;
2917   padding: 0;
2918   margin: 7px 0 0 0;
2920 .form-item .form-setting .defaultsnext {
2921   margin-right: 0.5em;
2922   display: inline;
2924 .form-item .form-setting .locked-checkbox {
2925   margin-right: 0.2em;
2926   margin-left: 0.5em;
2927   display: inline;
2929 .form-item .form-setting .form-password .unmask,
2930 .form-item .form-setting .form-defaultinfo {
2931   display: inline-block;
2933 .form-item .pathok,
2934 .form-item .patherror {
2935   margin-left: 0.5em;
2937 #admin-emoticons td input {
2938   width: 8em;
2940 #admin-emoticons td.c0 input {
2941   width: 4em;
2943 #adminthemeselector .selectedtheme td.c0 {
2944   border: 1px solid #000;
2945   border-right-width: 0;
2947 #adminthemeselector .selectedtheme td.c1 {
2948   border: 1px solid #000;
2949   border-left-width: 0;
2951 .admin_colourpicker,
2952 .admin_colourpicker_preview {
2953   display: none;
2955 .jsenabled .admin_colourpicker_preview {
2956   display: inline;
2958 .jsenabled .admin_colourpicker {
2959   display: block;
2960   height: 102px;
2961   width: 410px;
2962   margin-bottom: 10px;
2964 .admin_colourpicker .loadingicon {
2965   vertical-align: middle;
2966   margin-left: auto;
2968 .admin_colourpicker .colourdialogue {
2969   float: left;
2970   border: 1px solid #000;
2972 .admin_colourpicker .previewcolour {
2973   border: 1px solid #000;
2974   margin-left: 301px;
2976 .admin_colourpicker .currentcolour {
2977   border: 1px solid #000;
2978   margin-left: 301px;
2979   border-top-width: 0;
2981 #page-admin-index #notice .checkforupdates {
2982   text-align: center;
2984 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
2985   background-color: #d9edf7;
2987 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
2988 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
2989   background-color: #fcf8e3;
2991 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
2992   background-color: #f2dede;
2994 #page-admin-plugins #plugins-overview-panel .info {
2995   display: inline-block;
2996   margin-right: 1em;
2998 #page-admin-plugins .checkforupdates {
2999   margin: 10px 0;
3001 #page-admin-plugins .checkforupdates .singlebutton {
3002   margin: 5px 0;
3003   padding: 0;
3005 #page-admin-plugins .checkforupdates .singlebutton div,
3006 #page-admin-plugins .checkforupdates .singlebutton input {
3007   margin: 0 3px 0 0;
3009 #page-admin-plugins .updateavailableinstallall {
3010   margin: 5px 0;
3011   padding: 0;
3013 #page-admin-plugins .updateavailableinstallall div,
3014 #page-admin-plugins .updateavailableinstallall input {
3015   margin: 0 3px 5px 0;
3017 #page-admin-plugins #plugins-control-panel .status-missing td {
3018   background-color: #f2dede;
3020 #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
3021   padding-top: 0;
3022   padding-bottom: 0;
3024 #page-admin-plugins #plugins-control-panel .pluginname .componentname {
3025   font-size: 11.9px;
3026   color: #999;
3027   margin-left: 22px;
3029 #page-admin-plugins #plugins-control-panel .version .versionnumber {
3030   font-size: 11.9px;
3031   color: #999;
3033 #page-admin-plugins #plugins-control-panel .uninstall a {
3034   color: #b94a48;
3036 #page-admin-plugins #plugins-control-panel .notes .label {
3037   margin-right: 3px;
3039 #page-admin-plugins #plugins-control-panel .notes .requiredby {
3040   font-size: 11.9px;
3041   color: #999;
3043 #plugins-check-page .page-description {
3044   color: #999;
3046 #plugins-check-page .checkforupdates .singlebutton {
3047   margin: 5px 0;
3048   padding: 0;
3050 #plugins-check-page .checkforupdates .singlebutton div,
3051 #plugins-check-page .checkforupdates .singlebutton input {
3052   margin: 0 3px 0 0;
3054 #plugins-check-page #plugins-check-info .actions > div {
3055   display: inline-block;
3056   margin-right: 1em;
3058 #plugins-check-page #plugins-check-info .actions .singlebutton {
3059   margin: 5px 0;
3060   padding: 0;
3062 #plugins-check-page #plugins-check-info .actions .singlebutton div,
3063 #plugins-check-page #plugins-check-info .actions .singlebutton input {
3064   margin: 0 3px 0 0;
3066 #plugins-check-page #plugins-check .requires-ok {
3067   color: #999;
3069 #plugins-check-page #plugins-check .status-missing td,
3070 #plugins-check-page #plugins-check .status-downgrade td {
3071   background-color: #f2dede;
3073 #plugins-check-page #plugins-check .displayname .pluginicon {
3074   margin-right: 5px;
3075   width: 16px;
3077 #plugins-check-page #plugins-check .displayname .plugindir {
3078   color: #999;
3079   font-size: 11.9px;
3081 #plugins-check-page #plugins-check .requires ul {
3082   margin-left: 13px;
3084 #plugins-check-page #plugins-check .status .actionbutton {
3085   margin: 5px 0;
3086   padding: 0;
3088 #plugins-check-page #plugins-check .status .actionbutton input {
3089   margin: 0;
3091 #plugins-check-page .plugins-check-dependencies-actions > div {
3092   display: inline-block;
3093   margin-right: 1em;
3095 #plugins-check-page .plugins-check-dependencies-actions .singlebutton {
3096   margin: 5px 0;
3097   padding: 0;
3099 #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
3100 #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
3101   margin: 0 3px 0 0;
3103 #plugins-check-page #plugins-check-available-dependencies .displayname .component {
3104   font-size: 11.9px;
3105   color: #999;
3107 #plugins-check-page #plugins-check-available-dependencies .info .actions > div {
3108   display: inline-block;
3109   margin-right: 1em;
3111 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
3112   display: block;
3113   margin: 5px 0;
3114   padding: 0;
3116 #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
3117   margin: 0;
3119 #plugins-check-page .pluginupdateinfo,
3120 #plugins-control-panel .pluginupdateinfo {
3121   background-color: #d9edf7;
3122   padding: 5px;
3123   margin: 10px 0;
3124   -webkit-border-radius: 5px;
3125   -moz-border-radius: 5px;
3126   border-radius: 5px;
3128 #plugins-check-page .pluginupdateinfo.maturity50,
3129 #plugins-control-panel .pluginupdateinfo.maturity50 {
3130   background-color: #f2dede;
3132 #plugins-check-page .pluginupdateinfo.maturity100,
3133 #plugins-control-panel .pluginupdateinfo.maturity100,
3134 #plugins-check-page .pluginupdateinfo.maturity150,
3135 #plugins-control-panel .pluginupdateinfo.maturity150 {
3136   background-color: #fcf8e3;
3138 #plugins-check-page .pluginupdateinfo .info,
3139 #plugins-control-panel .pluginupdateinfo .info {
3140   display: inline-block;
3142 #plugins-check-page .pluginupdateinfo .separator:after,
3143 #plugins-control-panel .pluginupdateinfo .separator:after {
3144   content: " | ";
3146 #plugins-check-page .pluginupdateinfo .singlebutton,
3147 #plugins-control-panel .pluginupdateinfo .singlebutton {
3148   margin: 5px 0;
3149   padding: 0;
3151 #plugins-check-page .pluginupdateinfo .singlebutton div,
3152 #plugins-control-panel .pluginupdateinfo .singlebutton div,
3153 #plugins-check-page .pluginupdateinfo .singlebutton input,
3154 #plugins-control-panel .pluginupdateinfo .singlebutton input {
3155   margin: 0 3px 0 0;
3157 .plugins-management-confirm-buttons > div {
3158   display: inline-block;
3159   margin: 1em 1em 1em 0;
3161 .plugins-management-confirm-buttons .continue {
3162   padding: 0;
3164 .plugins-management-confirm-buttons .continue div,
3165 .plugins-management-confirm-buttons .continue input {
3166   margin: 0;
3168 .uninstalldeleteconfirmexternal {
3169   background-color: #fcf8e3;
3170   padding: 0.5em 1em;
3171   margin: 5px 0 10px 0;
3173 #page-admin-index .upgradepluginsinfo {
3174   text-align: center;
3176 #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
3177   content: " | ";
3179 #plugins-check .pluginupdateinfo {
3180   text-align: center;
3181   /*rtl:ignore*/
3182   direction: ltr;
3184 #plugins-check .requires-ok {
3185   /*rtl:ignore*/
3186   text-align: left;
3187   /*rtl:ignore*/
3188   direction: ltr;
3190 /** MNet networking */
3191 #page-admin-mnet-peers .box.deletedhosts {
3192   margin-bottom: 1em;
3193   font-size: 11.9px;
3195 #page-admin-mnet-peers .mform .deletedhostinfo {
3196   background-color: #f2dede;
3197   border: 2px solid #eed3d7;
3198   padding: 4px;
3199   margin-bottom: 5px;
3201 #core-cache-plugin-summaries table,
3202 #core-cache-store-summaries table {
3203   width: 100%;
3205 #core-cache-lock-summary table,
3206 #core-cache-definition-summaries table,
3207 #core-cache-mode-mappings table {
3208   margin: 0 auto;
3210 #core-cache-store-summaries .default-store td {
3211   font-style: italic;
3213 #core-cache-rescan-definitions,
3214 #core-cache-mode-mappings .edit-link,
3215 #core-cache-lock-summary .new-instance {
3216   margin-top: 0.5em;
3217   text-align: center;
3219 .tinymcesubplugins img.icon {
3220   padding-top: 0;
3221   padding-bottom: 0;
3223 .maintenancewarning {
3224   padding: 3px 1em;
3225   text-align: center;
3226   position: fixed;
3227   bottom: 0;
3228   right: 0;
3229   overflow: hidden;
3230   z-index: 1;
3232 .maintenancewarning.error {
3233   color: #b94a48;
3234   background-color: #f2dede;
3235   border: 2px solid #eed3d7;
3236   font-weight: bold;
3238 .maintenancewarning.warning {
3239   color: #8a6d3b;
3240   background-color: #fcf8e3;
3241   border: 2px solid #fbeed5;
3243 #adminsettings .form-overridden {
3244   color: #3a87ad;
3245   background-color: #d9edf7;
3247 /* calendar.less */
3248 .calendar_event_course {
3249   background-color: #ffd3bd;
3251 .calendar_event_global {
3252   background-color: #d6f8cd;
3254 .calendar_event_group {
3255   background-color: #fee7ae;
3257 .calendar_event_user {
3258   background-color: #dce7ec;
3260 .path-calendar .calendartable {
3261   width: 100%;
3263 .path-calendar .calendartable th,
3264 .path-calendar .calendartable td {
3265   width: 14%;
3266   vertical-align: top;
3267   text-align: center;
3268   border: 0;
3270 .path-calendar .calendar-controls .previous,
3271 .path-calendar .calendar-controls .next,
3272 .path-calendar .calendar-controls .current {
3273   display: block;
3274   float: left;
3275   width: 12%;
3277 .path-calendar .calendar-controls .previous {
3278   text-align: left;
3280 .path-calendar .calendar-controls .current {
3281   text-align: center;
3282   width: 76%;
3284 .path-calendar .calendar-controls .next {
3285   text-align: right;
3287 .path-calendar .filters table {
3288   border-collapse: separate;
3289   border-spacing: 2px;
3290   width: 100%;
3292 .path-calendar .cal_courses_flt {
3293   float: left;
3295 .path-calendar .cal_courses_flt label {
3296   margin-right: .45em;
3298 .path-calendar .maincalendar {
3299   vertical-align: top;
3300   padding: 0;
3302 .path-calendar .maincalendar .bottom {
3303   text-align: center;
3304   padding: 5px 0 0 0;
3306 .path-calendar .maincalendar .heightcontainer {
3307   height: 100%;
3308   position: relative;
3310 .path-calendar .maincalendar .calendarmonth {
3311   width: 98%;
3312   margin: 10px auto;
3314 .path-calendar .maincalendar .calendarmonth ul {
3315   margin: 0;
3317 .path-calendar .maincalendar .calendarmonth ul li {
3318   list-style-type: none;
3319   margin-top: 4px;
3321 .path-calendar .maincalendar .calendarmonth td {
3322   height: 5em;
3324 .path-calendar .maincalendar .calendar-controls .previous,
3325 .path-calendar .maincalendar .calendar-controls .next {
3326   width: 30%;
3328 .path-calendar .maincalendar .calendar-controls .current {
3329   width: 39.95%;
3331 .path-calendar .maincalendar .controls {
3332   width: 98%;
3333   margin: 10px auto;
3335 .path-calendar .maincalendar .calendar_event_course,
3336 .path-calendar .maincalendar .calendar_event_global,
3337 .path-calendar .maincalendar .calendar_event_group,
3338 .path-calendar .maincalendar .calendar_event_user {
3339   border-width: 1px 1px 1px 12px;
3340   border-style: solid;
3342 .path-calendar .maincalendar .calendar_event_course {
3343   border-color: #ffd3bd;
3345 .path-calendar .maincalendar .calendar_event_global {
3346   border-color: #d6f8cd;
3348 .path-calendar .maincalendar .calendar_event_group {
3349   border-color: #fee7ae;
3351 .path-calendar .maincalendar .calendar_event_user {
3352   border-color: #dce7ec;
3354 .path-calendar .maincalendar .calendar-event-panel {
3355   background-color: #eee;
3356   border: 2px solid #eee;
3358 .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content {
3359   padding: 19px;
3360   background-color: #fdfdfd;
3361   border: 1px solid #e3e3e3;
3362   -webkit-border-radius: 4px;
3363   -moz-border-radius: 4px;
3364   border-radius: 4px;
3365   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3366   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3367   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3369 .path-calendar .maincalendar .calendar-controls .current {
3370   font-family: inherit;
3371   font-weight: bold;
3372   color: inherit;
3373   font-size: 25px;
3374   line-height: 1.2;
3376 .path-calendar .maincalendar .calendartable td,
3377 .path-calendar .maincalendar .calendartable li {
3378   padding: 5px;
3380 .path-calendar .maincalendar .calendartable li {
3381   padding-left: 10px;
3382   text-align: left;
3384 .path-calendar .maincalendar .header {
3385   overflow: hidden;
3387 .path-calendar .maincalendar .header .buttons {
3388   float: right;
3390 .path-calendar .maincalendar .eventlist {
3391   margin: 0;
3393 .path-calendar .maincalendar .eventlist .event {
3394   width: 92%;
3395   border-spacing: 0;
3396   border-collapse: separate;
3397   position: relative;
3398   padding: 20px 4%;
3399   margin-bottom: 20px;
3400   background-color: #fdfdfd;
3401   border: 1px solid #e3e3e3;
3402   -webkit-border-radius: 4px;
3403   -moz-border-radius: 4px;
3404   border-radius: 4px;
3405   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3406   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3407   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3408   list-style-type: none;
3410 .path-calendar .maincalendar .eventlist .event > img {
3411   padding-top: 3px;
3412   float: left;
3414 .path-calendar .maincalendar .eventlist .event .name {
3415   font-size: 17.5px;
3416   font-weight: 200;
3417   line-height: 24px;
3418   float: left;
3419   margin: 0;
3421 .path-calendar .maincalendar .eventlist .event .name,
3422 .path-calendar .maincalendar .eventlist .event .course {
3423   margin-bottom: 5px;
3425 .path-calendar .maincalendar .eventlist .event .date {
3426   float: right;
3428 .path-calendar .maincalendar .eventlist .event .course,
3429 .path-calendar .maincalendar .eventlist .event .subscription {
3430   float: left;
3431   clear: left;
3433 .path-calendar .maincalendar .eventlist .event .side {
3434   width: 22px;
3436 .path-calendar .maincalendar .eventlist .event .description {
3437   background-color: #fff;
3438   padding: 5px;
3439   clear: both;
3441 .path-calendar .maincalendar .eventlist .event .description .commands {
3442   position: absolute;
3443   right: 0;
3444   top: 0;
3445   margin: 3px;
3447 .path-calendar .maincalendar .eventlist .event .commands {
3448   position: absolute;
3449   top: 2px;
3450   right: 2px;
3452 .path-calendar .maincalendar .eventlist .event .commands a {
3453   margin: 0 3px;
3455 #page-calendar-export .indent {
3456   padding-left: 20px;
3458 .block .minicalendar {
3459   max-width: 280px;
3460   margin: 0 auto;
3461   width: 100%;
3463 .block .minicalendar th,
3464 .block .minicalendar td {
3465   padding: 2px;
3466   font-size: 0.8em;
3467   text-align: center;
3469 .block .minicalendar td.weekend {
3470   color: #999;
3472 .block .minicalendar td a {
3473   width: 100%;
3474   height: 100%;
3475   display: block;
3477 .block .minicalendar td.duration_global {
3478   border-top: 1px solid #d6f8cd;
3479   border-bottom: 1px solid #d6f8cd;
3481 .block .minicalendar td.duration_global.duration_finish {
3482   background-color: #d6f8cd;
3484 .block .minicalendar td.duration_course {
3485   border-top: 1px solid #ffd3bd;
3486   border-bottom: 1px solid #ffd3bd;
3488 .block .minicalendar td.duration_course.duration_finish {
3489   background-color: #ffd3bd;
3491 .block .minicalendar td.duration_group {
3492   border-top: 1px solid #fee7ae;
3493   border-bottom: 1px solid #fee7ae;
3495 .block .minicalendar td.duration_group.duration_finish {
3496   background-color: #fee7ae;
3498 .block .minicalendar td.duration_user {
3499   border-top: 1px solid #dce7ec;
3500   border-bottom: 1px solid #dce7ec;
3502 .block .minicalendar td.duration_user.duration_finish {
3503   background-color: #dce7ec;
3505 .block .minicalendar caption {
3506   font-size: inherit;
3507   font-weight: inherit;
3508   line-height: inherit;
3509   text-align: center;
3511 .block .calendar-event-panel {
3512   background-color: #eee;
3513   border: 1px solid #eee;
3515 .block .calendar-event-panel .yui3-overlay-content {
3516   padding: 19px;
3517   background-color: #fdfdfd;
3518   border: 1px solid #e3e3e3;
3519   -webkit-border-radius: 4px;
3520   -moz-border-radius: 4px;
3521   border-radius: 4px;
3522   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3523   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3524   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
3526 .block .calendar-event-panel .yui3-overlay-content h2.eventtitle {
3527   line-height: 1.2;
3528   font-size: 18px;
3530 .block .calendar-event-panel .yui3-overlay-content .eventcontent img {
3531   padding-right: 5px;
3533 .block .calendar-controls .previous,
3534 .block .calendar-controls .current,
3535 .block .calendar-controls .next {
3536   display: block;
3537   float: left;
3539 .block .calendar-controls .previous {
3540   text-align: left;
3541   width: 12%;
3543 .block .calendar-controls .current {
3544   text-align: center;
3545   width: 76%;
3547 .block .calendar-controls .next {
3548   text-align: right;
3549   width: 12%;
3551 .block .calendar_filters ul {
3552   list-style: none;
3553   margin: 0;
3555 .block .calendar_filters li {
3556   margin-bottom: 0.2em;
3558 .block .calendar_filters li span img {
3559   padding: 0 0.2em;
3561 .block .calendar_filters .eventname {
3562   padding-left: 0.2em;
3564 .block .content h3.eventskey {
3565   margin-top: 0.5em;
3567 .ical-link {
3568   font-size: 10px;
3569   font-weight: bold;
3570   background-color: #f60;
3571   padding: 0 5px;
3572   color: #fff;
3573   border-top: 1px solid #f93;
3574   border-left: 1px solid #f93;
3575   border-bottom: 1px solid #013;
3576   border-right: 1px solid #013;
3578 .ical-link:hover,
3579 .ical-link:active,
3580 .ical-link:focus,
3581 .ical-link:visited {
3582   color: #fff;
3583   text-decoration: none;
3585 @media (min-width: 768px) {
3586   #page-calender-view .container-fluid {
3587     min-width: 1024px;
3588   }
3590 /* course.less */
3591 /* COURSE CONTENT */
3592 /* stylelint-disable unit-blacklist */
3593 .section_add_menus {
3594   text-align: right;
3595   clear: both;
3597 .section-modchooser {
3598   clear: both;
3600 .section_add_menus .horizontal div,
3601 .section_add_menus .horizontal form {
3602   display: inline;
3604 .section_add_menus optgroup {
3605   font-weight: normal;
3606   font-style: italic;
3608 .section_add_menus .urlselect {
3609   margin-left: .4em;
3611 .section_add_menus .urlselect select {
3612   margin-left: .2em;
3614 .section_add_menus .urlselect img.iconhelp {
3615   padding: 0;
3616   margin: 0;
3617   vertical-align: text-bottom;
3619 .sitetopic ul.section {
3620   margin: 0;
3622 .course-content ul.section {
3623   margin: 1em;
3625 .section .side.left {
3626   float: left;
3628 .section .side.right {
3629   float: right;
3631 .section .spinner {
3632   height: 16px;
3633   width: 16px;
3635 .section .activity {
3636   /* The command block for each activity */
3638 .section .activity .spinner {
3639   left: 100%;
3640   position: absolute;
3642 .section .activity .editing_move {
3643   /* Move the move icon to the start of the line */
3644   position: absolute;
3645   left: 0;
3646   top: 0;
3648 .section .activity .mod-indent-outer {
3649   /**
3650              * Add appropriate padding such that nothing overlaps the
3651              * absolute positioned move icon.
3652              */
3653   padding-left: 32px;
3655 .section .activity .actions {
3656   position: absolute;
3657   right: 0;
3658   top: 0;
3660 .section .activity .contentwithoutlink,
3661 .section .activity .activityinstance {
3662   min-width: 40%;
3663   display: table-cell;
3664   padding-right: 4px;
3665   min-height: 2em;
3667 .section .activity .contentwithoutlink .dimmed img.activityicon,
3668 .section .activity .activityinstance .dimmed img.activityicon {
3669   opacity: 0.5;
3670   filter: alpha(opacity=50);
3672 .section .label .contentwithoutlink,
3673 .section .label .activityinstance {
3674   padding-right: 32px;
3675   display: block;
3676   height: inherit;
3678 .section .label .mod-indent-outer {
3679   padding-left: 24px;
3680   display: block;
3682 .section .filler {
3683   width: 16px;
3684   height: 16px;
3685   padding: 0.3em;
3686   display: inline-block;
3688 .section .activity.editor_displayed a.editing_title,
3689 .section .activity.editor_displayed .moodle-actionmenu {
3690   display: none;
3692 .section .activity.editor_displayed div.activityinstance {
3693   padding-right: initial;
3695 .section .activity.editor_displayed div.activityinstance input {
3696   margin-bottom: initial;
3697   padding-top: initial;
3698   padding-bottom: initial;
3699   vertical-align: text-bottom;
3701 .activity img.activityicon {
3702   margin-right: 6px;
3703   vertical-align: text-bottom;
3705 .section .activity .activityinstance,
3706 .section .activity .activityinstance div {
3707   display: inline-block;
3709 .editing .section .activity .contentwithoutlink,
3710 .editing .section .activity .activityinstance {
3711   padding-right: 200px;
3713 .editing_show + .editing_assign,
3714 .editing_hide + .editing_assign {
3715   margin-left: 20px;
3717 .section .activity .commands {
3718   white-space: nowrap;
3719   display: inline;
3721 .section .activity.modtype_label.label {
3722   font-weight: normal;
3723   padding: .2em;
3725 .section li.activity {
3726   padding: .2em;
3727   clear: both;
3729 .section .activity .activityinstance .groupinglabel {
3730   padding-left: 30px;
3732 .section .activity .availabilityinfo,
3733 .section .activity .contentafterlink {
3734   margin-top: 0.5em;
3735   margin-left: 30px;
3737 .section .activity .contentafterlink p {
3738   margin: .5em 0;
3740 .editing .section .activity:hover,
3741 .editing .section .activity.action-menu-shown {
3742   background-color: #eee;
3744 .course-content .current {
3745   background-color: #d9edf7;
3747 .course-content .section-summary {
3748   border: 1px solid #ddd;
3749   margin-top: 5px;
3750   list-style: none;
3752 .course-content .section-summary .section-title {
3753   margin: 2px 5px 10px 5px;
3755 .course-content .section-summary .summarytext {
3756   margin: 2px 5px 2px 5px;
3758 .course-content .section-summary .section-summary-activities .activity-count {
3759   color: #999;
3760   font-size: 11.9px;
3761   margin: 3px;
3762   white-space: nowrap;
3763   display: inline-block;
3765 .course-content .section-summary .summary {
3766   margin-top: 5px;
3768 .course-content .single-section {
3769   margin-top: 1em;
3771 .course-content .single-section .section-navigation {
3772   display: block;
3773   padding: 0.5em;
3774   margin-bottom: -0.5em;
3776 .course-content .single-section .section-navigation .title {
3777   font-weight: bold;
3778   font-size: 108%;
3779   clear: both;
3781 .course-content .single-section .section-navigation .mdl-left {
3782   font-weight: normal;
3783   float: left;
3784   margin-right: 1em;
3786 .course-content .single-section .section-navigation .mdl-left .larrow {
3787   margin-right: 0.1em;
3789 .course-content .single-section .section-navigation .mdl-right {
3790   font-weight: normal;
3791   float: right;
3792   margin-left: 1em;
3794 .course-content .single-section .section-navigation .mdl-right .rarrow {
3795   margin-left: 0.1em;
3797 .course-content .single-section .section-navigation .mdl-bottom {
3798   margin-top: 0;
3800 .course-content ul li.section.main {
3801   border-bottom: 2px solid #ddd;
3802   margin-top: 0;
3804 .course-content ul li.section.hidden .sectionname > span,
3805 .course-content ul li.section.hidden .content > div,
3806 .course-content ul li.section.hidden .activity .activityinstance {
3807   opacity: .5;
3809 .course-content ul li.section.hidden .sectionname > span,
3810 .course-content ul li.section.hidden .activity .activityinstance {
3811   margin-left: 10px;
3812   margin-right: 10px;
3814 .course-content ul.topics li.section .content,
3815 .course-content ul.weeks li.section .content {
3816   margin-right: 20px;
3817   margin-left: 20px;
3818   padding: 0;
3820 .course-content {
3821   margin-top: 0;
3823 .course-content ul.topics li.section {
3824   padding-bottom: 20px;
3826 .course-content ul.topics li.section .summary {
3827   margin-left: 25px;
3829 .course-content li.section ul {
3830   list-style: disc;
3832 .course-content li.section ul ul {
3833   list-style: circle;
3835 .course-content li.section ul ul ul {
3836   list-style: square;
3838 .course-content li.section li.activity ul {
3839   list-style: disc;
3841 .course-content li.section li.activity ul ul {
3842   list-style: circle;
3844 .course-content li.section li.activity ul ul ul {
3845   list-style: square;
3847 .path-course-view .completionprogress {
3848   margin-left: 25px;
3850 .path-course-view .completionprogress {
3851   display: block;
3852   float: right;
3853   height: 20px;
3854   position: relative;
3856 #page-site-index .subscribelink {
3857   text-align: right;
3859 #site-news-forum h2,
3860 #frontpage-course-list h2,
3861 #frontpage-category-names h2,
3862 #frontpage-category-combo h2 {
3863   margin-bottom: 9px;
3865 .path-course-view a.reduce-sections {
3866   padding-left: 0.2em;
3868 .path-course-view .subscribelink {
3869   text-align: right;
3871 .path-course-view .unread {
3872   margin-left: 30px;
3874 .path-course-view .block.drag .header {
3875   cursor: move;
3877 .path-course-view .completionprogress {
3878   text-align: right;
3880 .path-course-view .single-section .completionprogress {
3881   margin-right: 5px;
3883 .path-course-view .section .summary {
3884   line-height: normal;
3886 .path-site li.activity > div,
3887 .path-course-view li.activity > div {
3888   position: relative;
3889   padding: 0 16px 0 0;
3890   /* to accommodate the floated completion icon with highlighting */
3892 .path-course-view li.activity span.autocompletion img {
3893   vertical-align: text-bottom;
3895 .path-course-view li.activity form.togglecompletion img {
3896   max-width: none;
3897   /* The width is 0 so ensure we don't end up with a relative max-width */
3899 .path-course-view li.activity form.togglecompletion .ajaxworking {
3900   width: 16px;
3901   height: 16px;
3902   position: absolute;
3903   right: 22px;
3904   top: 3px;
3905   background: url([[pix:i/ajaxloader]]) no-repeat;
3907 li.section.hidden span.commands a.editing_hide,
3908 li.section.hidden span.commands a.editing_show {
3909   cursor: default;
3911 ul.weeks h3.sectionname {
3912   white-space: nowrap;
3914 .editing ul.weeks h3.sectionname {
3915   white-space: normal;
3917 .single-section h3.sectionname {
3918   text-align: center;
3919   clear: both;
3921 .section img.movetarget {
3922   height: 16px;
3923   width: 80px;
3925 input.titleeditor {
3926   width: 330px;
3927   vertical-align: text-bottom;
3929 span.editinstructions {
3930   position: absolute;
3931   top: 0;
3932   margin-top: -22px;
3933   margin-left: 30px;
3934   line-height: 16px;
3935   font-size: 11.9px;
3936   padding: .1em .4em;
3937   background-color: #d9edf7;
3938   color: #3a87ad;
3939   text-decoration: none;
3940   z-index: 9999;
3941   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3942   -moz-box-shadow: 2px 2px 5px 1px #ccc;
3943   box-shadow: 2px 2px 5px 1px #ccc;
3944   border: 1px solid #bce8f1;
3946 /* Course drag and drop upload styles */
3947 #dndupload-status {
3948   position: fixed;
3949   left: 0;
3950   width: 40%;
3951   margin: 0 30%;
3952   padding: 6px;
3953   border: 1px solid #bce8f1;
3954   text-align: center;
3955   background: #d9edf7;
3956   color: #3a87ad;
3957   z-index: 1;
3958   -webkit-box-shadow: 2px 2px 5px 1px #ccc;
3959   -moz-box-shadow: 2px 2px 5px 1px #ccc;
3960   box-shadow: 2px 2px 5px 1px #ccc;
3961   -webkit-border-radius: 8px;
3962   -moz-border-radius: 8px;
3963   border-radius: 8px;
3965 .dndupload-preview {
3966   color: #909090;
3967   border: 1px dashed #909090;
3968   list-style: none;
3969   margin-top: .2em;
3970   padding: .3em;
3972 .dndupload-preview img.icon {
3973   vertical-align: text-bottom;
3974   padding: 0;
3976 .dndupload-progress-outer {
3977   overflow: hidden;
3978   height: 20px;
3979   margin-bottom: 20px;
3980   background-color: #f7f7f7;
3981   background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
3982   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
3983   background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
3984   background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
3985   background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
3986   background-repeat: repeat-x;
3987   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
3988   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3989   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3990   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3991   -webkit-border-radius: 4px;
3992   -moz-border-radius: 4px;
3993   border-radius: 4px;
3995 .dndupload-progress-inner {
3996   width: 0%;
3997   height: 100%;
3998   color: #fff;
3999   float: left;
4000   font-size: 12px;
4001   text-align: center;
4002   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4003   background-color: #0e90d2;
4004   background-image: -moz-linear-gradient(top, #149bdf, #0480be);
4005   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
4006   background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
4007   background-image: -o-linear-gradient(top, #149bdf, #0480be);
4008   background-image: linear-gradient(to bottom, #149bdf, #0480be);
4009   background-repeat: repeat-x;
4010   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
4011   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4012   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4013   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
4014   -webkit-box-sizing: border-box;
4015   -moz-box-sizing: border-box;
4016   box-sizing: border-box;
4017   -webkit-transition: width 0.6s ease;
4018   -moz-transition: width 0.6s ease;
4019   -o-transition: width 0.6s ease;
4020   transition: width 0.6s ease;
4022 .dndupload-hidden {
4023   display: none;
4025 /* COURSES LISTINGS AND COURSE SUMMARY */
4026 #page-course-pending .singlebutton,
4027 #page-course-index .singlebutton,
4028 #page-course-index-category .singlebutton,
4029 #page-course-editsection .singlebutton {
4030   text-align: center;
4032 #page-admin-course-manage #movecourses td img {
4033   margin: 0 .22em;
4034   vertical-align: text-bottom;
4036 #page-admin-course-manage #movecourses td img.icon {