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