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