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