MDL-38016 Themes - Add a bootstrap theme to core
[moodle.git] / theme / bootstrap / less / moodle / core.less
CommitLineData
8903b17b
BB
1/* core.less */
2.dir-ltr,
3.mdl-left,
4.dir-rtl .mdl-right {
5 text-align: left;
6}
7.dir-rtl,
8.mdl-right,
9.dir-rtl .mdl-left {
10 text-align: right;
11}
12#add,
13#remove,
14.centerpara,
15.mdl-align {
16 text-align: center;
17}
18a.dimmed,
19a.dimmed:link,
20a.dimmed:visited,
21a.dimmed_text,
22a.dimmed_text:link,
23a.dimmed_text:visited,
24.dimmed_text,
25.dimmed_text a,
26.dimmed_text a:link,
27.dimmed_text a:visited,
28.usersuspended,
29.usersuspended a,
30.usersuspended a:link,
31.usersuspended a:visited,
32.dimmed_category,
33.dimmed_category a {
34 .muted
35}
36.activity.label .dimmed_text {
37 .opacity(50)
38}
39.unlist,
40.unlist li,
41.inline-list,
42.inline-list li,
43.block .list,
44.block .list li,
45.section li.activity,
46.section li.movehere,
47.tabtree li {
48 list-style: none;
49 margin: 0;
50 padding: 0;
51}
52.course-content .current {
53 background-color: @grayLighter;
54}
55.inline,
56.inline-list li {
57 display: inline;
58}
59.notifytiny {
60 font-size: @fontSizeMini;
61}
62.notifytiny li,
63.notifytiny td {
64 font-size: 100%;
65}
66.red,
67.notifyproblem {
68 color: @errorText;
69}
70.green,
71.notifysuccess {
72 color: @successText;
73}
74.reportlink {
75 text-align: right;
76}
77a.autolink.glossary:hover {
78 cursor: help;
79}
80/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
81.collapsibleregioncaption {
82 white-space: nowrap;
83}
84.collapsibleregioncaption img {
85 vertical-align: middle;
86}
87.jsenabled .hiddenifjs {
88 display: none;
89}
90.visibleifjs {
91 display: none;
92}
93.jsenabled .visibleifjs {
94 display: inline;
95}
96.jsenabled .collapsibleregion {
97 overflow: hidden;
98}
99.jsenabled .collapsed .collapsibleregioninner {
100 visibility: hidden;
101}
102.yui-overlay .yui-widget-bd {
103 background-color: #FFEE69;
104 border: 1px solid #A6982B;
105 border-top-color: #D4C237;
106 color: #000000;
107 left: 0;
108 padding: 2px 5px;
109 position: relative;
110 top: 0;
111 z-index: 1;
112}
113.clearer {
114 background: transparent;
115 border-width: 0;
116 clear: both;
117 display: block;
118 height: 1px;
119 margin: 0;
120 padding: 0;
121}
122.bold,
123.warning,
124.errorbox .title,
125.pagingbar .title,
126.pagingbar .thispage,
127.headingblock {
128 font-weight: bold;
129}
130img.resize {
131 height: 1em;
132 width: 1em;
133}
134.block img.resize,
135.breadcrumb img.resize {
136 height: 0.9em;
137 width: 0.8em;
138}
139/* Icon styles */
140img.icon {
141 height: 16px;
142 vertical-align: text-bottom;
143 width: 16px;
144 padding-right: 6px;
145}
146.dir-rtl img.icon {
147 padding-left: 6px;
148 padding-right: 0;
149}
150img.iconsmall {
151 height: 12px;
152 margin-right: 3px;
153 vertical-align: middle;
154 width: 12px;
155}
156img.iconhelp, .helplink img {
157 height: 16px;
158 padding-left: 3px;
159 vertical-align: text-bottom;
160 width: 16px;
161}
162.dir-rtl img.iconhelp, .dir-rtl .helplink img {
163 padding-right: 3px;
164 padding-left: 0;
165}
166img.iconlarge {
167 height: 24px;
168 width: 24px;
169 vertical-align: middle;
170}
171img.iconsort {
172 vertical-align: text-bottom;
173 padding-left: .3em;
174 margin-bottom: .15em;
175}
176.dir-rtl img.iconsort {
177 padding-right: .3em;
178 padding-left: 0;
179}
180img.icontoggle {
181 height: 17px;
182 vertical-align: middle;
183 width: 50px;
184}
185img.iconkbhelp {
186 height: 17px;
187 width: 49px;
188}
189img.icon-pre, .dir-rtl img.icon-post {
190 padding-right: 3px;
191 padding-left: 0;
192}
193img.icon-post, .dir-rtl img.icon-pre {
194 padding-left: 3px;
195 padding-right: 0;
196}
197.categorybox .category {
198 font-size: 1.2em;
199 font-weight: bold;
200}
201.boxaligncenter {
202 margin-left: auto;
203 margin-right: auto;
204}
205.boxalignright {
206 margin-left: auto;
207 margin-right: 0;
208}
209.boxalignleft {
210 margin-left: 0;
211 margin-right: auto;
212}
213.boxwidthnarrow {
214 width: 30%;
215}
216.boxwidthnormal {
217 width: 50%;
218}
219.boxwidthwide {
220 width: 80%;
221}
222.headermain {
223 font-weight: bold;
224}
225#maincontent {
226 display: block;
227 height: 1px;
228 overflow: hidden;
229}
230img.uihint {
231 cursor: help;
232}
233#addmembersform table {
234 margin-left: auto;
235 margin-right: auto;
236}
237.flexible th {
238 white-space: nowrap;
239}
240img.emoticon {
241 vertical-align: middle;
242 width: 15px;
243 height: 15px;
244}
245form.popupform,
246form.popupform div {
247 display: inline;
248}
249.arrow_button input {
250 overflow: hidden;
251}
252.action-icon img.smallicon {
253 vertical-align: text-bottom;
254 margin: 0 0.3em;
255}
256.main img {
257 vertical-align: middle;
258}
259/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
260.no-overflow {
261 overflow: auto;
262 padding-bottom: 1px;
263}
264.pagelayout-report .no-overflow {
265 overflow: visible;
266}
267.no-overflow > .generaltable {
268 margin-bottom: 0;
269}
270// Accessibility features
271
272// Accessibility: text 'seen' by screen readers but not visual users.
273.accesshide {
274 position: absolute;
275 left: -10000px;
276 font-weight: normal;
277 font-size: 1em;
278}
279.dir-rtl .accesshide {
280 top: -30000px;
281 left: auto;
282}
283span.hide,
284div.hide {
285 display: none;
286}
287// Accessibility: Skip block link, for keyboard-only users.
288a.skip-block,
289a.skip {
290 position: absolute;
291 top: -1000em;
292 font-size: 0.85em;
293 text-decoration: none;
294}
295a.skip-block:focus,
296a.skip-block:active,
297a.skip:focus,
298a.skip:active {
299 position: static;
300 display: block;
301}
302.skip-block-to {
303 display: block;
304 height: 1px;
305 overflow: hidden;
306}
307// Blogs
308.addbloglink {
309 text-align: center;
310}
311.blog_entry .audience {
312 text-align: right;
313 padding-right: 4px;
314}
315.blog_entry .tags {
316 margin-top: 15px;
317}
318.blog_entry .tags .action-icon img.smallicon {
319 height: 16px;
320 width: 16px;
321}
322.blog_entry .content {
323 margin-left: 43px;
324}
325// Group
326#page-group-index #groupeditform {
327 text-align: center;
328}
329#doc-contents h1 {
330 margin: 1em 0 0 0;
331}
332#doc-contents ul {
333 margin: 0;
334 padding: 0;
335 width: 90%;
336}
337#doc-contents ul li {
338 list-style-type: none;
339}
340.groupmanagementtable td {
341 vertical-align: top;
342}
343.groupmanagementtable #existingcell,
344.groupmanagementtable #potentialcell {
345 width: 42%;
346}
347.groupmanagementtable #buttonscell {
348 width: 16%;
349}
350.groupmanagementtable #removeselect_wrapper,
351.groupmanagementtable #addselect_wrapper {
352 width: 100%;
353}
354.groupmanagementtable #removeselect_wrapper label,
355.groupmanagementtable #addselect_wrapper label {
356 font-weight: normal;
357}
358.dir-rtl .groupmanagementtable p {
359 text-align: right;
360}
361#group-usersummary {
362 width: 14em;
363}
364.groupselector {
365 margin-top: 3px;
366 margin-bottom: 3px;
367}
368
369// Login
370.loginbox {
371 margin: 15px;
372 overflow: visible;
373}
374.loginbox.twocolumns {
375 margin: 15px;
376}
377.loginbox h2,
378.loginbox .subcontent {
379 margin: 5px;
380 padding: 10px;
381 text-align: center;
382}
383.loginbox .loginpanel .desc {
384 margin: 0;
385 padding: 0;
386 margin-bottom: 5px;
387}
388.loginbox .signuppanel .subcontent {
389 text-align: left;
390}
391.dir-rtl .loginbox .signuppanel .subcontent {
392 text-align: right;
393}
394.loginbox .loginsub {
395 margin-left: 0;
396 margin-right: 0;
397}
398.loginbox .guestsub,
399.loginbox .forgotsub,
400.loginbox .potentialidps {
401 margin: 5px 12%;
402}
403.loginbox .potentialidps .potentialidplist {
404 margin-left: 40%;
405}
406.loginbox .potentialidps .potentialidplist div {
407 text-align: left;
408}
409.loginbox .loginform {
410 margin-top: 1em;
411 text-align: left;
412}
413.loginbox .loginform .form-label {
414 float: left;
415 text-align: right;
416 width: 44%;
417 direction: rtl;
418 white-space: nowrap;
419}
420.dir-rtl .loginbox .loginform .form-label {
421 float: left;
422 text-align: right;
423 width: 44%;
424 direction: ltr;
425 white-space: nowrap;
426}
427.loginbox .loginform .form-input {
428 float: right;
429 width: 55%;
430}
431.loginbox .loginform .form-input input {
432 width: 6em;
433}
434.loginbox .signupform {
435 margin-top: 1em;
436 text-align: center;
437}
438.loginbox.twocolumns .loginpanel,
439.loginbox.twocolumns .signuppanel {
440 width: 48%;
441 border: 0;
442 margin: 0;
443 padding: 0;
444 .box-sizing(border-box);
445 display: block;
446 float: left;
447 margin-left: 2.76243%;
448 min-height: 30px;
449 margin-bottom: -2000px;
450 padding-bottom: 2000px;
451}
452.loginbox .potentialidp .smallicon {
453 vertical-align: text-bottom;
454 margin: 0 .3em;
455}
456
457// Notes
458.notepost {
459 margin-bottom: 1em;
460}
461.notepost .userpicture {
462 float: left;
463 margin-right: 5px;
464}
465.notepost .content,
466.notepost .footer {
467 clear: both;
468}
469.notesgroup {
470 margin-left: 20px;
471}
472
473// My Moodle
474.path-my .coursebox .overview {
475 margin: 15px 30px 10px 30px;
476}
477.path-my .coursebox .info {
478 float: none;
479 margin: 0;
480}
481
482// Modules
483.mod_introbox {
484 padding: 10px;
485}
486table.mod_index {
487 width: 100%;
488}
489
490// Comments
491.comment-ctrl {
492 font-size: 12px;
493 display: none;
494 margin: 0;
495 padding: 0;
496}
497.comment-ctrl h5 {
498 margin: 0;
499 padding: 5px;
500}
501.comment-area {
502 max-width: 400px;
503 padding: 5px;
504}
505.comment-area textarea {
506 width: 100%;
507 overflow: auto;
508}
509.comment-area .fd {
510 text-align: right;
511}
512.comment-meta span {
513 color: gray;
514}
515.comment-link img {
516 vertical-align: text-bottom;
517}
518.comment-list {
519 font-size: 11px;
520 overflow: auto;
521 list-style: none;
522 padding: 0;
523 margin: 0;
524}
525.comment-list li {
526 margin: 2px;
527 list-style: none;
528 margin-bottom: 5px;
529 clear: both;
530 padding: .3em;
531 position: relative;
532}
533.comment-list li.first {
534 display: none
535}
536.comment-paging{
537 text-align: center;
538}
539.comment-paging .pageno{
540 padding: 2px;
541}
542.comment-paging .curpage{
543 border: 1px solid #CCC;
544}
545.comment-message .picture {
546 width: 20px;
547 float: left;
548}
549.dir-rtl .comment-message .picture {
550 float: right;
551}
552.comment-message .text {
553 margin: 0;
554 padding: 0;
555}
556.comment-message .text p {
557 padding: 0;
558 margin: 0 18px 0 0;
559}
560.comment-delete {
561 position: absolute;
562 top: 0;
563 right: 0;
564 margin: .3em;
565}
566.dir-rtl .comment-delete {
567 position: absolute;
568 left: 0;
569 right: auto;
570 margin: .3em;
571}
572.comment-delete-confirm {
573 background: #eee;
574 padding: 2px;
575 width: 5em;
576 text-align: center;
577}
578.comment-container {
579 float: left;
580 margin: 4px;
581}
582.comment-report-selectall{
583 display: none
584}
585.comment-link {
586 display: none
587}
588.jsenabled .comment-link {
589 display: block
590}
591.jsenabled .showcommentsnonjs{
592 display: none
593}
594.jsenabled .comment-report-selectall{
595 display: inline
596}
597/**
598* Completion progress report
599*/
600.completion-expired {
601 background: @errorBackground;
602}
603.completion-expected {
604 font-size: @fontSizeMini;
605}
606.completion-sortchoice,
607.completion-identifyfield {
608 font-size: @fontSizeMini;
609 vertical-align: bottom;
610}
611.completion-progresscell {
612 text-align: right;
613}
614.completion-expired .completion-expected {
615 font-weight: bold;
616}
617/**
618* Tags
619*/
620#page-tag-coursetags_edit .coursetag_edit_centered {
621 position: relative;
622 width: 600px;
623 margin: 20px auto;
624}
625#page-tag-coursetags_edit .coursetag_edit_row {
626 clear: both;
627}
628#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
629 float: left;
630 width: 50%;
631 text-align: right;
632}
633#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
634 margin-left: 50%;
635}
636#page-tag-coursetags_edit .coursetag_edit_input3 {
637 display: none;
638}
639#page-tag-coursetags_more .coursetag_more_large {
640 font-size: 120%;
641}
642#page-tag-coursetags_more .coursetag_more_small {
643 font-size: 80%;
644}
645#page-tag-coursetags_more .coursetag_more_link {
646 font-size: 80%;
647}
648#tag-description,
649#tag-blogs {
650 width: 100%;
651}
652#tag-management-box {
653 margin-bottom: 10px;
654 line-height: 20px;
655}
656#tag-user-table {
657 padding: 3px;
658 clear: both;
659 width: 100%;
660}
661#tag-user-table {
662 .clearfix
663}
664img.user-image {
665 height: 100px;
666 width: 100px;
667}
668#small-tag-cloud-box {
669 width: 300px;
670 margin: 0 auto;
671}
672#big-tag-cloud-box {
673 width: 600px;
674 margin: 0 auto;
675 float: none;
676}
677ul#tag-cloud-list {
678 list-style: none;
679 padding: 5px;
680 margin: 0;
681}
682ul#tag-cloud-list li {
683 margin: 0;
684 display: inline;
685 list-style-type: none;
686}
687#tag-search-box {
688 text-align: center;
689 margin: 10px auto;
690}
691#tag-search-results-container {
692 padding: 0;
693 width: 100%;
694}
695#tag-search-results {
696 padding: 0;
697 margin: 15px 20% 0 20%;
698 float: left;
699 width: 60%;
700 display: block;
701}
702#tag-search-results li {
703 width: 30%;
704 float: left;
705 padding-left: 1%;
706 text-align: left;
707 line-height: 20px;
708 padding-right: 1%;
709 list-style: none;
710}
711span.flagged-tag,
712span.flagged-tag a {
713 color: @errorText;
714}
715table#tag-management-list {
716 text-align: left;
717 width: 100%;
718}
719table#tag-management-list td,
720table#tag-management-list th {
721 vertical-align: middle;
722 text-align: left;
723 padding: 4px;
724}
725.tag-management-form {
726 text-align: center;
727}
728#relatedtags-autocomplete-container {
729 margin-left: auto;
730 margin-right: auto;
731 min-height: 4.6em;
732 width: 100%;
733}
734#relatedtags-autocomplete {
735 position: relative;
736 display: block;
737 width: 60%;
738 margin-left: auto;
739 margin-right: auto;
740}
741#relatedtags-autocomplete .yui-ac-content {
742 position: absolute;
743 width: 420px;
744 left: 20%;
745 border: 1px solid #404040;
746 background: #fff;
747 overflow: hidden;
748 z-index: 9050;
749}
750#relatedtags-autocomplete .ysearchquery {
751 position: absolute;
752 right: 10px;
753 color: #808080;
754 z-index: 10;
755}
756#relatedtags-autocomplete .yui-ac-shadow {
757 position: absolute;
758 margin: .3em;
759 width: 100%;
760 background: #a0a0a0;
761 z-index: 9049;
762}
763#relatedtags-autocomplete ul {
764 padding: 0;
765 width: 100%;
766 margin: 0;
767 list-style-type: none;
768}
769#relatedtags-autocomplete li {
770 padding: 0 5px;
771 cursor: default;
772 white-space: nowrap;
773}
774#relatedtags-autocomplete li.yui-ac-highlight{
775 background: #FFFFCC;
776}
777h2.tag-heading,
778div#tag-description,
779div#tag-blogs,
780body.tag .managelink {
781 padding: 5px;
782}
783.tag_cloud .s20 {
784 font-size: 1.5em;
785 font-weight: bold;
786}
787.tag_cloud .s19 {
788 font-size: 1.5em;
789}
790.tag_cloud .s18 {
791 font-size: 1.4em;
792 font-weight: bold;
793}
794.tag_cloud .s17 {
795 font-size: 1.4em;
796}
797.tag_cloud .s16 {
798 font-size: 1.3em;
799 font-weight: bold;
800}
801.tag_cloud .s15 {
802 font-size: 1.3em;
803}
804.tag_cloud .s14 {
805 font-size: 1.2em;
806 font-weight: bold;
807}
808.tag_cloud .s13 {
809 font-size: 1.2em;
810}
811.tag_cloud .s12,
812.tag_cloud .s11 {
813 font-size: 1.1em;
814 font-weight: bold;
815}
816.tag_cloud .s10,
817.tag_cloud .s9 {
818 font-size: 1.1em;
819}
820.tag_cloud .s8,
821.tag_cloud .s7 {
822 font-size: 1em;
823 font-weight: bold;
824}
825.tag_cloud .s6,
826.tag_cloud .s5 {
827 font-size: 1em;
828}
829.tag_cloud .s4,
830.tag_cloud .s3 {
831 font-size: 0.9em;
832 font-weight: bold;
833}
834.tag_cloud .s2,
835.tag_cloud .s1 {
836 font-size: 0.9em;
837}
838.tag_cloud .s0 {
839 font-size: 0.8em;
840}
841/**
842* Web Service
843*/
844#webservice-doc-generator td {
845 text-align: left;
846 border: 0 solid black;
847}
848/**
849* Smart Select Element
850*/
851.smartselect {
852 position: absolute;
853}
854.smartselect .smartselect_mask {
855 background-color: #fff;
856}
857.smartselect ul {
858 padding: 0;
859 margin: 0;
860}
861.smartselect ul li {
862 list-style: none;
863}
864.smartselect .smartselect_menu {
865 margin-right: 5px;
866}
867.safari .smartselect .smartselect_menu {
868 margin-left: 2px;
869}
870.smartselect .smartselect_menu,
871.smartselect .smartselect_submenu {
872 border: 1px solid #000;
873 background-color: #FFF;
874 display: none;
875}
876.smartselect .smartselect_menu.visible,
877.smartselect .smartselect_submenu.visible {
878 display: block;
879}
880.smartselect .smartselect_menu_content ul li {
881 position: relative;
882 padding: 2px 5px;
883}
884.smartselect .smartselect_menu_content ul li a {
885 color: #333;
886 text-decoration: none;
887}
888.smartselect .smartselect_menu_content ul li a.selectable {
889 color: inherit;
890}
891.smartselect .smartselect_submenuitem {
892 background-image: url([[pix:moodle|t/collapsed]]);
893 background-repeat: no-repeat;
894 background-position: 100%;
895}
896/** Spanning mode */
897.smartselect.spanningmenu .smartselect_submenu {
898 position: absolute;
899 top: -1px;
900 left: 100%;
901}
902.smartselect.spanningmenu .smartselect_submenu a {
903 white-space: nowrap;
904 padding-right: 16px;
905}
906.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
907 text-decoration: underline;
908}
909/** Compact mode */
910.smartselect.compactmenu .smartselect_submenu {
911 position: relative;
912 margin: 2px -3px;
913 margin-left: 10px;
914 display: none;
915 border-width: 0;
916 z-index: 1010;
917}
918.smartselect.compactmenu .smartselect_submenu.visible {
919 display: block;
920}
921.smartselect.compactmenu .smartselect_menu {
922 z-index: 1000;
923 overflow: hidden;
924}
925.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
926 z-index: 1020;
927}
928.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
929 font-weight: bold;
930}
931/**
932* Registration
933*/
934#page-admin-registration-register .registration_textfield {
935 width: 300px;
936}
937/**
938* Enrol
939*/
940.userenrolment {
941 width: 100%;
942 border-collapse: collapse;
943}
944.userenrolment td {
945 padding: 0;
946 height: 41px;
947}
948.userenrolment .subfield {
949 margin-right: 5px;
950}
951.userenrolment .col_userdetails .subfield_picture {
952 float: left;
953}
954.userenrolment .col_lastseen {
955 width: 150px;
956}
957.userenrolment .col_role {
958 width: 262px;
959}
960.userenrolment .col_role .roles {
961 margin-right: 30px;
962}
963.userenrolment .col_role .role {
964 float: left;
965 padding: 3px;
966 margin: 3px;
967}
968.dir-rtl .userenrolment .col_role .role {
969 float: right;
970}
971.userenrolment .col_role .role a {
972 margin-left: 3px;
973 cursor: pointer;
974}
975.userenrolment .col_role .addrole {
976 float: right;
977 width: 18px;
978 height: 18px;
979 margin: 3px;
980 text-align: center;
981 background-color: @successBackground;
982 border: 1px solid @successBorder;
983}
984.userenrolment .col_role .addrole img {
985 vertical-align: baseline;
986}
987.userenrolment .hasAllRoles .col_role .addrole {
988 display: none;
989}
990.userenrolment .col_group .groups {
991 margin-right: 30px;
992}
993.userenrolment .col_group .group {
994 float: left;
995 padding: 3px;
996 margin: 3px;
997 white-space: nowrap;
998}
999.userenrolment .col_group .group a {
1000 margin-left: 3px;
1001 cursor: pointer;
1002}
1003.userenrolment .col_group .addgroup {
1004 float: right;
1005 width: 18px;
1006 margin: 3px;
1007 height: 18px;
1008 text-align: center;
1009}
1010.userenrolment .col_group .addgroup a img {
1011 vertical-align: bottom;
1012}
1013.userenrolment .col_enrol .enrolment {
1014 float: left;
1015 padding: 3px;
1016 margin: 3px;
1017}
1018.userenrolment .col_enrol .enrolment a {
1019 float: right;
1020 margin-left: 3px;
1021}
1022#page-enrol-users .enrol_user_buttons {
1023 float: right;
1024}
1025#page-enrol-users .enrol_user_buttons .enrolusersbutton {
1026 margin-left: 1em;
1027 display: inline;
1028}
1029#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1030#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1031 display: inline;
1032}
1033#page-enrol-users .enrol_user_buttons .enrolusersbutton input {
1034 padding-left: 6px;
1035 padding-right: 6px;
1036}
1037#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {
1038 float: right;
1039}
1040#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1041 width: 237px;
1042}
1043/**
1044* Overide for RTL layout
1045**/
1046.dir-rtl .headermain {
1047 float: right;
1048}
1049.dir-rtl .headermenu {
1050 float: left;
1051}
1052.dir-rtl .loginbox .loginform .form-label {
1053 float: right;
1054 text-align: left;
1055}
1056.dir-rtl .loginbox .loginform .form-input {
1057 text-align: right;
1058}
1059.dir-rtl .yui3-menu-hidden {
1060 left: 0;
1061}
1062#page-admin-roles-define.dir-rtl #rolesform .felement {
1063 margin-right: 180px;
1064}
1065#page-message-edit.dir-rtl table.generaltable th.c0 {
1066 text-align: right;
1067}
1068.corelightbox {
1069 background-color: #CCC;
1070 position: absolute;
1071 top: 0;
1072 left: 0;
1073 width: 100%;
1074 height: 100%;
1075 text-align: center;
1076}
1077.corelightbox img {
1078 position: fixed;
1079 top: 50%;
1080 left: 50%;
1081}
1082.mod-indent-1 {
1083 margin-left: 30px;
1084}
1085.mod-indent-2 {
1086 margin-left: 60px;
1087}
1088.mod-indent-3 {
1089 margin-left: 90px;
1090}
1091.mod-indent-4 {
1092 margin-left: 120px;
1093}
1094.mod-indent-5 {
1095 margin-left: 150px;
1096}
1097.mod-indent-6 {
1098 margin-left: 180px;
1099}
1100.mod-indent-7 {
1101 margin-left: 210px;
1102}
1103.mod-indent-8 {
1104 margin-left: 240px;
1105}
1106.mod-indent-9 {
1107 margin-left: 270px;
1108}
1109.mod-indent-10 {
1110 margin-left: 300px;
1111}
1112.mod-indent-11 {
1113 margin-left: 330px;
1114}
1115.mod-indent-12 {
1116 margin-left: 360px;
1117}
1118.mod-indent-13 {
1119 margin-left: 390px;
1120}
1121.mod-indent-14 {
1122 margin-left: 420px;
1123}
1124.mod-indent-15,
1125.mod-indent-huge {
1126 margin-left: 420px;
1127}
1128.dir-rtl .mod-indent-1 {
1129 margin-right: 30px;
1130 margin-left: 0;
1131}
1132.dir-rtl .mod-indent-2 {
1133 margin-right: 60px;
1134 margin-left: 0;
1135}
1136.dir-rtl .mod-indent-3 {
1137 margin-right: 90px;
1138 margin-left: 0;
1139}
1140.dir-rtl .mod-indent-4 {
1141 margin-right: 120px;
1142 margin-left: 0;
1143}
1144.dir-rtl .mod-indent-5 {
1145 margin-right: 150px;
1146 margin-left: 0;
1147}
1148.dir-rtl .mod-indent-6 {
1149 margin-right: 180px;
1150 margin-left: 0;
1151}
1152.dir-rtl .mod-indent-7 {
1153 margin-right: 210px;
1154 margin-left: 0;
1155}
1156.dir-rtl .mod-indent-8 {
1157 margin-right: 240px;
1158 margin-left: 0;
1159}
1160.dir-rtl .mod-indent-9 {
1161 margin-right: 270px;
1162 margin-left: 0;
1163}
1164.dir-rtl .mod-indent-10 {
1165 margin-right: 300px;
1166 margin-left: 0;
1167}
1168.dir-rtl .mod-indent-11 {
1169 margin-right: 330px;
1170 margin-left: 0;
1171}
1172.dir-rtl .mod-indent-12 {
1173 margin-right: 360px;
1174 margin-left: 0;
1175}
1176.dir-rtl .mod-indent-13 {
1177 margin-right: 390px;
1178 margin-left: 0;
1179}
1180.dir-rtl .mod-indent-14 {
1181 margin-right: 420px;
1182 margin-left: 0;
1183}
1184.dir-rtl .mod-indent-15,
1185.dir-rtl .mod-indent-huge {
1186 margin-right: 420px;
1187 margin-left: 0;
1188}
1189/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1190.resourcecontent .mediaplugin_mp3 object {
1191 height: 25px;
1192 width: 600px
1193}
1194.resourcecontent audio.mediaplugin_html5audio {
1195 width: 600px
1196}
1197/** Large resource images should avoid hidden overflow **/
1198.resourceimage {
1199 max-width: 100%;
1200}
1201/* Audio player size in 'inline' mode (can only change width, as above) */
1202.mediaplugin_mp3 object {
1203 height: 15px;
1204 width: 300px
1205}
1206audio.mediaplugin_html5audio {
1207 width: 300px
1208}
1209/* TinyMCE moodle media preview frame should not have padding */
1210.core_media_preview.pagelayout-embedded #content {
1211 padding: 0;
1212}
1213.core_media_preview.pagelayout-embedded #maincontent {
1214 height: 0;
1215}
1216.core_media_preview.pagelayout-embedded .mediaplugin {
1217 margin: 0;
1218}
1219/** Fix YUI 2 Treeview for Right to left languages **/
1220.dir-rtl .ygtvtn,
1221.dir-rtl .ygtvtm,
1222.dir-rtl .ygtvtmh,
1223.dir-rtl .ygtvtmhh,
1224.dir-rtl .ygtvtp,
1225.dir-rtl .ygtvtph,
1226.dir-rtl .ygtvtphh,
1227.dir-rtl .ygtvln,
1228.dir-rtl .ygtvlm,
1229.dir-rtl .ygtvlmh,
1230.dir-rtl .ygtvlmhh,
1231.dir-rtl .ygtvlp,
1232.dir-rtl .ygtvlph,
1233.dir-rtl .ygtvlphh,
1234.dir-rtl .ygtvdepthcell,
1235.dir-rtl .ygtvok,
1236.dir-rtl .ygtvok:hover,
1237.dir-rtl .ygtvcancel,
1238.dir-rtl .ygtvcancel:hover {
1239 width: 18px;
1240 height: 22px;
1241 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1242 background-repeat: no-repeat;
1243 cursor: pointer;
1244}
1245.dir-rtl .ygtvtn {
1246 background-position: 0 -5600px;
1247}
1248.dir-rtl .ygtvtm {
1249 background-position: 0 -4000px;
1250}
1251.dir-rtl .ygtvtmh,
1252.dir-rtl .ygtvtmhh {
1253 background-position: 0 -4800px;
1254}
1255.dir-rtl .ygtvtp {
1256 background-position: 0 -6400px;
1257}
1258.dir-rtl .ygtvtph,
1259.dir-rtl .ygtvtphh {
1260 background-position: 0 -7200px;
1261}
1262.dir-rtl .ygtvln {
1263 background-position: 0 -1600px;
1264}
1265.dir-rtl .ygtvlm {
1266 background-position: 0 0;
1267}
1268.dir-rtl .ygtvlmh,
1269.dir-rtl .ygtvlmhh {
1270 background-position: 0 -800px;
1271}
1272.dir-rtl .ygtvlp {
1273 background-position: 0 -2400px;
1274}
1275.dir-rtl .ygtvlph,
1276.dir-rtl .ygtvlphh {
1277 background-position: 0 -3200px
1278}
1279.dir-rtl .ygtvdepthcell {
1280 background-position: 0 -8000px;
1281}
1282.dir-rtl .ygtvok {
1283 background-position: 0 -8800px;
1284}
1285.dir-rtl .ygtvok:hover {
1286 background-position: 0 -8844px;
1287}
1288.dir-rtl .ygtvcancel {
1289 background-position: 0 -8822px;
1290}
1291.dir-rtl .ygtvcancel:hover {
1292 background-position: 0 -8866px;
1293}
1294.dir-rtl.yui-skin-sam .yui-panel .hd {
1295 text-align: left;
1296}
1297.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1298 text-align: right;
1299}
1300/** Fix TinyMCE editor right to left **/
1301.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1302 top: 44px;
1303}
1304.dir-rtl .o2k7Skin table,
1305.dir-rtl .o2k7Skin tbody,
1306.dir-rtl .o2k7Skin a,
1307.dir-rtl .o2k7Skin img,
1308.dir-rtl .o2k7Skin tr,
1309.dir-rtl .o2k7Skin div,
1310.dir-rtl .o2k7Skin td,
1311.dir-rtl .o2k7Skin iframe,
1312.dir-rtl .o2k7Skin span,
1313.dir-rtl .o2k7Skin *,
1314.dir-rtl .o2k7Skin .mceText,
1315.dir-rtl .o2k7Skin .mceListBox .mceText {
1316 text-align: right;
1317}
1318.path-rating .ratingtable {
1319 width: 100%;
1320 margin-bottom: 1em;
1321}
1322.path-rating .ratingtable th.rating {
1323 width: 100%;
1324}
1325.path-rating .ratingtable td.rating,
1326.path-rating .ratingtable td.time {
1327 white-space: nowrap;
1328 text-align: center;
1329}
1330.initialbar a {
1331 padding-right: 2px;
1332}
1333/* Moodle Dialogue Settings (moodle-core-dialogue) */
1334.moodle-dialogue-base .moodle-dialogue-lightbox {
1335 background-color: #AAA;
1336}
1337.moodle-dialogue-base .hidden,
1338.moodle-dialogue-base .moodle-dialogue-hidden {
1339 display: none;
1340}
1341.moodle-dialogue-base .moodle-dialogue {
1342 padding: 0;
1343 margin: 0;
1344 background: none;
1345 border: none;
1346 /* Override the z-index set incorrectly by the YUI dialogue */
1347 z-index: 600!important;
1348}
1349.moodle-dialogue-base .moodle-dialogue-wrap {
1350 margin-top: -3px;
1351 margin-left: -3px;
1352 background-color: #fff;
1353 border: 1px solid #ccc;
1354 .border-radius(10px);
1355 .box-shadow(5px 5px 20px 0 #666);
1356}
1357.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
1358 margin: 0;
1359 padding: 5px;
1360 font-size: 12px;
1361 font-weight: normal;
1362 letter-spacing: 1px;
1363 color: #333;
1364 text-align: center;
1365 text-shadow: 1px 1px 1px #fff;
1366 .border-radius(10px 10px 0 0);
1367 border-bottom: 1px solid #bbb;
1368 background: #ccc;
1369 #gradient > .vertical(#fff, #ccc);
1370 filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1371}
1372.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1373 margin: 0;
1374 padding: 0;
1375 display: inline;
1376 font-size: 100%;
1377 font-weight: bold;
1378}
1379.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1380 padding: 5px;
1381}
1382.moodle-dialogue-base .closebutton {
1383 width: 25px;
1384 height: 15px;
1385 float: right;
1386 vertical-align: middle;
1387 display: inline-block;
1388 cursor: pointer;
1389 padding: 0;
1390 background-image: url([[pix:theme|sprite]]);
1391 background-repeat: no-repeat;
1392 border-style: none;
1393}
1394.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1395 left: 0;
1396 right: auto;
1397}
1398.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1399 overflow: auto;
1400 padding: 1em;
1401 line-height: 2em;
1402 color: #555;
1403 font-size: 12px;
1404}
1405.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1406 padding: 0;
1407 background: #FFF;
1408}
1409.moodle-dialogue-confirm .confirmation-dialogue {
1410 text-align: center;
1411}
1412.moodle-dialogue-confirm .confirmation-dialogue input {
1413 text-align: center;
1414}
1415.moodle-dialogue-exception .moodle-exception-message {
1416 text-align: center
1417}
1418.moodle-dialogue-exception .moodle-exception-param label {
1419 font-weight: bold;
1420}
1421.moodle-dialogue-exception .param-stacktrace label {
1422 background-color: #EEE;
1423 border: 1px solid #ccc;
1424 border-bottom-width: 0;
1425}
1426.moodle-dialogue-exception .param-stacktrace pre {
1427 border: 1px solid #ccc;
1428 background-color: #fff;
1429}
1430.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1431 color: navy;
1432 font-size: @fontSizeSmall;
1433}
1434.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1435 color: @errorText;
1436 font-size: @fontSizeSmall;
1437}
1438.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1439 color: #333;
1440 font-size: 90%;
1441 border-bottom: 1px solid #eee;
1442}
1443.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1444 padding: 0;
1445 margin: 0.7em 1em;
1446 text-align: right;
1447 background-color: #FFF;
1448 font-size: 12px;
1449}
1450.moodle-dialogue-confirm .confirmation-message {
1451 margin: 0.5em 1em;
1452}
1453.moodle-dialogue-confirm .confirmation-dialogue input {
1454 min-width: 80px
1455}
1456.moodle-dialogue-exception .moodle-exception-message {
1457 margin: 1em;
1458}
1459.moodle-dialogue-exception .moodle-exception-param {
1460 margin-bottom: 0.5em;
1461}
1462.moodle-dialogue-exception .moodle-exception-param label {
1463 width: 150px;
1464}
1465.moodle-dialogue-exception .param-stacktrace label {
1466 display: block;
1467 margin: 0;
1468 padding: 4px 1em;
1469}
1470.moodle-dialogue-exception .param-stacktrace pre {
1471 display: block;
1472 height: 200px;
1473 overflow: auto;
1474}
1475.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1476 display: inline-block;
1477 margin: 4px 0;
1478}
1479.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1480 display: inline-block;
1481 width: 50px;
1482 margin: 4px 1em;
1483}
1484.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1485 padding-left: 25px;
1486 margin-bottom: 4px;
1487 padding-bottom: 4px;
1488}
1489.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1490 .opacity(75);
1491 width: 100%;
1492 height: 100%;
1493 top: 0;
1494 left: 0;
1495 background-color: white;
1496 text-align: center;
1497 padding: 10% 0;
1498}
1499/* Apply a default max-height on tooltip text */
1500.moodle-dialogue .tooltiptext {
1501 max-height: 300px;
1502}
1503/* Question Bank - Question Chooser "Close" button */
1504#page-question-edit.dir-rtl a.container-close {
1505 right: auto;
1506 left: 6px;
1507}
1508/**
1509* Chooser Dialogues (moodle-core-chooserdialogue)
1510*
1511* This CSS belong to the chooser dialogue which should work both with, and
1512* without javascript enabled
1513*/
1514/* Hide the dialog and it's title */
1515.chooserdialoguebody,
1516.choosertitle {
1517 display: none;
1518}
1519.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1520 margin: 0;
1521}
1522.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1523 padding: 0;
1524 background: #F2F2F2;
1525 .border-bottom-radius(10px);
1526}
1527/* Center the submit buttons within the area */
1528.choosercontainer #chooseform .submitbuttons {
1529 margin: 0.7em 0;
1530 text-align: center;
1531}
1532.choosercontainer #chooseform .submitbuttons input {
1533 min-width: 100px;
1534 margin: 0 0.5em;
1535}
1536/* Various settings for the options area */
1537.choosercontainer #chooseform .options {
1538 position: relative;
1539 border-bottom: 1px solid #BBBBBB;
1540}
1541/* Only set these options if we're showing the js container */
1542.jsenabled .choosercontainer #chooseform .alloptions {
1543 overflow-x: hidden;
1544 overflow-y: auto;
1545 max-width: 20.3em;
1546 .box-shadow(inset 0 0 30px 0px #ccc);
1547}
1548.dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1549 max-width: 18.3em;
1550}
1551/* Settings for option rows and option subtypes */
1552.choosercontainer #chooseform .moduletypetitle,
1553.choosercontainer #chooseform .option,
1554.choosercontainer #chooseform .nonoption {
1555 margin-bottom: 0;
1556 padding: 0 1.6em 0 1.6em;
1557}
1558.choosercontainer #chooseform .moduletypetitle {
1559 text-transform: uppercase;
1560 padding-top: 1.2em;
1561 padding-bottom: 0.4em;
1562}
1563.choosercontainer #chooseform .option .typename,
1564.choosercontainer #chooseform .option span.modicon img.icon,
1565.choosercontainer #chooseform .nonoption .typename,
1566.choosercontainer #chooseform .nonoption span.modicon img.icon {
1567 padding: 0 0 0 0.5em;
1568}
1569.dir-rtl .choosercontainer #chooseform .option .typename,
1570.dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1571.dir-rtl .choosercontainer #chooseform .nonoption .typename,
1572.dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1573 padding: 0 0.5em 0 0;
1574}
1575.choosercontainer #chooseform .option span.modicon img.icon,
1576.choosercontainer #chooseform .nonoption span.modicon img.icon {
1577 height: 24px;
1578 width: 24px;
1579}
1580.choosercontainer #chooseform .option input[type=radio],
1581.choosercontainer #chooseform .option span.typename,
1582.choosercontainer #chooseform .option span.modicon {
1583 vertical-align: middle;
1584}
1585.choosercontainer #chooseform .option label {
1586 display: block;
1587 padding: 0.3em 0 0.1em 0;
1588 border-bottom: 1px solid #FFFFFF;
1589}
1590.choosercontainer #chooseform .nonoption {
1591 padding-left: 2.7em;
1592 padding-top: 0.3em;
1593 padding-bottom: 0.1em;
1594}
1595.dir-rtl .choosercontainer #chooseform .nonoption {
1596 padding-right: 2.7em;
1597 padding-left: 0;
1598}
1599.choosercontainer #chooseform .subtype {
1600 margin-bottom: 0;
1601 padding: 0 1.6em 0 3.2em;
1602}
1603.dir-rtl .choosercontainer #chooseform .subtype {
1604 padding: 0 3.2em 0 1.6em;
1605}
1606.choosercontainer #chooseform .subtype .typename {
1607 margin: 0 0 0 0.2em;
1608}
1609.dir-rtl .choosercontainer #chooseform .subtype .typename {
1610 margin: 0 0.2em 0 0;
1611}
1612/* The instruction/help area */
1613.jsenabled .choosercontainer #chooseform .instruction,
1614.jsenabled .choosercontainer #chooseform .typesummary {
1615 display: none;
1616 position: absolute;
1617 top: 0;
1618 right: 0;
1619 bottom: 0;
1620 left: 20.3em;
1621 margin: 0;
1622 padding: 1.6em;
1623 background-color: @bodyBackground;
1624 overflow-x: hidden;
1625 overflow-y: auto;
1626 line-height: 2em;
1627}
1628.dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1629.dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1630 left: 0;
1631 right: 18.5em;
1632 border-right: 1px solid grey;
1633}
1634/* Selected option settings */
1635.jsenabled .choosercontainer #chooseform .instruction,
1636.choosercontainer #chooseform .selected .typesummary {
1637 display: block;
1638}
1639.choosercontainer #chooseform .selected {
1640 background-color: @bodyBackground;
1641 .box-shadow(0px 0 10px 0 #ccc);
1642}
1643.section-modchooser-link img.smallicon {
1644 padding: 3px;
1645}
1646/* Form element: listing */
1647.formlistingradio {
1648 padding-bottom: 25px;
1649 padding-right: 10px;
1650}
1651.formlistinginputradio {
1652 float: left;
1653}
1654.formlistingmain {
1655 min-height: 225px;
1656}
1657.formlisting {
1658 position: relative;
1659 margin: 15px 0;
1660 padding: 1px 19px 14px;
1661 background-color: white;
1662 border: 1px solid #DDD;
1663 .border-radius(4px);
1664}
1665.formlistingmore {
1666 position: absolute;
1667 cursor: pointer;
1668 bottom: -1px;
1669 right: -1px;
1670 padding: 3px 7px;
1671 font-size: 12px;
1672 font-weight: bold;
1673 background-color: whiteSmoke;
1674 border: 1px solid #ddd;
1675 color: #9DA0A4;
1676 .border-radius(4px 0 4px 0);
1677}
1678.formlistingall {
1679 margin: 15px 0;
1680 padding: 0;
1681 .border-radius(4px);
1682}
1683.formlistingrow {
1684 cursor: pointer;
1685 border-bottom: 1px solid;
1686 border-color: #E1E1E8;
1687 border-left: 1px solid #E1E1E8;
1688 border-right: 1px solid #E1E1E8;
1689 background-color: #F7F7F9;
1690 .border-radius(0 0 4px 4px);
1691 padding: 6px;
1692 top: 50%;
1693 left: 50%;
1694 min-height: 34px;
1695 float: left;
1696 width: 150px;
1697}
1698body.jsenabled .formlistingradio {
1699 display: none;
1700}
1701body.jsenabled .formlisting {
1702 display: block;
1703}