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