f322a7eeb8c34650b6f364b7943412ef797ef067
[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 {
4037   padding: 0;
4039 #coursesearch {
4040   margin-top: 1em;
4041   text-align: center;
4043 #page-course-pending .pendingcourserequests {
4044   margin-bottom: 1em;
4046 #page-course-pending .pendingcourserequests .singlebutton {
4047   display: inline;
4049 #page-course-pending .pendingcourserequests .cell {
4050   padding: 0 5px;
4052 #page-course-pending .pendingcourserequests .cell.c6 {
4053   white-space: nowrap;
4055 .coursebox {
4056   margin-bottom: 15px;
4057   border: 1px dotted #ddd;
4058   -webkit-border-radius: 4px;
4059   -moz-border-radius: 4px;
4060   border-radius: 4px;
4061   padding: 5px;
4063 .coursebox > .info > .coursename a {
4064   display: block;
4065   background-image: url([[pix:moodle|i/course]]);
4066   background-repeat: no-repeat;
4067   padding-left: 21px;
4068   background-position: left 0.2em;
4070 .coursebox > .info > .coursename,
4071 .coursebox .content .teachers,
4072 .coursebox .content .courseimage,
4073 .coursebox .content .coursefile {
4074   float: left;
4075   clear: left;
4077 .coursebox .content .teachers,
4078 .coursebox .content .courseimage,
4079 .coursebox .content .coursefile {
4080   width: 40%;
4082 .coursebox > .info > h3.coursename {
4083   margin: 5px;
4084   line-height: 1;
4086 .coursebox > .info > .coursename {
4087   margin: 5px;
4088   padding: 0;
4090 .coursebox .content .teachers li {
4091   list-style-type: none;
4092   padding: 0;
4093   margin: 0;
4095 .coursebox .enrolmenticons {
4096   padding: 3px 0;
4097   float: right;
4099 .coursebox .moreinfo {
4100   padding: 3px 0;
4101   float: right;
4103 .coursebox .enrolmenticons img,
4104 .coursebox .moreinfo img {
4105   margin: 0 .2em;
4107 .coursebox .content {
4108   clear: both;
4110 .coursebox .content .summary,
4111 .coursebox .content .coursecat {
4112   float: right;
4113   width: 55%;
4115 .coursebox .content .coursecat {
4116   text-align: right;
4117   clear: right;
4119 .coursebox.remotecoursebox .remotecourseinfo {
4120   float: left;
4121   width: 40%;
4123 .coursebox .content .courseimage img {
4124   max-width: 100px;
4125   max-height: 100px;
4127 .coursebox .content .coursecat,
4128 .coursebox .content .summary,
4129 .coursebox .content .courseimage,
4130 .coursebox .content .coursefile,
4131 .coursebox .content .teachers,
4132 .coursebox.remotecoursebox .remotecourseinfo {
4133   margin: 3px 5px;
4134   padding: 0;
4136 .coursebox.remotehost > .info > .categoryname a {
4137   background-image: url([[pix:moodle|i/mnethost]]);
4139 .coursebox.collapsed {
4140   margin-bottom: 0;
4142 .coursebox.collapsed > .content {
4143   display: none;
4145 .courses .coursebox.collapsed {
4146   border: 1px solid #ddd;
4147   padding: 5px;
4149 .courses .coursebox.even {
4150   background-color: #f9f9f9;
4152 .courses .coursebox:hover,
4153 .course_category_tree .courses > .paging.paging-morelink:hover {
4154   background-color: #f5f5f5;
4156 .course_category_tree .category .numberofcourse {
4157   font-size: 11.9px;
4159 .course_category_tree .controls {
4160   visibility: hidden;
4162 .course_category_tree .controls div {
4163   display: inline;
4164   cursor: pointer;
4166 .jsenabled .course_category_tree .controls {
4167   visibility: visible;
4169 .course_category_tree .controls {
4170   margin-bottom: 5px;
4171   text-align: right;
4172   float: right;
4174 .course_category_tree .controls div {
4175   padding-right: 2em;
4176   font-size: 75%;
4178 .course_category_tree .category > .info > .categoryname {
4179   /*rtl:remove*/
4180   background-image: url([[pix:moodle|t/collapsed_empty]]);
4181   /*rtl:raw:
4182     background-image: url([[pix:moodle|t/collapsed_empty_rtl]]);
4183     */
4184   background-repeat: no-repeat;
4185   padding: 2px 18px;
4186   margin: 3px;
4187   background-position: center left;
4189 .course_category_tree .category.with_children > .info > .categoryname {
4190   background-image: url([[pix:moodle|t/expanded]]);
4191   cursor: pointer;
4193 .course_category_tree .category.with_children.collapsed > .info > .categoryname {
4194   /*rtl:raw:
4195     background-image: url([[pix:moodle|t/collapsed_rtl]]);
4196     */
4197   /*rtl:remove*/
4198   background-image: url([[pix:moodle|t/collapsed]]);
4200 .course_category_tree .category.collapsed > .content {
4201   display: none;
4203 .course_category_tree .category > .info {
4204   min-height: 20px;
4205   padding: 19px;
4206   margin-bottom: 20px;
4207   background-color: #f5f5f5;
4208   border: 1px solid #e3e3e3;
4209   -webkit-border-radius: 4px;
4210   -moz-border-radius: 4px;
4211   border-radius: 4px;
4212   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4213   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4214   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
4215   border-color: #e3e3e3;
4216   min-height: 0;
4217   padding: 0;
4218   margin: 3px 0;
4219   margin-bottom: 3px;
4220   clear: both;
4222 .course_category_tree .category > .info blockquote {
4223   border-color: #ddd;
4224   border-color: rgba(0, 0, 0, 0.15);
4226 .course_category_tree.frontpage-category-names .category > .info {
4227   background: none;
4228   border: none;
4229   margin: 0;
4231 .course_category_tree .category > .content {
4232   padding-left: 16px;
4234 .course_category_tree .subcategories > .paging,
4235 .courses > .paging {
4236   margin: 0;
4237   padding: 5px;
4238   text-align: center;
4240 .courses > .paging.paging-morelink,
4241 .course_category_tree .subcategories > .paging.paging-morelink {
4242   text-align: left;
4244 .course_category_tree .paging.paging-morelink a {
4245   font-size: 11.9px;
4247 #page-course-index-category .generalbox.info {
4248   margin-bottom: 15px;
4249   border: 1px dotted #ddd;
4250   -webkit-border-radius: 4px;
4251   -moz-border-radius: 4px;
4252   border-radius: 4px;
4253   padding: 5px;
4255 #page-course-index-category .categorypicker {
4256   text-align: center;
4257   margin: 10px 0 20px;
4259 .section .summary .iconsmall,
4260 .section .activity .iconsmall {
4261   width: 16px;
4262   height: 16px;
4264 .section .editing_title .iconsmall {
4265   width: 12px;
4266   height: 12px;
4267   margin: 8px 8px 0 0;
4268   padding: 4px 8px 0 0;
4269   vertical-align: text-bottom;
4271 .section .moodle-actionmenu .iconsmall {
4272   /** reset sets 100% !important which breaks on IE8 without this !important */
4273   max-width: none !important;
4274   /* stylelint-disable-line declaration-no-important */
4275   width: 16px;
4276   height: 16px;
4277   padding: 4px;
4278   vertical-align: text-bottom;
4280 .section .moodle-actionmenu[data-enhanced] .menu img {
4281   width: 12px;
4282   height: 12px;
4284 /**
4285  * Course management page
4286  * Palette
4287  *
4288  * Background (reg)         #F5F5F5
4289  * Background (light        #fafafa
4290  * Background (highlight)   #ddffaa
4291  * Borders                  #e1e1e8
4292  */
4293 #course-category-listings {
4294   background-color: transparent;
4295   margin-bottom: 200px;
4296   /** Two column layout */
4297   /** Three column layout */
4299 #course-category-listings.columns-2 > #course-listing > div {
4300   position: relative;
4301   left: -1px;
4303 #course-category-listings.columns-3 > #course-listing > div {
4304   height: 100%;
4306 #course-category-listings > div > div {
4307   min-height: 300px;
4309 #course-category-listings > div > div > ul.ml > li:first-child > div {
4310   border-top: 0;
4312 #course-category-listings h3 {
4313   margin: 0;
4314   padding: 0.4rem 0.6rem 0.3rem;
4316 #course-category-listings h4 {
4317   margin: 1rem 0 0;
4318   padding: 0.6rem 1rem 0.5rem;
4320 #course-category-listings .moodle-actionmenu {
4321   white-space: nowrap;
4323 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
4324   width: auto;
4326 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
4327   padding-right: 4px;
4329 #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
4330   margin-top: 12px;
4332 #course-category-listings .listing-actions {
4333   text-align: center;
4334   padding: 0.4rem 0.3rem 0.3rem;
4335   line-height: 2.2em;
4337 #course-category-listings .listing-actions > a,
4338 #course-category-listings .listing-actions > .moodle-actionmenu {
4339   display: inline-block;
4341 #course-category-listings .listing-actions > .moodle-actionmenu .menu a {
4342   padding-left: 1rem;
4344 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
4345   line-height: normal;
4347 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
4348   color: inherit;
4349   display: inline-block;
4351 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
4352   display: none;
4354 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
4355   display: none;
4357 #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
4358   display: inline-block;
4360 #course-category-listings ul.ml {
4361   list-style: none;
4362   margin: 1rem 0;
4364 #course-category-listings ul.ml ul.ml {
4365   margin: 0;
4367 #course-category-listings li {
4368   line-height: 2.2em;
4370 #course-category-listings li > div:hover {
4371   background-color: #f5f5f5;
4373 #course-category-listings li .tree-icon {
4374   margin: 2px 6px 0 0;
4375   width: 12px;
4376   vertical-align: inherit;
4378 #course-category-listings li[data-selected='1'] > div {
4379   background-color: #f9f9f9;
4381 #course-category-listings li[data-selected='1'] > div:hover {
4382   background-color: #f5f5f5;
4384 #course-category-listings li .tree-icon {
4385   margin-left: 0;
4387 #course-category-listings li li .tree-icon {
4388   margin-left: 1em;
4390 #course-category-listings li li li .tree-icon {
4391   margin-left: 2em;
4393 #course-category-listings li li li li .tree-icon {
4394   margin-left: 3em;
4396 #course-category-listings li li li li li .tree-icon {
4397   margin-left: 4em;
4399 #course-category-listings li li li li li li .tree-icon {
4400   margin-left: 4.5em;
4402 #course-category-listings li li li li li li li .tree-icon {
4403   margin-left: 5em;
4405 #course-category-listings li li li li li li li li .tree-icon {
4406   margin-left: 5.5em;
4408 #course-category-listings .item-actions {
4409   margin-right: 1em;
4410   display: initial;
4412 #course-category-listings .item-actions > a img,
4413 #course-category-listings .item-actions .menubar img {
4414   margin: 0 4px;
4415   height: 12px;
4416   padding: 0;
4417   vertical-align: inherit;
4419 #course-category-listings .item-actions.show .menu li {
4420   line-height: 20px;
4422 #course-category-listings .item-actions.show .menu img {
4423   width: 12px;
4424   max-width: none;
4426 #course-category-listings .item-actions .menu-action-text {
4427   vertical-align: inherit;
4429 #course-category-listings .listitem > div > .float-left {
4430   float: left;
4432 #course-category-listings .listitem > div > .float-right {
4433   float: right;
4434   text-align: right;
4436 #course-category-listings .listitem > div .item-actions .action-show {
4437   display: none;
4439 #course-category-listings .listitem > div .item-actions .action-hide {
4440   display: inline;
4442 #course-category-listings .listitem > div .without-actions {
4443   color: #333;
4445 #course-category-listings .listitem > div .idnumber {
4446   color: #a1a1a8;
4447   margin-right: 2em;
4449 #course-category-listings .listitem[data-visible="0"] {
4450   color: #999;
4452 #course-category-listings .listitem[data-visible="0"] > div > a {
4453   color: #999;
4455 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
4456   display: inline;
4458 #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
4459   display: none;
4461 #course-category-listings .listitem.highlight {
4462   background-color: transparent;
4464 #course-category-listings .listitem.highlight > div,
4465 #course-category-listings .listitem.highlight > div:hover,
4466 #course-category-listings .listitem.highlight[data-selected='1'] > div {
4467   background-color: #f5f5f5;
4469 #course-category-listings #course-listing .listitem .categoryname {
4470   display: inline-block;
4471   margin-left: 1em;
4472   color: #a1a1a8;
4474 #course-category-listings #course-listing .listitem .coursename {
4475   display: inline-block;
4477 #course-category-listings #course-listing .listitem > div {
4478   padding-left: 1rem;
4480 #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
4481 #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
4482   display: none;
4484 #course-category-listings #course-listing .bulk-action-checkbox {
4485   margin: -2px 6px 0 0;
4487 #course-category-listings #category-listing .listitem.collapsed > ul.ml {
4488   display: none;
4490 #course-category-listings #category-listing .listitem > div > .ba-checkbox {
4491   width: 2.2em;
4492   text-align: center;
4493   margin: -1px 0.5em 0 0;
4494   padding-top: 2px;
4496 #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
4497   background-color: #f5f5f5;
4499 #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
4500   margin: 0 0.5em 0 0;
4501   padding: 0;
4502   background-color: inherit;
4504 #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
4505 #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
4506   display: none;
4508 #course-category-listings #category-listing .course-count {
4509   color: #a1a1a8;
4510   margin-right: 2rem;
4511   min-width: 3.5em;
4512   display: inline-block;
4514 #course-category-listings #category-listing .course-count .smallicon {
4515   width: 12px;
4516   margin-left: 4px;
4517   vertical-align: inherit;
4519 #course-category-listings #category-listing .bulk-action-checkbox {
4520   margin-right: -3px;
4522 #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
4523   position: relative;
4525 #course-category-listings #category-listing .category-bulk-actions {
4526   margin: 0 0.5em 0.5em;
4527   position: relative;
4529 #course-category-listings .detail-pair {
4530   border-bottom: 1px solid #ddd;
4531   margin: 0 1rem;
4533 #course-category-listings .detail-pair > * {
4534   display: inline-block;
4535   line-height: 2.2rem;
4537 #course-category-listings .detail-pair .pair-key {
4538   font-weight: bold;
4539   vertical-align: top;
4541 #course-category-listings .detail-pair .pair-key span {
4542   margin-right: 1rem;
4543   display: block;
4545 #course-category-listings .detail-pair .pair-value select {
4546   max-width: 100%;
4548 #course-category-listings .bulk-actions .detail-pair > * {
4549   display: block;
4550   width: 100%;
4552 #course-category-listings .listing-pagination {
4553   text-align: center;
4555 #course-category-listings .listing-pagination .yui3-button {
4556   background-color: #fff;
4557   border: 0;
4558   margin: 0.4rem 0.2rem 0.45rem;
4559   font-size: 10.4px;
4561 #course-category-listings .listing-pagination .yui3-button.active-page {
4562   background-color: #e6e6e6;
4564 #course-category-listings .listing-pagination-totals {
4565   text-align: center;
4567 #course-category-listings .listing-pagination-totals.dimmed {
4568   color: #999;
4569   margin: 0.4rem 1rem 0.45rem;
4571 #course-category-listings .select-a-category .notifymessage,
4572 #course-category-listings .select-a-category .alert {
4573   margin: 1em;
4575 #course-category-listings #course-listing .listitem .drag-handle {
4576   display: none;
4578 .jsenabled #course-category-listings #course-listing .listitem .drag-handle {
4579   display: inline-block;
4580   margin: 0 6px 0 0;
4581   cursor: pointer;
4583 /** Management header styling **/
4584 .coursecat-management-header {
4585   vertical-align: middle;
4587 .coursecat-management-header h2 {
4588   display: inline-block;
4589   text-align: left;
4591 .coursecat-management-header > div {
4592   display: inline-block;
4593   float: right;
4594   line-height: 40px;
4596 .coursecat-management-header > div > div {
4597   margin: 10px 0;
4598   display: inline-block;
4600 .coursecat-management-header select {
4601   max-width: 300px;
4602   cursor: pointer;
4603   padding: 0.4em 0.5em 0.45em 1em;
4604   vertical-align: baseline;
4605   white-space: nowrap;
4607 .coursecat-management-header .view-mode-selector .moodle-actionmenu {
4608   white-space: nowrap;
4609   display: inline-block;
4611 .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
4612   padding-left: 1em;
4614 .course-being-dragged-proxy {
4615   border: 0;
4616   color: #0070a8;
4617   vertical-align: middle;
4618   padding: 0 0 0 4em;
4620 .course-being-dragged {
4621   opacity: 0.5;
4622   filter: alpha(opacity=50);
4624 /**
4625  * Display sizes:
4626  * Large displays                   1200        +
4627  * Default displays                  980     1199
4628  * Tablets                           768      979
4629  * Small tablets and large phones    481      767
4630  * Phones                              0      480
4631  */
4632 @media (min-width: 1200px) and (max-width: 1600px) {
4633   #course-category-listings.columns-3 {
4634     background-color: transparent;
4635     border: 0;
4636   }
4637   #course-category-listings.columns-3 #category-listing,
4638   #course-category-listings.columns-3 #course-listing {
4639     width: 50%;
4640   }
4641   #course-category-listings.columns-3 #category-listing > div,
4642   #course-category-listings.columns-3 #course-listing > div,
4643   #course-category-listings.columns-3 #course-detail > div {
4644     background-color: transparent;
4645   }
4646   #course-category-listings.columns-3 #course-detail {
4647     width: 100%;
4648     margin-top: 1em;
4649   }
4651 @media (max-width: 1199px) {
4652   #course-category-listings.columns-2,
4653   #course-category-listings.columns-3 {
4654     background-color: transparent;
4655     border: 0;
4656   }
4657   #course-category-listings.columns-2 #category-listing,
4658   #course-category-listings.columns-3 #category-listing,
4659   #course-category-listings.columns-2 #course-listing,
4660   #course-category-listings.columns-3 #course-listing,
4661   #course-category-listings.columns-2 #course-detail,
4662   #course-category-listings.columns-3 #course-detail {
4663     width: 100%;
4664     margin: 0 0 1em;
4665   }
4666   #course-category-listings.columns-2 #category-listing > div,
4667   #course-category-listings.columns-3 #category-listing > div,
4668   #course-category-listings.columns-2 #course-listing > div,
4669   #course-category-listings.columns-3 #course-listing > div,
4670   #course-category-listings.columns-2 #course-detail > div,
4671   #course-category-listings.columns-3 #course-detail > div {
4672     background-color: transparent;
4673   }
4675 /* stylelint-disable declaration-no-important */
4676 .filemanager,
4677 .filepicker,
4678 .file-picker {
4679   font-size: 11px;
4681 .filemanager a,
4682 .file-picker a,
4683 .filemanager a:hover,
4684 .file-picker a:hover {
4685   color: #555;
4686   text-decoration: none;
4688 .filemanager input[type="text"],
4689 .file-picker input[type="text"] {
4690   width: 265px;
4692 .filemanager .fp-license td,
4693 .file-picker .fp-setlicense td {
4694   max-width: 265px;
4696 .filemanager .fp-license select,
4697 .file-picker .fp-setlicense select {
4698   max-width: 100%;
4700 .fp-content-center {
4701   height: 100%;
4702   width: 100%;
4703   display: table-cell;
4704   vertical-align: middle;
4706 .fp-content-hidden {
4707   visibility: hidden;
4709 .yui3-panel-focused {
4710   outline: none;
4712 #filesskin .yui3-panel-content {
4713   padding-bottom: 20px;
4714   background: #f2f2f2;
4715   -webkit-border-radius: 8px;
4716   -moz-border-radius: 8px;
4717   border-radius: 8px;
4718   border: 1px solid #fff;
4719   display: inline-block;
4720   *display: inline;
4721   /* IE7 inline-block hack */
4722   *zoom: 1;
4723   -webkit-box-shadow: 5px 5px 20px 0 #666;
4724   -moz-box-shadow: 5px 5px 20px 0 #666;
4725   box-shadow: 5px 5px 20px 0 #666;
4727 #filesskin .yui3-widget-hd {
4728   -webkit-border-radius: 10px 10px 0 0;
4729   -moz-border-radius: 10px 10px 0 0;
4730   border-radius: 10px 10px 0 0;
4731   border-bottom: 1px solid #bbb;
4732   padding: 5px;
4733   text-align: center;
4734   font-size: 12px;
4735   color: #333;
4736   letter-spacing: 1px;
4737   text-shadow: 1px 1px 1px #fff;
4738   filter: dropshadow(color=#fff, offx=1, offy=1);
4739   background-color: #ebebeb;
4740   background-image: -moz-linear-gradient(top, #fff, #ccc);
4741   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
4742   background-image: -webkit-linear-gradient(top, #fff, #ccc);
4743   background-image: -o-linear-gradient(top, #fff, #ccc);
4744   background-image: linear-gradient(to bottom, #fff, #ccc);
4745   background-repeat: repeat-x;
4746   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
4748 .fp-panel-button {
4749   background: #fff;
4750   padding: 3px 20px 2px 20px;
4751   text-align: center;
4752   margin: 10px;
4753   -webkit-border-radius: 10px;
4754   -moz-border-radius: 10px;
4755   border-radius: 10px;
4756   display: inline-block;
4757   *display: inline;
4758   /* IE7 inline-block hack */
4759   *zoom: 1;
4760   -webkit-box-shadow: 2px 2px 3px 0.1px #999;
4761   -moz-box-shadow: 2px 2px 3px 0.1px #999;
4762   box-shadow: 2px 2px 3px 0.1px #999;
4764 .moodle-dialogue h3 {
4765   font-size: 14px;
4766   margin: 0;
4767   line-height: 20px;
4769 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
4770   padding: 0;
4772 #filesskin .file-picker.fp-generallayout {
4773   width: 859px;
4774   background: #fff;
4775   -webkit-border-radius: 10px;
4776   -moz-border-radius: 10px;
4777   border-radius: 10px;
4778   border: 1px solid #ccc;
4779   position: relative;
4781 .file-picker .fp-repo-area {
4782   width: 180px;
4783   overflow: auto;
4784   display: inline-block;
4785   *display: inline;
4786   /* IE7 inline-block hack */
4787   *zoom: 1;
4788   float: left;
4789   height: 525px;
4790   border-right: 1px solid #bbb;
4792 .file-picker .fp-repo-items {
4793   float: none;
4794   width: auto;
4795   margin-left: 181px;
4797 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
4798   margin-left: 0;
4799   margin-right: 0;
4800   float: left;
4802 .file-picker .fp-navbar {
4803   background: #f2f2f2;
4804   border-bottom: 1px solid #bbb;
4805   min-height: 40px;
4806   overflow: hidden;
4808 .file-picker .fp-navbar .fp-viewbar {
4809   margin: 4px;
4811 .file-picker .fp-content {
4812   background: #fff;
4813   clear: none;
4814   overflow: auto;
4815   height: 452px;
4817 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
4818   width: 100%;
4820 .file-picker .fp-content-loading {
4821   height: 100%;
4822   width: 100%;
4823   display: table;
4824   text-align: center;
4826 .file-picker .fp-content .fp-object-container {
4827   width: 98%;
4828   height: 98%;
4830 .file-picker .fp-list {
4831   list-style-type: none;
4832   padding: 0;
4833   float: left;
4834   width: 100%;
4835   margin: 0;
4837 .file-picker .fp-list .fp-repo a {
4838   display: block;
4839   padding: .5em .7em;
4841 .file-picker .fp-list .fp-repo.active {
4842   background: #f2f2f2;
4844 .file-picker .fp-list .fp-repo-icon {
4845   padding: 0 7px 0 5px;