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