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