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