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