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