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