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