MDL-42340 JavaScript: Stop dialogues forcing overflow - use CSS instead
[moodle.git] / theme / bootstrapbase / less / moodle / core.less
CommitLineData
8903b17b 1/* core.less */
8bfd530b
SH
2
3/** Page layout CSS starts **/
4.layout-option-noheader #page-header,
5.layout-option-nonavbar #page-navbar,
6.layout-option-nofooter #page-footer,
7.layout-option-nocourseheader .course-content-header,
8.layout-option-nocoursefooter .course-content-footer {
9 display:none;
10}
11
12.empty-region-side-pre #block-region-side-pre,
13.empty-region-side-post #block-region-side-post {
14 display:none;
15}
16
8bfd530b
SH
17.empty-region-side-post #region-bs-main-and-pre.span9 {
18 width:100%;
19}
20
21.empty-region-side-pre #region-main {
22 float:none;
23 width:100%;
24}
25
26.fluid-span (@columns) {
27 width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
28 *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
29}
30
31.empty-region-side-post.used-region-side-pre #region-main.span8 {
32 /** increase the span size by 1 **/
33 .fluid-span(9);
34}
35.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
36 /** decrease the span size by 1 **/
37 .fluid-span(3);
38}
a31445a8
GB
39
40.empty-region-side-post #region-bs-main-and-post.span9 #region-main.span8 {
41 /** RTL with no post area. **/
42 width:100%;
43}
44
8bfd530b
SH
45/** Page layout CSS ends **/
46
8903b17b
BB
47.dir-ltr,
48.mdl-left,
49.dir-rtl .mdl-right {
50 text-align: left;
51}
52.dir-rtl,
53.mdl-right,
54.dir-rtl .mdl-left {
55 text-align: right;
56}
57#add,
58#remove,
59.centerpara,
60.mdl-align {
61 text-align: center;
62}
63a.dimmed,
64a.dimmed:link,
65a.dimmed:visited,
66a.dimmed_text,
67a.dimmed_text:link,
68a.dimmed_text:visited,
69.dimmed_text,
70.dimmed_text a,
71.dimmed_text a:link,
72.dimmed_text a:visited,
73.usersuspended,
74.usersuspended a,
75.usersuspended a:link,
76.usersuspended a:visited,
77.dimmed_category,
78.dimmed_category a {
79 .muted
80}
81.activity.label .dimmed_text {
82 .opacity(50)
83}
84.unlist,
85.unlist li,
86.inline-list,
87.inline-list li,
88.block .list,
89.block .list li,
90.section li.activity,
91.section li.movehere,
92.tabtree li {
93 list-style: none;
94 margin: 0;
95 padding: 0;
96}
8903b17b
BB
97.inline,
98.inline-list li {
99 display: inline;
100}
101.notifytiny {
102 font-size: @fontSizeMini;
103}
104.notifytiny li,
105.notifytiny td {
106 font-size: 100%;
107}
108.red,
109.notifyproblem {
110 color: @errorText;
111}
112.green,
113.notifysuccess {
114 color: @successText;
115}
116.reportlink {
117 text-align: right;
118}
119a.autolink.glossary:hover {
120 cursor: help;
121}
122/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
123.collapsibleregioncaption {
124 white-space: nowrap;
125}
126.collapsibleregioncaption img {
127 vertical-align: middle;
128}
129.jsenabled .hiddenifjs {
130 display: none;
131}
132.visibleifjs {
133 display: none;
134}
135.jsenabled .visibleifjs {
136 display: inline;
137}
138.jsenabled .collapsibleregion {
139 overflow: hidden;
140}
141.jsenabled .collapsed .collapsibleregioninner {
142 visibility: hidden;
143}
53c1b936
ARN
144.collapsible-actions {
145 display: none;
146 text-align: right;
147}
148.dir-rtl .collapsible-actions {
149 text-align: left;
150}
151.jsenabled .collapsible-actions {
152 display: block;
153}
154.collapsible-actions .collapseexpand {
155 padding-left: 20px;
156 background: url([[pix:t/collapsed]]) 2px center no-repeat;
157}
158.dir-rtl .collapsible-actions .collapseexpand {
159 padding-right: 20px;
160 padding-left: 0;
161 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
162}
163.collapsible-actions .collapse-all,
164.dir-rtl .collapsible-actions .collapse-all {
165 background-image: url([[pix:t/expanded]]);
166}
8903b17b
BB
167.yui-overlay .yui-widget-bd {
168 background-color: #FFEE69;
169 border: 1px solid #A6982B;
170 border-top-color: #D4C237;
171 color: #000000;
172 left: 0;
173 padding: 2px 5px;
174 position: relative;
175 top: 0;
176 z-index: 1;
177}
178.clearer {
179 background: transparent;
180 border-width: 0;
181 clear: both;
182 display: block;
183 height: 1px;
184 margin: 0;
185 padding: 0;
186}
187.bold,
188.warning,
189.errorbox .title,
190.pagingbar .title,
faf6010b 191.pagingbar .thispage {
8903b17b
BB
192 font-weight: bold;
193}
194img.resize {
195 height: 1em;
196 width: 1em;
197}
198.block img.resize,
199.breadcrumb img.resize {
200 height: 0.9em;
201 width: 0.8em;
202}
203/* Icon styles */
204img.icon {
205 height: 16px;
4460e380 206 vertical-align: text-bottom;
8903b17b
BB
207 width: 16px;
208 padding-right: 6px;
209}
210.dir-rtl img.icon {
211 padding-left: 6px;
212 padding-right: 0;
213}
214img.iconsmall {
215 height: 12px;
216 margin-right: 3px;
217 vertical-align: middle;
218 width: 12px;
219}
220img.iconhelp, .helplink img {
221 height: 16px;
222 padding-left: 3px;
4460e380 223 vertical-align: text-bottom;
8903b17b
BB
224 width: 16px;
225}
4460e380
RW
226h1 img.iconhelp, h1 img.icon,
227h2 img.iconhelp, h2 img.icon,
228h3 img.iconhelp, h3 img.icon,
229h4 img.iconhelp, h4 img.icon,
230h5 img.iconhelp, h5 img.icon,
231h6 img.iconhelp, h6 img.icon {
232 vertical-align: middle;
233}
8903b17b
BB
234.dir-rtl img.iconhelp, .dir-rtl .helplink img {
235 padding-right: 3px;
236 padding-left: 0;
237}
238img.iconlarge {
239 height: 24px;
240 width: 24px;
241 vertical-align: middle;
242}
243img.iconsort {
244 vertical-align: text-bottom;
245 padding-left: .3em;
246 margin-bottom: .15em;
247}
248.dir-rtl img.iconsort {
249 padding-right: .3em;
250 padding-left: 0;
251}
252img.icontoggle {
253 height: 17px;
254 vertical-align: middle;
255 width: 50px;
256}
257img.iconkbhelp {
258 height: 17px;
259 width: 49px;
260}
261img.icon-pre, .dir-rtl img.icon-post {
262 padding-right: 3px;
263 padding-left: 0;
264}
265img.icon-post, .dir-rtl img.icon-pre {
266 padding-left: 3px;
267 padding-right: 0;
268}
8903b17b
BB
269.boxaligncenter {
270 margin-left: auto;
271 margin-right: auto;
272}
273.boxalignright {
274 margin-left: auto;
275 margin-right: 0;
276}
277.boxalignleft {
278 margin-left: 0;
279 margin-right: auto;
280}
281.boxwidthnarrow {
282 width: 30%;
283}
284.boxwidthnormal {
285 width: 50%;
286}
287.boxwidthwide {
288 width: 80%;
289}
290.headermain {
291 font-weight: bold;
292}
293#maincontent {
294 display: block;
295 height: 1px;
296 overflow: hidden;
297}
298img.uihint {
299 cursor: help;
300}
301#addmembersform table {
302 margin-left: auto;
303 margin-right: auto;
304}
305.flexible th {
306 white-space: nowrap;
307}
fdf70473
DW
308table.flexible .emptyrow {
309 display: none;
310}
8903b17b
BB
311img.emoticon {
312 vertical-align: middle;
313 width: 15px;
314 height: 15px;
315}
316form.popupform,
317form.popupform div {
318 display: inline;
319}
320.arrow_button input {
321 overflow: hidden;
322}
323.action-icon img.smallicon {
324 vertical-align: text-bottom;
325 margin: 0 0.3em;
326}
4460e380 327
8903b17b
BB
328/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
329.no-overflow {
330 overflow: auto;
331 padding-bottom: 1px;
332}
333.pagelayout-report .no-overflow {
334 overflow: visible;
335}
336.no-overflow > .generaltable {
337 margin-bottom: 0;
338}
339// Accessibility features
340
341// Accessibility: text 'seen' by screen readers but not visual users.
342.accesshide {
343 position: absolute;
344 left: -10000px;
345 font-weight: normal;
346 font-size: 1em;
347}
348.dir-rtl .accesshide {
349 top: -30000px;
350 left: auto;
351}
352span.hide,
353div.hide {
354 display: none;
355}
356// Accessibility: Skip block link, for keyboard-only users.
357a.skip-block,
358a.skip {
359 position: absolute;
360 top: -1000em;
361 font-size: 0.85em;
362 text-decoration: none;
363}
364a.skip-block:focus,
365a.skip-block:active,
366a.skip:focus,
367a.skip:active {
368 position: static;
369 display: block;
370}
371.skip-block-to {
372 display: block;
373 height: 1px;
374 overflow: hidden;
375}
376// Blogs
377.addbloglink {
378 text-align: center;
379}
380.blog_entry .audience {
381 text-align: right;
382 padding-right: 4px;
383}
384.blog_entry .tags {
385 margin-top: 15px;
386}
387.blog_entry .tags .action-icon img.smallicon {
388 height: 16px;
389 width: 16px;
390}
391.blog_entry .content {
392 margin-left: 43px;
393}
394// Group
395#page-group-index #groupeditform {
396 text-align: center;
397}
398#doc-contents h1 {
399 margin: 1em 0 0 0;
400}
401#doc-contents ul {
402 margin: 0;
403 padding: 0;
404 width: 90%;
405}
406#doc-contents ul li {
407 list-style-type: none;
408}
409.groupmanagementtable td {
410 vertical-align: top;
411}
412.groupmanagementtable #existingcell,
413.groupmanagementtable #potentialcell {
414 width: 42%;
415}
416.groupmanagementtable #buttonscell {
417 width: 16%;
418}
f021743e
ME
419.groupmanagementtable #buttonscell p.arrow_button input {
420 width: auto;
421 min-width: 80%;
422 margin: 0 auto;
423}
8903b17b
BB
424.groupmanagementtable #removeselect_wrapper,
425.groupmanagementtable #addselect_wrapper {
426 width: 100%;
427}
428.groupmanagementtable #removeselect_wrapper label,
429.groupmanagementtable #addselect_wrapper label {
430 font-weight: normal;
431}
432.dir-rtl .groupmanagementtable p {
433 text-align: right;
434}
435#group-usersummary {
436 width: 14em;
437}
438.groupselector {
439 margin-top: 3px;
440 margin-bottom: 3px;
441}
442
443// Login
444.loginbox {
445 margin: 15px;
446 overflow: visible;
447}
448.loginbox.twocolumns {
449 margin: 15px;
450}
451.loginbox h2,
452.loginbox .subcontent {
453 margin: 5px;
454 padding: 10px;
455 text-align: center;
456}
457.loginbox .loginpanel .desc {
458 margin: 0;
459 padding: 0;
460 margin-bottom: 5px;
29a24edd 461 margin-top:15px;
8903b17b
BB
462}
463.loginbox .signuppanel .subcontent {
464 text-align: left;
465}
466.dir-rtl .loginbox .signuppanel .subcontent {
467 text-align: right;
468}
469.loginbox .loginsub {
470 margin-left: 0;
471 margin-right: 0;
472}
473.loginbox .guestsub,
474.loginbox .forgotsub,
475.loginbox .potentialidps {
476 margin: 5px 12%;
477}
478.loginbox .potentialidps .potentialidplist {
479 margin-left: 40%;
480}
481.loginbox .potentialidps .potentialidplist div {
482 text-align: left;
483}
484.loginbox .loginform {
485 margin-top: 1em;
486 text-align: left;
487}
488.loginbox .loginform .form-label {
489 float: left;
490 text-align: right;
491 width: 44%;
492 direction: rtl;
493 white-space: nowrap;
494}
495.dir-rtl .loginbox .loginform .form-label {
496 float: left;
497 text-align: right;
498 width: 44%;
499 direction: ltr;
500 white-space: nowrap;
501}
502.loginbox .loginform .form-input {
503 float: right;
504 width: 55%;
505}
506.loginbox .loginform .form-input input {
507 width: 6em;
508}
509.loginbox .signupform {
510 margin-top: 1em;
511 text-align: center;
512}
513.loginbox.twocolumns .loginpanel,
514.loginbox.twocolumns .signuppanel {
515 width: 48%;
516 border: 0;
517 margin: 0;
518 padding: 0;
519 .box-sizing(border-box);
520 display: block;
521 float: left;
522 margin-left: 2.76243%;
523 min-height: 30px;
524 margin-bottom: -2000px;
525 padding-bottom: 2000px;
526}
527.loginbox .potentialidp .smallicon {
528 vertical-align: text-bottom;
529 margin: 0 .3em;
530}
531
532// Notes
533.notepost {
534 margin-bottom: 1em;
535}
536.notepost .userpicture {
537 float: left;
538 margin-right: 5px;
539}
540.notepost .content,
541.notepost .footer {
542 clear: both;
543}
544.notesgroup {
545 margin-left: 20px;
546}
547
548// My Moodle
549.path-my .coursebox .overview {
550 margin: 15px 30px 10px 30px;
551}
552.path-my .coursebox .info {
553 float: none;
554 margin: 0;
555}
556
557// Modules
558.mod_introbox {
559 padding: 10px;
560}
561table.mod_index {
562 width: 100%;
563}
564
565// Comments
566.comment-ctrl {
567 font-size: 12px;
568 display: none;
569 margin: 0;
570 padding: 0;
571}
572.comment-ctrl h5 {
573 margin: 0;
574 padding: 5px;
575}
576.comment-area {
577 max-width: 400px;
578 padding: 5px;
579}
580.comment-area textarea {
581 width: 100%;
582 overflow: auto;
583}
584.comment-area .fd {
585 text-align: right;
586}
587.comment-meta span {
588 color: gray;
589}
590.comment-link img {
591 vertical-align: text-bottom;
592}
593.comment-list {
594 font-size: 11px;
595 overflow: auto;
596 list-style: none;
597 padding: 0;
598 margin: 0;
599}
600.comment-list li {
601 margin: 2px;
602 list-style: none;
603 margin-bottom: 5px;
604 clear: both;
605 padding: .3em;
606 position: relative;
607}
608.comment-list li.first {
609 display: none
610}
611.comment-paging{
612 text-align: center;
613}
614.comment-paging .pageno{
615 padding: 2px;
616}
617.comment-paging .curpage{
618 border: 1px solid #CCC;
619}
620.comment-message .picture {
621 width: 20px;
622 float: left;
623}
624.dir-rtl .comment-message .picture {
625 float: right;
626}
627.comment-message .text {
628 margin: 0;
629 padding: 0;
630}
631.comment-message .text p {
632 padding: 0;
633 margin: 0 18px 0 0;
634}
635.comment-delete {
636 position: absolute;
637 top: 0;
638 right: 0;
639 margin: .3em;
640}
641.dir-rtl .comment-delete {
642 position: absolute;
643 left: 0;
644 right: auto;
645 margin: .3em;
646}
647.comment-delete-confirm {
648 background: #eee;
649 padding: 2px;
650 width: 5em;
651 text-align: center;
652}
653.comment-container {
654 float: left;
655 margin: 4px;
656}
657.comment-report-selectall{
658 display: none
659}
660.comment-link {
661 display: none
662}
663.jsenabled .comment-link {
664 display: block
665}
666.jsenabled .showcommentsnonjs{
667 display: none
668}
669.jsenabled .comment-report-selectall{
670 display: inline
671}
672/**
673* Completion progress report
674*/
675.completion-expired {
676 background: @errorBackground;
677}
678.completion-expected {
679 font-size: @fontSizeMini;
680}
681.completion-sortchoice,
682.completion-identifyfield {
683 font-size: @fontSizeMini;
684 vertical-align: bottom;
685}
686.completion-progresscell {
687 text-align: right;
688}
689.completion-expired .completion-expected {
690 font-weight: bold;
691}
692/**
693* Tags
694*/
695#page-tag-coursetags_edit .coursetag_edit_centered {
696 position: relative;
697 width: 600px;
698 margin: 20px auto;
699}
700#page-tag-coursetags_edit .coursetag_edit_row {
701 clear: both;
702}
703#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
704 float: left;
705 width: 50%;
706 text-align: right;
707}
708#page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
709 margin-left: 50%;
710}
711#page-tag-coursetags_edit .coursetag_edit_input3 {
712 display: none;
713}
714#page-tag-coursetags_more .coursetag_more_large {
715 font-size: 120%;
716}
717#page-tag-coursetags_more .coursetag_more_small {
718 font-size: 80%;
719}
720#page-tag-coursetags_more .coursetag_more_link {
721 font-size: 80%;
722}
723#tag-description,
724#tag-blogs {
725 width: 100%;
726}
727#tag-management-box {
728 margin-bottom: 10px;
729 line-height: 20px;
730}
731#tag-user-table {
732 padding: 3px;
733 clear: both;
734 width: 100%;
735}
736#tag-user-table {
737 .clearfix
738}
739img.user-image {
740 height: 100px;
741 width: 100px;
742}
743#small-tag-cloud-box {
744 width: 300px;
745 margin: 0 auto;
746}
747#big-tag-cloud-box {
748 width: 600px;
749 margin: 0 auto;
750 float: none;
751}
752ul#tag-cloud-list {
753 list-style: none;
754 padding: 5px;
755 margin: 0;
756}
757ul#tag-cloud-list li {
758 margin: 0;
759 display: inline;
760 list-style-type: none;
761}
762#tag-search-box {
763 text-align: center;
764 margin: 10px auto;
765}
766#tag-search-results-container {
767 padding: 0;
768 width: 100%;
769}
770#tag-search-results {
771 padding: 0;
772 margin: 15px 20% 0 20%;
773 float: left;
774 width: 60%;
775 display: block;
776}
777#tag-search-results li {
778 width: 30%;
779 float: left;
780 padding-left: 1%;
781 text-align: left;
782 line-height: 20px;
783 padding-right: 1%;
784 list-style: none;
785}
786span.flagged-tag,
787span.flagged-tag a {
788 color: @errorText;
789}
790table#tag-management-list {
791 text-align: left;
792 width: 100%;
793}
794table#tag-management-list td,
795table#tag-management-list th {
796 vertical-align: middle;
797 text-align: left;
798 padding: 4px;
799}
800.tag-management-form {
801 text-align: center;
802}
803#relatedtags-autocomplete-container {
804 margin-left: auto;
805 margin-right: auto;
806 min-height: 4.6em;
807 width: 100%;
808}
809#relatedtags-autocomplete {
810 position: relative;
811 display: block;
812 width: 60%;
813 margin-left: auto;
814 margin-right: auto;
815}
816#relatedtags-autocomplete .yui-ac-content {
817 position: absolute;
818 width: 420px;
819 left: 20%;
820 border: 1px solid #404040;
821 background: #fff;
822 overflow: hidden;
823 z-index: 9050;
824}
825#relatedtags-autocomplete .ysearchquery {
826 position: absolute;
827 right: 10px;
828 color: #808080;
829 z-index: 10;
830}
831#relatedtags-autocomplete .yui-ac-shadow {
832 position: absolute;
833 margin: .3em;
834 width: 100%;
835 background: #a0a0a0;
836 z-index: 9049;
837}
838#relatedtags-autocomplete ul {
839 padding: 0;
840 width: 100%;
841 margin: 0;
842 list-style-type: none;
843}
844#relatedtags-autocomplete li {
845 padding: 0 5px;
846 cursor: default;
847 white-space: nowrap;
848}
849#relatedtags-autocomplete li.yui-ac-highlight{
850 background: #FFFFCC;
851}
852h2.tag-heading,
853div#tag-description,
854div#tag-blogs,
855body.tag .managelink {
856 padding: 5px;
857}
858.tag_cloud .s20 {
859 font-size: 1.5em;
860 font-weight: bold;
861}
862.tag_cloud .s19 {
863 font-size: 1.5em;
864}
865.tag_cloud .s18 {
866 font-size: 1.4em;
867 font-weight: bold;
868}
869.tag_cloud .s17 {
870 font-size: 1.4em;
871}
872.tag_cloud .s16 {
873 font-size: 1.3em;
874 font-weight: bold;
875}
876.tag_cloud .s15 {
877 font-size: 1.3em;
878}
879.tag_cloud .s14 {
880 font-size: 1.2em;
881 font-weight: bold;
882}
883.tag_cloud .s13 {
884 font-size: 1.2em;
885}
886.tag_cloud .s12,
887.tag_cloud .s11 {
888 font-size: 1.1em;
889 font-weight: bold;
890}
891.tag_cloud .s10,
892.tag_cloud .s9 {
893 font-size: 1.1em;
894}
895.tag_cloud .s8,
896.tag_cloud .s7 {
897 font-size: 1em;
898 font-weight: bold;
899}
900.tag_cloud .s6,
901.tag_cloud .s5 {
902 font-size: 1em;
903}
904.tag_cloud .s4,
905.tag_cloud .s3 {
906 font-size: 0.9em;
907 font-weight: bold;
908}
909.tag_cloud .s2,
910.tag_cloud .s1 {
911 font-size: 0.9em;
912}
913.tag_cloud .s0 {
914 font-size: 0.8em;
915}
916/**
917* Web Service
918*/
919#webservice-doc-generator td {
920 text-align: left;
921 border: 0 solid black;
922}
923/**
924* Smart Select Element
925*/
926.smartselect {
927 position: absolute;
928}
929.smartselect .smartselect_mask {
930 background-color: #fff;
931}
932.smartselect ul {
933 padding: 0;
934 margin: 0;
935}
936.smartselect ul li {
937 list-style: none;
938}
939.smartselect .smartselect_menu {
940 margin-right: 5px;
941}
942.safari .smartselect .smartselect_menu {
943 margin-left: 2px;
944}
945.smartselect .smartselect_menu,
946.smartselect .smartselect_submenu {
947 border: 1px solid #000;
948 background-color: #FFF;
949 display: none;
950}
951.smartselect .smartselect_menu.visible,
952.smartselect .smartselect_submenu.visible {
953 display: block;
954}
955.smartselect .smartselect_menu_content ul li {
956 position: relative;
957 padding: 2px 5px;
958}
959.smartselect .smartselect_menu_content ul li a {
960 color: #333;
961 text-decoration: none;
962}
963.smartselect .smartselect_menu_content ul li a.selectable {
964 color: inherit;
965}
966.smartselect .smartselect_submenuitem {
967 background-image: url([[pix:moodle|t/collapsed]]);
968 background-repeat: no-repeat;
969 background-position: 100%;
970}
971/** Spanning mode */
972.smartselect.spanningmenu .smartselect_submenu {
973 position: absolute;
974 top: -1px;
975 left: 100%;
976}
977.smartselect.spanningmenu .smartselect_submenu a {
978 white-space: nowrap;
979 padding-right: 16px;
980}
981.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
982 text-decoration: underline;
983}
984/** Compact mode */
985.smartselect.compactmenu .smartselect_submenu {
986 position: relative;
987 margin: 2px -3px;
988 margin-left: 10px;
989 display: none;
990 border-width: 0;
991 z-index: 1010;
992}
993.smartselect.compactmenu .smartselect_submenu.visible {
994 display: block;
995}
996.smartselect.compactmenu .smartselect_menu {
997 z-index: 1000;
998 overflow: hidden;
999}
1000.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
1001 z-index: 1020;
1002}
1003.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
1004 font-weight: bold;
1005}
1006/**
1007* Registration
1008*/
1009#page-admin-registration-register .registration_textfield {
1010 width: 300px;
1011}
1012/**
1013* Enrol
1014*/
1015.userenrolment {
1016 width: 100%;
1017 border-collapse: collapse;
1018}
1019.userenrolment td {
1020 padding: 0;
1021 height: 41px;
1022}
1023.userenrolment .subfield {
1024 margin-right: 5px;
1025}
1026.userenrolment .col_userdetails .subfield_picture {
1027 float: left;
1028}
1029.userenrolment .col_lastseen {
1030 width: 150px;
1031}
1032.userenrolment .col_role {
1033 width: 262px;
1034}
1035.userenrolment .col_role .roles {
1036 margin-right: 30px;
1037}
1038.userenrolment .col_role .role {
1039 float: left;
1040 padding: 3px;
1041 margin: 3px;
1042}
1043.dir-rtl .userenrolment .col_role .role {
1044 float: right;
1045}
1046.userenrolment .col_role .role a {
1047 margin-left: 3px;
1048 cursor: pointer;
1049}
1050.userenrolment .col_role .addrole {
1051 float: right;
1052 width: 18px;
1053 height: 18px;
1054 margin: 3px;
1055 text-align: center;
1056 background-color: @successBackground;
1057 border: 1px solid @successBorder;
1058}
1059.userenrolment .col_role .addrole img {
1060 vertical-align: baseline;
1061}
1062.userenrolment .hasAllRoles .col_role .addrole {
1063 display: none;
1064}
1065.userenrolment .col_group .groups {
1066 margin-right: 30px;
1067}
1068.userenrolment .col_group .group {
1069 float: left;
1070 padding: 3px;
1071 margin: 3px;
1072 white-space: nowrap;
1073}
1074.userenrolment .col_group .group a {
1075 margin-left: 3px;
1076 cursor: pointer;
1077}
1078.userenrolment .col_group .addgroup {
1079 float: right;
1080 width: 18px;
1081 margin: 3px;
1082 height: 18px;
1083 text-align: center;
1084}
1085.userenrolment .col_group .addgroup a img {
1086 vertical-align: bottom;
1087}
1088.userenrolment .col_enrol .enrolment {
1089 float: left;
1090 padding: 3px;
1091 margin: 3px;
1092}
1093.userenrolment .col_enrol .enrolment a {
1094 float: right;
1095 margin-left: 3px;
1096}
1097#page-enrol-users .enrol_user_buttons {
1098 float: right;
1099}
373c610e
NK
1100#page-enrol-users.dir-rtl .enrol_user_buttons {
1101 float: left;
1102}
8903b17b
BB
1103#page-enrol-users .enrol_user_buttons .enrolusersbutton {
1104 margin-left: 1em;
1105 display: inline;
1106}
1107#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1108#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1109 display: inline;
1110}
1111#page-enrol-users .enrol_user_buttons .enrolusersbutton input {
1112 padding-left: 6px;
1113 padding-right: 6px;
1114}
1115#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {
1116 float: right;
1117}
1118#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1119 width: 237px;
1120}
1121/**
1122* Overide for RTL layout
1123**/
1124.dir-rtl .headermain {
1125 float: right;
1126}
1127.dir-rtl .headermenu {
1128 float: left;
1129}
1130.dir-rtl .loginbox .loginform .form-label {
1131 float: right;
1132 text-align: left;
1133}
1134.dir-rtl .loginbox .loginform .form-input {
1135 text-align: right;
1136}
1137.dir-rtl .yui3-menu-hidden {
1138 left: 0;
1139}
1140#page-admin-roles-define.dir-rtl #rolesform .felement {
1141 margin-right: 180px;
1142}
1143#page-message-edit.dir-rtl table.generaltable th.c0 {
1144 text-align: right;
1145}
1146.corelightbox {
1147 background-color: #CCC;
1148 position: absolute;
1149 top: 0;
1150 left: 0;
1151 width: 100%;
1152 height: 100%;
1153 text-align: center;
1154}
1155.corelightbox img {
1156 position: fixed;
1157 top: 50%;
1158 left: 50%;
1159}
1160.mod-indent-1 {
1161 margin-left: 30px;
1162}
1163.mod-indent-2 {
1164 margin-left: 60px;
1165}
1166.mod-indent-3 {
1167 margin-left: 90px;
1168}
1169.mod-indent-4 {
1170 margin-left: 120px;
1171}
1172.mod-indent-5 {
1173 margin-left: 150px;
1174}
1175.mod-indent-6 {
1176 margin-left: 180px;
1177}
1178.mod-indent-7 {
1179 margin-left: 210px;
1180}
1181.mod-indent-8 {
1182 margin-left: 240px;
1183}
1184.mod-indent-9 {
1185 margin-left: 270px;
1186}
1187.mod-indent-10 {
1188 margin-left: 300px;
1189}
1190.mod-indent-11 {
1191 margin-left: 330px;
1192}
1193.mod-indent-12 {
1194 margin-left: 360px;
1195}
1196.mod-indent-13 {
1197 margin-left: 390px;
1198}
1199.mod-indent-14 {
1200 margin-left: 420px;
1201}
1202.mod-indent-15,
1203.mod-indent-huge {
1204 margin-left: 420px;
1205}
1206.dir-rtl .mod-indent-1 {
1207 margin-right: 30px;
1208 margin-left: 0;
1209}
1210.dir-rtl .mod-indent-2 {
1211 margin-right: 60px;
1212 margin-left: 0;
1213}
1214.dir-rtl .mod-indent-3 {
1215 margin-right: 90px;
1216 margin-left: 0;
1217}
1218.dir-rtl .mod-indent-4 {
1219 margin-right: 120px;
1220 margin-left: 0;
1221}
1222.dir-rtl .mod-indent-5 {
1223 margin-right: 150px;
1224 margin-left: 0;
1225}
1226.dir-rtl .mod-indent-6 {
1227 margin-right: 180px;
1228 margin-left: 0;
1229}
1230.dir-rtl .mod-indent-7 {
1231 margin-right: 210px;
1232 margin-left: 0;
1233}
1234.dir-rtl .mod-indent-8 {
1235 margin-right: 240px;
1236 margin-left: 0;
1237}
1238.dir-rtl .mod-indent-9 {
1239 margin-right: 270px;
1240 margin-left: 0;
1241}
1242.dir-rtl .mod-indent-10 {
1243 margin-right: 300px;
1244 margin-left: 0;
1245}
1246.dir-rtl .mod-indent-11 {
1247 margin-right: 330px;
1248 margin-left: 0;
1249}
1250.dir-rtl .mod-indent-12 {
1251 margin-right: 360px;
1252 margin-left: 0;
1253}
1254.dir-rtl .mod-indent-13 {
1255 margin-right: 390px;
1256 margin-left: 0;
1257}
1258.dir-rtl .mod-indent-14 {
1259 margin-right: 420px;
1260 margin-left: 0;
1261}
1262.dir-rtl .mod-indent-15,
1263.dir-rtl .mod-indent-huge {
1264 margin-right: 420px;
1265 margin-left: 0;
1266}
1267/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1268.resourcecontent .mediaplugin_mp3 object {
1269 height: 25px;
1270 width: 600px
1271}
1272.resourcecontent audio.mediaplugin_html5audio {
1273 width: 600px
1274}
1275/** Large resource images should avoid hidden overflow **/
1276.resourceimage {
1277 max-width: 100%;
1278}
1279/* Audio player size in 'inline' mode (can only change width, as above) */
1280.mediaplugin_mp3 object {
1281 height: 15px;
1282 width: 300px
1283}
1284audio.mediaplugin_html5audio {
1285 width: 300px
1286}
1287/* TinyMCE moodle media preview frame should not have padding */
1288.core_media_preview.pagelayout-embedded #content {
1289 padding: 0;
1290}
1291.core_media_preview.pagelayout-embedded #maincontent {
1292 height: 0;
1293}
1294.core_media_preview.pagelayout-embedded .mediaplugin {
1295 margin: 0;
1296}
1297/** Fix YUI 2 Treeview for Right to left languages **/
1298.dir-rtl .ygtvtn,
1299.dir-rtl .ygtvtm,
1300.dir-rtl .ygtvtmh,
1301.dir-rtl .ygtvtmhh,
1302.dir-rtl .ygtvtp,
1303.dir-rtl .ygtvtph,
1304.dir-rtl .ygtvtphh,
1305.dir-rtl .ygtvln,
1306.dir-rtl .ygtvlm,
1307.dir-rtl .ygtvlmh,
1308.dir-rtl .ygtvlmhh,
1309.dir-rtl .ygtvlp,
1310.dir-rtl .ygtvlph,
1311.dir-rtl .ygtvlphh,
1312.dir-rtl .ygtvdepthcell,
1313.dir-rtl .ygtvok,
1314.dir-rtl .ygtvok:hover,
1315.dir-rtl .ygtvcancel,
1316.dir-rtl .ygtvcancel:hover {
1317 width: 18px;
1318 height: 22px;
1319 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1320 background-repeat: no-repeat;
1321 cursor: pointer;
1322}
1323.dir-rtl .ygtvtn {
1324 background-position: 0 -5600px;
1325}
1326.dir-rtl .ygtvtm {
1327 background-position: 0 -4000px;
1328}
1329.dir-rtl .ygtvtmh,
1330.dir-rtl .ygtvtmhh {
1331 background-position: 0 -4800px;
1332}
1333.dir-rtl .ygtvtp {
1334 background-position: 0 -6400px;
1335}
1336.dir-rtl .ygtvtph,
1337.dir-rtl .ygtvtphh {
1338 background-position: 0 -7200px;
1339}
1340.dir-rtl .ygtvln {
1341 background-position: 0 -1600px;
1342}
1343.dir-rtl .ygtvlm {
1344 background-position: 0 0;
1345}
1346.dir-rtl .ygtvlmh,
1347.dir-rtl .ygtvlmhh {
1348 background-position: 0 -800px;
1349}
1350.dir-rtl .ygtvlp {
1351 background-position: 0 -2400px;
1352}
1353.dir-rtl .ygtvlph,
1354.dir-rtl .ygtvlphh {
1355 background-position: 0 -3200px
1356}
1357.dir-rtl .ygtvdepthcell {
1358 background-position: 0 -8000px;
1359}
1360.dir-rtl .ygtvok {
1361 background-position: 0 -8800px;
1362}
1363.dir-rtl .ygtvok:hover {
1364 background-position: 0 -8844px;
1365}
1366.dir-rtl .ygtvcancel {
1367 background-position: 0 -8822px;
1368}
1369.dir-rtl .ygtvcancel:hover {
1370 background-position: 0 -8866px;
1371}
1372.dir-rtl.yui-skin-sam .yui-panel .hd {
94462b56 1373 text-align: right;
8903b17b
BB
1374}
1375.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1376 text-align: right;
1377}
1378/** Fix TinyMCE editor right to left **/
1379.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1380 top: 44px;
1381}
1382.dir-rtl .o2k7Skin table,
1383.dir-rtl .o2k7Skin tbody,
1384.dir-rtl .o2k7Skin a,
1385.dir-rtl .o2k7Skin img,
1386.dir-rtl .o2k7Skin tr,
1387.dir-rtl .o2k7Skin div,
1388.dir-rtl .o2k7Skin td,
1389.dir-rtl .o2k7Skin iframe,
1390.dir-rtl .o2k7Skin span,
1391.dir-rtl .o2k7Skin *,
1392.dir-rtl .o2k7Skin .mceText,
1393.dir-rtl .o2k7Skin .mceListBox .mceText {
1394 text-align: right;
1395}
1396.path-rating .ratingtable {
1397 width: 100%;
1398 margin-bottom: 1em;
1399}
1400.path-rating .ratingtable th.rating {
1401 width: 100%;
1402}
1403.path-rating .ratingtable td.rating,
1404.path-rating .ratingtable td.time {
1405 white-space: nowrap;
1406 text-align: center;
1407}
1408.initialbar a {
1409 padding-right: 2px;
1410}
1411/* Moodle Dialogue Settings (moodle-core-dialogue) */
1412.moodle-dialogue-base .moodle-dialogue-lightbox {
1413 background-color: #AAA;
1414}
1415.moodle-dialogue-base .hidden,
1416.moodle-dialogue-base .moodle-dialogue-hidden {
1417 display: none;
1418}
bf7c86cf
DW
1419.no-scrolling {
1420 overflow: hidden;
1421}
2a808cef 1422.moodle-dialogue-base .moodle-dialogue-fullscreen {
bf7c86cf
DW
1423 left: 0px;
1424 top: 0px;
2a808cef
DW
1425 right: 0px;
1426 bottom: -50px;
1427 position: fixed;
1428}
ee0a9ce9
AN
1429.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1430 overflow: auto;
1431}
2a808cef
DW
1432.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1433 width: 28px;
1434 height: 16px;
1435 background-size: 100%;
bf7c86cf 1436}
8903b17b
BB
1437.moodle-dialogue-base .moodle-dialogue {
1438 padding: 0;
1439 margin: 0;
1440 background: none;
1441 border: none;
323aa324 1442 z-index: 600;
22c943b3 1443 outline: #000 dotted 0;
8903b17b
BB
1444}
1445.moodle-dialogue-base .moodle-dialogue-wrap {
1446 margin-top: -3px;
1447 margin-left: -3px;
1448 background-color: #fff;
1449 border: 1px solid #ccc;
1450 .border-radius(10px);
1451 .box-shadow(5px 5px 20px 0 #666);
1452}
1453.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
1454 margin: 0;
1455 padding: 5px;
1456 font-size: 12px;
1457 font-weight: normal;
1458 letter-spacing: 1px;
1459 color: #333;
1460 text-align: center;
1461 text-shadow: 1px 1px 1px #fff;
1462 .border-radius(10px 10px 0 0);
1463 border-bottom: 1px solid #bbb;
1464 background: #ccc;
1465 #gradient > .vertical(#fff, #ccc);
1466 filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1467}
1468.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1469 margin: 0;
1470 padding: 0;
1471 display: inline;
1472 font-size: 100%;
1473 font-weight: bold;
1474}
1475.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1476 padding: 5px;
1477}
1478.moodle-dialogue-base .closebutton {
1479 width: 25px;
1480 height: 15px;
1481 float: right;
1482 vertical-align: middle;
1483 display: inline-block;
1484 cursor: pointer;
1485 padding: 0;
1486 background-image: url([[pix:theme|sprite]]);
1487 background-repeat: no-repeat;
1488 border-style: none;
1489}
1490.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1491 left: 0;
1492 right: auto;
1493}
1494.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1495 overflow: auto;
1496 padding: 1em;
1497 line-height: 2em;
1498 color: #555;
1499 font-size: 12px;
1500}
1501.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1502 padding: 0;
1503 background: #FFF;
1504}
d61c96b6
DW
1505
1506.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1507 padding: 10px;
1508 font-size: 16px;
1509}
1510
2a808cef
DW
1511.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1512 overflow: auto;
1513 position: absolute;
1514 top: 0px;
1515 bottom: 50px;
1516 left: 0px;
1517 right: 0px;
d61c96b6
DW
1518 margin: 0px;
1519 border: 0px;
1520}
1521.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1522.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1523 border-radius: 0px;
1524}
8903b17b
BB
1525.moodle-dialogue-confirm .confirmation-dialogue {
1526 text-align: center;
1527}
1528.moodle-dialogue-confirm .confirmation-dialogue input {
1529 text-align: center;
1530}
1531.moodle-dialogue-exception .moodle-exception-message {
1532 text-align: center
1533}
1534.moodle-dialogue-exception .moodle-exception-param label {
1535 font-weight: bold;
1536}
1537.moodle-dialogue-exception .param-stacktrace label {
1538 background-color: #EEE;
1539 border: 1px solid #ccc;
1540 border-bottom-width: 0;
1541}
1542.moodle-dialogue-exception .param-stacktrace pre {
1543 border: 1px solid #ccc;
1544 background-color: #fff;
1545}
1546.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1547 color: navy;
1548 font-size: @fontSizeSmall;
1549}
1550.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1551 color: @errorText;
1552 font-size: @fontSizeSmall;
1553}
1554.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1555 color: #333;
1556 font-size: 90%;
1557 border-bottom: 1px solid #eee;
1558}
1559.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1560 padding: 0;
1561 margin: 0.7em 1em;
1562 text-align: right;
1563 background-color: #FFF;
1564 font-size: 12px;
1565}
1566.moodle-dialogue-confirm .confirmation-message {
1567 margin: 0.5em 1em;
1568}
1569.moodle-dialogue-confirm .confirmation-dialogue input {
1570 min-width: 80px
1571}
1572.moodle-dialogue-exception .moodle-exception-message {
1573 margin: 1em;
1574}
1575.moodle-dialogue-exception .moodle-exception-param {
1576 margin-bottom: 0.5em;
1577}
1578.moodle-dialogue-exception .moodle-exception-param label {
1579 width: 150px;
1580}
1581.moodle-dialogue-exception .param-stacktrace label {
1582 display: block;
1583 margin: 0;
1584 padding: 4px 1em;
1585}
1586.moodle-dialogue-exception .param-stacktrace pre {
1587 display: block;
1588 height: 200px;
1589 overflow: auto;
1590}
1591.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1592 display: inline-block;
1593 margin: 4px 0;
1594}
1595.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1596 display: inline-block;
1597 width: 50px;
1598 margin: 4px 1em;
1599}
1600.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1601 padding-left: 25px;
1602 margin-bottom: 4px;
1603 padding-bottom: 4px;
1604}
1605.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1606 .opacity(75);
1607 width: 100%;
1608 height: 100%;
1609 top: 0;
1610 left: 0;
1611 background-color: white;
1612 text-align: center;
1613 padding: 10% 0;
1614}
1615/* Apply a default max-height on tooltip text */
1616.moodle-dialogue .tooltiptext {
1617 max-height: 300px;
1618}
b72d78d8 1619
323aa324 1620.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
b72d78d8
AN
1621 z-index: 3001;
1622}
1623
8903b17b
BB
1624/* Question Bank - Question Chooser "Close" button */
1625#page-question-edit.dir-rtl a.container-close {
1626 right: auto;
1627 left: 6px;
1628}
1629/**
1630* Chooser Dialogues (moodle-core-chooserdialogue)
1631*
1632* This CSS belong to the chooser dialogue which should work both with, and
1633* without javascript enabled
1634*/
1635/* Hide the dialog and it's title */
1636.chooserdialoguebody,
1637.choosertitle {
1638 display: none;
1639}
1640.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1641 margin: 0;
1642}
1643.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1644 padding: 0;
1645 background: #F2F2F2;
1646 .border-bottom-radius(10px);
1647}
1648/* Center the submit buttons within the area */
1649.choosercontainer #chooseform .submitbuttons {
1650 margin: 0.7em 0;
1651 text-align: center;
1652}
1653.choosercontainer #chooseform .submitbuttons input {
1654 min-width: 100px;
1655 margin: 0 0.5em;
1656}
1657/* Various settings for the options area */
1658.choosercontainer #chooseform .options {
1659 position: relative;
1660 border-bottom: 1px solid #BBBBBB;
1661}
1662/* Only set these options if we're showing the js container */
1663.jsenabled .choosercontainer #chooseform .alloptions {
1664 overflow-x: hidden;
1665 overflow-y: auto;
1666 max-width: 20.3em;
1667 .box-shadow(inset 0 0 30px 0px #ccc);
1668}
1669.dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1670 max-width: 18.3em;
1671}
1672/* Settings for option rows and option subtypes */
1673.choosercontainer #chooseform .moduletypetitle,
1674.choosercontainer #chooseform .option,
1675.choosercontainer #chooseform .nonoption {
1676 margin-bottom: 0;
1677 padding: 0 1.6em 0 1.6em;
1678}
1679.choosercontainer #chooseform .moduletypetitle {
1680 text-transform: uppercase;
1681 padding-top: 1.2em;
1682 padding-bottom: 0.4em;
1683}
1684.choosercontainer #chooseform .option .typename,
1685.choosercontainer #chooseform .option span.modicon img.icon,
1686.choosercontainer #chooseform .nonoption .typename,
1687.choosercontainer #chooseform .nonoption span.modicon img.icon {
1688 padding: 0 0 0 0.5em;
1689}
1690.dir-rtl .choosercontainer #chooseform .option .typename,
1691.dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1692.dir-rtl .choosercontainer #chooseform .nonoption .typename,
1693.dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1694 padding: 0 0.5em 0 0;
1695}
1696.choosercontainer #chooseform .option span.modicon img.icon,
1697.choosercontainer #chooseform .nonoption span.modicon img.icon {
1698 height: 24px;
1699 width: 24px;
1700}
1701.choosercontainer #chooseform .option input[type=radio],
1702.choosercontainer #chooseform .option span.typename,
1703.choosercontainer #chooseform .option span.modicon {
1704 vertical-align: middle;
1705}
1706.choosercontainer #chooseform .option label {
1707 display: block;
1708 padding: 0.3em 0 0.1em 0;
1709 border-bottom: 1px solid #FFFFFF;
1710}
1711.choosercontainer #chooseform .nonoption {
1712 padding-left: 2.7em;
1713 padding-top: 0.3em;
1714 padding-bottom: 0.1em;
1715}
1716.dir-rtl .choosercontainer #chooseform .nonoption {
1717 padding-right: 2.7em;
1718 padding-left: 0;
1719}
1720.choosercontainer #chooseform .subtype {
1721 margin-bottom: 0;
1722 padding: 0 1.6em 0 3.2em;
1723}
1724.dir-rtl .choosercontainer #chooseform .subtype {
1725 padding: 0 3.2em 0 1.6em;
1726}
1727.choosercontainer #chooseform .subtype .typename {
1728 margin: 0 0 0 0.2em;
1729}
1730.dir-rtl .choosercontainer #chooseform .subtype .typename {
1731 margin: 0 0.2em 0 0;
1732}
1733/* The instruction/help area */
1734.jsenabled .choosercontainer #chooseform .instruction,
1735.jsenabled .choosercontainer #chooseform .typesummary {
1736 display: none;
1737 position: absolute;
1738 top: 0;
1739 right: 0;
1740 bottom: 0;
1741 left: 20.3em;
1742 margin: 0;
1743 padding: 1.6em;
1744 background-color: @bodyBackground;
1745 overflow-x: hidden;
1746 overflow-y: auto;
1747 line-height: 2em;
1748}
1749.dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1750.dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1751 left: 0;
1752 right: 18.5em;
1753 border-right: 1px solid grey;
1754}
1755/* Selected option settings */
1756.jsenabled .choosercontainer #chooseform .instruction,
1757.choosercontainer #chooseform .selected .typesummary {
1758 display: block;
1759}
1760.choosercontainer #chooseform .selected {
1761 background-color: @bodyBackground;
1762 .box-shadow(0px 0 10px 0 #ccc);
1763}
1764.section-modchooser-link img.smallicon {
1765 padding: 3px;
1766}
1767/* Form element: listing */
1768.formlistingradio {
1769 padding-bottom: 25px;
1770 padding-right: 10px;
1771}
1772.formlistinginputradio {
1773 float: left;
1774}
1775.formlistingmain {
1776 min-height: 225px;
1777}
1778.formlisting {
1779 position: relative;
1780 margin: 15px 0;
1781 padding: 1px 19px 14px;
1782 background-color: white;
1783 border: 1px solid #DDD;
1784 .border-radius(4px);
1785}
1786.formlistingmore {
1787 position: absolute;
1788 cursor: pointer;
1789 bottom: -1px;
1790 right: -1px;
1791 padding: 3px 7px;
1792 font-size: 12px;
1793 font-weight: bold;
1794 background-color: whiteSmoke;
1795 border: 1px solid #ddd;
1796 color: #9DA0A4;
1797 .border-radius(4px 0 4px 0);
1798}
1799.formlistingall {
1800 margin: 15px 0;
1801 padding: 0;
1802 .border-radius(4px);
1803}
1804.formlistingrow {
1805 cursor: pointer;
1806 border-bottom: 1px solid;
1807 border-color: #E1E1E8;
1808 border-left: 1px solid #E1E1E8;
1809 border-right: 1px solid #E1E1E8;
1810 background-color: #F7F7F9;
1811 .border-radius(0 0 4px 4px);
1812 padding: 6px;
1813 top: 50%;
1814 left: 50%;
1815 min-height: 34px;
1816 float: left;
1817 width: 150px;
1818}
1819body.jsenabled .formlistingradio {
1820 display: none;
1821}
1822body.jsenabled .formlisting {
1823 display: block;
1824}
f8ba185a
YB
1825
1826/* Badges styles */
1827table.collection {
1828 .table;
1829 .table-bordered;
1830 .table-striped;
1831}
1832table.collection .name {
1833 text-align: left;
1834 vertical-align: middle;
1835}
1836table.collection .awards {
1837 width: 10%;
1838 text-align: center;
1839 vertical-align: middle;
1840}
1841table.collection .criteria {
1842 width: 40%;
1843 text-align: left;
1844 vertical-align: top;
1845}
1846table.collection .badgeimage,
1847table.collection .status {
1848 width: 15%;
1849 text-align: center;
1850 vertical-align: middle;
1851}
1852table.collection .description {
1853 width: 25%;
1854 text-align: left;
1855}
1856table.collection .actions {
1857 width: 11em;
1858 text-align: center;
1859 vertical-align: middle;
1860}
1861
1862a.criteria-action {
1863 padding: 0px 3px;
1864 float: right;
1865}
1866table.issuedbadgebox {
1867 width: 750px;
1868 background-color: #FFFFFF;
1869}
1870table.badgeissuedimage {
1871 width: 150px;
1872 text-align: center;
1873}
1874table.badgeissuedinfo {
1875 width: 600px;
1876}
1877table.badgeissuedinfo .bvalue {
1878 text-align: left;
1879 vertical-align: middle;
1880}
1881table.badgeissuedinfo .bfield {
1882 width: 125px;
1883 text-align: left;
1884 font-style: italic;
1885}
f6fbe8f4
NK
1886.dir-rtl {
1887 table.badgeissuedinfo .bvalue,
1888 table.badgeissuedinfo .bfield {
1889 text-align: right;
1890 }
1891}
f8ba185a
YB
1892ul.badges {
1893 margin: 0;
1894 list-style: none;
1895}
1896.badges li {
1897 position: relative;
1898 display: inline-block;
1899 padding-bottom: 2em;
1900 text-align: center;
1901 vertical-align: top;
1902 width: 150px;
1903}
1904.badges li .badge-name {
1905 display: block;
1906 padding: 5px;
1907}
1908.badges li > img {
1909 position: absolute;
1910}
1911.badges li .badge-image {
1912 width: 90px;
1913 height: 90px;
1914 left: 10px;
1915 top: 0px;
1916 z-index: 1;
1917}
1918.badges li .badge-actions {
1919 position: relative;
1920}
1921div.badge {
1922 position: relative;
1923 display: block;
1924}
1925div.badge .expireimage {
1926 width: 100px;
1927 height: 100px;
1928 left: 20px;
1929 top: 0px;
1930}
1931.expireimage {
1932 .opacity(85);
1933 width: 90px; height: 90px;
1934 left: 30px;
1935 top: 0px;
1936 position: absolute;
1937 z-index:10;
1938}
1939.badge-profile {
1940 vertical-align: top;
1941}
1942.connected {
1943 color: @successText;
1944}
1945.notconnected {
1946 color: @errorText;
1947}
f6ebcd34
SC
1948.connecting {
1949 color: @warningText;
1950}
f8ba185a
YB
1951#page-badges-award .recipienttable tr td {
1952 vertical-align: top;
1953}
1954#page-badges-award .recipienttable tr td.actions .actionbutton {
1955 margin: 0.3em 0;
1956 padding: 0.5em 0;
1957 width: 100%;
1958}
1959#page-badges-award .recipienttable tr td.existing,
1960#page-badges-award .recipienttable tr td.potential {
1961 width: 42%;
1962}
1963
1964.statustable {
1965 margin-bottom: 0px;
1966}
1967.statusbox.active {
1968 background-color: @successBackground;
1969}
1970.statusbox.inactive {
1971 background-color: @warningBackground;
1972}
1973.activatebadge {
1974 margin: 0px;
1975 text-align: left;
1976 vertical-align: middle;
1977}
f6fbe8f4
NK
1978.dir-rtl .activatebadge {
1979 text-align: right;
1980}
f6ebcd34
SC
1981img#persona_signin {
1982 cursor: pointer;
1983}
f8ba185a
YB
1984.addcourse {
1985 float: right;
1986}
94748332
ME
1987.invisiblefieldset {
1988 display: inline;
1989 margin: 0;
1990 padding: 0;
1991 border-width: 0;
1992}
c72106b2
RW
1993.breadcrumb-nav {
1994 float: left;
1995 margin-bottom: 10px;
1996}
a14af684
NK
1997.dir-rtl .breadcrumb-nav {
1998 float: right;
1999}
c72106b2
RW
2000.breadcrumb-button .singlebutton div {
2001 margin-right: 0;
2002}
2003.breadcrumb-nav .breadcrumb {
2004 margin: 0;
2005}
e282c679 2006
3665af78 2007/** Action menu component styles **/
b59f2e3b 2008.moodle-actionmenu,
3665af78
SH
2009.moodle-actionmenu > ul,
2010.moodle-actionmenu > ul > li {
b59f2e3b
SH
2011 display: inline-block;
2012}
e282c679 2013
3665af78
SH
2014.moodle-actionmenu ul {
2015 padding: 0;
2016 margin: 0;
2017 list-style-type: none;
2018}
2019
e5de4933 2020.moodle-actionmenu .toggle-display,
cf69a00a 2021.moodle-actionmenu .menu-action-text {
e5de4933 2022 display: none; /** Hidden by default, display none so that we don't take up space. **/
e282c679
SH
2023}
2024
e5de4933 2025.jsenabled {
10fc1569 2026 .moodle-actionmenu[data-enhance] {
e5de4933 2027 display: block;
3665af78 2028 .menu {
e5de4933 2029 display:none;
e5de4933 2030 }
e5de4933 2031 .toggle-display {
3665af78
SH
2032 display: inline; /** JS is enabled, we'll be using it so return display to normal **/
2033 .opacity(50);
e5de4933 2034 }
10fc1569
SH
2035 }
2036 .moodle-actionmenu[data-enhanced] {
2037 .toggle-display {
2038 .opacity(100);
2039 }
2040 .menu-action-text {
2041 display:inline;
e5de4933
SH
2042 }
2043 }
e282c679 2044}
b59f2e3b 2045
e5de4933 2046.moodle-actionmenu[data-enhanced].show {
b59f2e3b 2047
e5de4933 2048 position: relative;
b59f2e3b 2049
3665af78 2050 .menu {
b59f2e3b 2051
3665af78 2052 display:block;
e5de4933 2053 position: absolute;
10fc1569 2054 text-align: left;
e5de4933
SH
2055 background-color: #fff;
2056 border: 1px solid #ccc;
2057 z-index:1000;
2058 .border-radius(5px);
2059 .box-shadow(5px 5px 20px 0 #666);
2060
2061 a {
2062 display: block;
2063 color: @dropdownLinkColor;
2064 padding:2px 1em 2px 0.5em;
2065 &:hover,
2066 &:focus {
2067 color: @dropdownLinkColorHover;
2068 background-color: @dropdownLinkBackgroundHover;
2069 }
2070 &:first-child {
2071 .border-top-radius(4px);
2072 }
2073 &:last-child {
2074 .border-bottom-radius(4px);
2075 }
b59f2e3b 2076 }
e5de4933 2077 a.hidden {
10fc1569 2078 display:none;
b59f2e3b 2079 }
e5de4933
SH
2080 img {
2081 vertical-align: middle;
2082 }
2083 .iconsmall {
2084 margin-right:8px;
b59f2e3b 2085 }
3665af78
SH
2086 > li {
2087 display:block;
2088 }
2089
2090 /** bottom left of button **/
2091 &.align-tl-bl {top: 100%;left:0;margin-top: 4px;}
2092 &.align-tr-bl {top: 100%;right: 100%;}
2093 &.align-bl-bl {bottom: 100%;left:0;}
2094 &.align-br-bl {bottom: 100%;right: 100%;}
2095 /** bottom right of button **/
2096 &.align-tl-br {top: 100%;left:100%;}
2097 &.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2098 &.align-bl-br {bottom: 100%;left:100%;}
2099 &.align-br-br {bottom: 100%;right: 0;}
2100 /** top left of button **/
2101 &.align-tl-tl {top: 0;left:0;}
2102 &.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2103 &.align-bl-tl {bottom: 100%;left:0;margin-bottom: 4px;}
2104 &.align-br-tl {bottom: 100%;right: 100%;}
2105 /** top right of button **/
2106 &.align-tl-tr {top: 0;left:100%;margin-left: 4px;}
2107 &.align-tr-tr {top: 0;right: 0;}
2108 &.align-bl-tr {bottom: 100%;left:100%;}
2109 &.align-br-tr {bottom: 100%;right: 0;margin-bottom: 4px;}
b59f2e3b 2110 }
e282c679
SH
2111}
2112
e5de4933
SH
2113.action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {
2114 background-color: #FFF;
2115}
2116
2117.block .moodle-actionmenu {
2118 text-align: right;
e282c679
SH
2119}
2120
b59f2e3b 2121.dir-rtl {
e5de4933 2122 .moodle-actionmenu[data-enhanced].show {
3665af78 2123 .menu {
10fc1569 2124 text-align: right;
e5de4933
SH
2125 left: 0;
2126 right: auto;
2127 .iconsmall {
2128 margin-right:0;
2129 margin-left:8px;
2130 }
3665af78
SH
2131
2132 /** bottom left of button **/
2133 &.align-tl-bl {left: auto; right: 0;}
2134 &.align-tr-bl {right: auto; left: 100%;}
2135 &.align-bl-bl {left: auto; right: 0;}
2136 &.align-br-bl {right: auto; left: 100%;}
2137 /** bottom right of button **/
2138 &.align-tl-br {left: auto; right: 100%;}
2139 &.align-tr-br {right: auto; left: 0;}
2140 &.align-bl-br {left: auto; right: 100%;}
2141 &.align-br-br {right: auto; left: 0;}
2142 /** top left of button **/
2143 &.align-tl-tl {left: auto; right: 0;}
2144 &.align-tr-tl {right: auto; left: 100%;}
2145 &.align-bl-tl {left: auto; right: 0;}
2146 &.align-br-tl {right: auto; left: 100%;}
2147 /** top right of button **/
2148 &.align-tl-tr {left: auto; right: 100%;}
2149 &.align-tr-tr {right: auto; left: 0;}
2150 &.align-bl-tr {left: auto; right: 100%;}
2151 &.align-br-tr {right: auto; left: 0;}
b59f2e3b
SH
2152 }
2153 }
e5de4933
SH
2154 .block .moodle-actionmenu {
2155 text-align: right;
b59f2e3b 2156 }
e282c679 2157}
dd66b6ab
DW
2158
2159ul.dragdrop-keyboard-drag li {
2160 list-style-type: none;
2161}
2162
2163.block-control-actions .moodle-core-dragdrop-draghandle img {
2164 width: 12px;
2165 height: 12px;
2166}
53c1b936
ARN
2167
2168a.disabled:hover,
2169a.disabled {
2170 text-decoration: none;
2171 cursor: default;
2172 font-style: italic;
2173 color: #808080;
2174}