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