Merge branch 'MDL-62277-master' of git://github.com/bmbrands/moodle
[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 1334}
bfe00e67
BB
1335// Prevent adding backdrops to popups in popups.
1336.pagelayout-popup {
1337 .moodle-dialogue-base {
1338 .moodle-dialogue-lightbox {
1339 background-color: transparent;
1340 }
1341 }
1342}
8903b17b
BB
1343.moodle-dialogue-base .hidden,
1344.moodle-dialogue-base .moodle-dialogue-hidden {
1345 display: none;
1346}
bf7c86cf
DW
1347.no-scrolling {
1348 overflow: hidden;
1349}
2a808cef 1350.moodle-dialogue-base .moodle-dialogue-fullscreen {
65f9a71f
DP
1351 left: 0;
1352 top: 0;
1353 right: 0;
2a808cef
DW
1354 bottom: -50px;
1355 position: fixed;
1356}
ee0a9ce9
AN
1357.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1358 overflow: auto;
1359}
2a808cef
DW
1360.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1361 width: 28px;
1362 height: 16px;
1363 background-size: 100%;
bf7c86cf 1364}
8903b17b
BB
1365.moodle-dialogue-base .moodle-dialogue {
1366 padding: 0;
1367 margin: 0;
1368 background: none;
1369 border: none;
323aa324 1370 z-index: 600;
22c943b3 1371 outline: #000 dotted 0;
8903b17b
BB
1372}
1373.moodle-dialogue-base .moodle-dialogue-wrap {
1374 margin-top: -3px;
1375 margin-left: -3px;
1376 background-color: #fff;
1377 border: 1px solid #ccc;
1378 .border-radius(10px);
1379 .box-shadow(5px 5px 20px 0 #666);
1380}
4bbacb86 1381.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1382.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
8903b17b
BB
1383 margin: 0;
1384 padding: 5px;
1385 font-size: 12px;
1386 font-weight: normal;
1387 letter-spacing: 1px;
1388 color: #333;
1389 text-align: center;
1390 text-shadow: 1px 1px 1px #fff;
1391 .border-radius(10px 10px 0 0);
1392 border-bottom: 1px solid #bbb;
1393 background: #ccc;
1394 #gradient > .vertical(#fff, #ccc);
0a023e5f 1395 filter: none;
8903b17b
BB
1396}
1397.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
8903b17b
BB
1398 padding: 0;
1399 display: inline;
1400 font-size: 100%;
1401 font-weight: bold;
1402}
1403.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1404 padding: 5px;
1405}
1406.moodle-dialogue-base .closebutton {
1407 width: 25px;
1408 height: 15px;
1409 float: right;
8903b17b
BB
1410 display: inline-block;
1411 cursor: pointer;
1412 padding: 0;
1413 background-image: url([[pix:theme|sprite]]);
1414 background-repeat: no-repeat;
1415 border-style: none;
1416}
8903b17b 1417.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
8903b17b
BB
1418 padding: 1em;
1419 line-height: 2em;
1420 color: #555;
1421 font-size: 12px;
1422}
1423.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1424 padding: 0;
07482105 1425 background: #fff;
8903b17b 1426}
d61c96b6
DW
1427
1428.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1429 padding: 10px;
1430 font-size: 16px;
1431}
1432
2a808cef
DW
1433.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1434 overflow: auto;
1435 position: absolute;
65f9a71f 1436 top: 0;
2a808cef 1437 bottom: 50px;
65f9a71f
DP
1438 left: 0;
1439 right: 0;
1440 margin: 0;
1441 border: 0;
d61c96b6
DW
1442}
1443.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1444.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
65f9a71f 1445 border-radius: 0;
d61c96b6 1446}
8903b17b
BB
1447.moodle-dialogue-confirm .confirmation-dialogue {
1448 text-align: center;
1449}
1450.moodle-dialogue-confirm .confirmation-dialogue input {
1451 text-align: center;
1452}
1453.moodle-dialogue-exception .moodle-exception-message {
23bb9e24 1454 text-align: center;
8903b17b
BB
1455}
1456.moodle-dialogue-exception .moodle-exception-param label {
1457 font-weight: bold;
1458}
1459.moodle-dialogue-exception .param-stacktrace label {
07482105 1460 background-color: #eee;
8903b17b
BB
1461 border: 1px solid #ccc;
1462 border-bottom-width: 0;
1463}
1464.moodle-dialogue-exception .param-stacktrace pre {
1465 border: 1px solid #ccc;
1466 background-color: #fff;
1467}
1468.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1469 color: navy;
1470 font-size: @fontSizeSmall;
1471}
1472.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1473 color: @errorText;
1474 font-size: @fontSizeSmall;
1475}
1476.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1477 color: #333;
1478 font-size: 90%;
1479 border-bottom: 1px solid #eee;
1480}
1481.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1482 padding: 0;
1483 margin: 0.7em 1em;
1484 text-align: right;
07482105 1485 background-color: #fff;
8903b17b
BB
1486 font-size: 12px;
1487}
1488.moodle-dialogue-confirm .confirmation-message {
1489 margin: 0.5em 1em;
1490}
1491.moodle-dialogue-confirm .confirmation-dialogue input {
23bb9e24 1492 min-width: 80px;
8903b17b
BB
1493}
1494.moodle-dialogue-exception .moodle-exception-message {
1495 margin: 1em;
1496}
1497.moodle-dialogue-exception .moodle-exception-param {
1498 margin-bottom: 0.5em;
1499}
1500.moodle-dialogue-exception .moodle-exception-param label {
1501 width: 150px;
1502}
1503.moodle-dialogue-exception .param-stacktrace label {
1504 display: block;
1505 margin: 0;
1506 padding: 4px 1em;
1507}
1508.moodle-dialogue-exception .param-stacktrace pre {
1509 display: block;
1510 height: 200px;
1511 overflow: auto;
1512}
1513.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1514 display: inline-block;
1515 margin: 4px 0;
1516}
1517.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1518 display: inline-block;
1519 width: 50px;
1520 margin: 4px 1em;
1521}
1522.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1523 padding-left: 25px;
1524 margin-bottom: 4px;
1525 padding-bottom: 4px;
1526}
1527.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1528 .opacity(75);
1529 width: 100%;
1530 height: 100%;
1531 top: 0;
1532 left: 0;
1533 background-color: white;
1534 text-align: center;
1535 padding: 10% 0;
1536}
1537/* Apply a default max-height on tooltip text */
1538.moodle-dialogue .tooltiptext {
1539 max-height: 300px;
1540}
b72d78d8 1541
323aa324 1542.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
b72d78d8 1543 z-index: 3001;
9d6d88e1
AN
1544
1545 .moodle-dialogue-bd {
1546 overflow: auto;
1547 }
b72d78d8
AN
1548}
1549
8903b17b 1550/**
5b932559
AN
1551 * Chooser Dialogues (moodle-core-chooserdialogue)
1552 *
1553 * This CSS belong to the chooser dialogue which should work both with, and
1554 * without javascript enabled
1555 */
8903b17b
BB
1556/* Hide the dialog and it's title */
1557.chooserdialoguebody,
1558.choosertitle {
1559 display: none;
1560}
1561.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1562 margin: 0;
1563}
1564.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1565 padding: 0;
07482105 1566 background: #f2f2f2;
8903b17b
BB
1567 .border-bottom-radius(10px);
1568}
1569/* Center the submit buttons within the area */
1570.choosercontainer #chooseform .submitbuttons {
7d4e3575 1571 padding: 0.7em 0;
8903b17b
BB
1572 text-align: center;
1573}
f3f18086 1574/* Fixed for safari browser on iPhone4S with ios7.*/
1575@media (max-height: 639px) {
1576 .ios.safari .choosercontainer #chooseform .submitbuttons {
1577 padding: 45px 0;
1578 }
1579}
8903b17b
BB
1580.choosercontainer #chooseform .submitbuttons input {
1581 min-width: 100px;
1582 margin: 0 0.5em;
1583}
1584/* Various settings for the options area */
1585.choosercontainer #chooseform .options {
1586 position: relative;
07482105 1587 border-bottom: 1px solid #bbb;
8903b17b
BB
1588}
1589/* Only set these options if we're showing the js container */
6d402310 1590.jschooser .choosercontainer #chooseform .alloptions {
8903b17b
BB
1591 overflow-x: hidden;
1592 overflow-y: auto;
1593 max-width: 20.3em;
65f9a71f 1594 .box-shadow(inset 0 0 30px 0 #ccc);
3523f775
KM
1595 .option {
1596 input[type=radio] {
1597 display: inline-block;
1598 }
1599 .modicon {
1600 display: inline-block;
1601 }
1602 .typename {
1603 display: inline-block;
1604 width: 65%;
1605 }
1606 }
8903b17b 1607}
d99949ab 1608
8903b17b
BB
1609/* Settings for option rows and option subtypes */
1610.choosercontainer #chooseform .moduletypetitle,
1611.choosercontainer #chooseform .option,
1612.choosercontainer #chooseform .nonoption {
1613 margin-bottom: 0;
1614 padding: 0 1.6em 0 1.6em;
1615}
1616.choosercontainer #chooseform .moduletypetitle {
1617 text-transform: uppercase;
1618 padding-top: 1.2em;
1619 padding-bottom: 0.4em;
1620}
1621.choosercontainer #chooseform .option .typename,
1622.choosercontainer #chooseform .option span.modicon img.icon,
1623.choosercontainer #chooseform .nonoption .typename,
1624.choosercontainer #chooseform .nonoption span.modicon img.icon {
1625 padding: 0 0 0 0.5em;
1626}
5b932559
AN
1627
1628.chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1629.chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
8903b17b
BB
1630 height: 24px;
1631 width: 24px;
1632}
1633.choosercontainer #chooseform .option input[type=radio],
1634.choosercontainer #chooseform .option span.typename,
1635.choosercontainer #chooseform .option span.modicon {
1636 vertical-align: middle;
1637}
1638.choosercontainer #chooseform .option label {
1639 display: block;
1640 padding: 0.3em 0 0.1em 0;
07482105 1641 border-bottom: 1px solid #fff;
8903b17b
BB
1642}
1643.choosercontainer #chooseform .nonoption {
1644 padding-left: 2.7em;
1645 padding-top: 0.3em;
1646 padding-bottom: 0.1em;
1647}
8903b17b
BB
1648.choosercontainer #chooseform .subtype {
1649 margin-bottom: 0;
1650 padding: 0 1.6em 0 3.2em;
1651}
8903b17b
BB
1652.choosercontainer #chooseform .subtype .typename {
1653 margin: 0 0 0 0.2em;
1654}
d99949ab 1655
8903b17b 1656/* The instruction/help area */
6d402310
AN
1657.jschooser .choosercontainer #chooseform .instruction,
1658.jschooser .choosercontainer #chooseform .typesummary {
d3a93557 1659 display: none;
8903b17b
BB
1660 position: absolute;
1661 top: 0;
1662 right: 0;
1663 bottom: 0;
1664 left: 20.3em;
1665 margin: 0;
1666 padding: 1.6em;
7f63c934 1667 background-color: #fff;
8903b17b
BB
1668 overflow-x: hidden;
1669 overflow-y: auto;
1670 line-height: 2em;
1671}
d99949ab 1672
8903b17b 1673/* Selected option settings */
6d402310 1674.jschooser .choosercontainer #chooseform .instruction,
8903b17b
BB
1675.choosercontainer #chooseform .selected .typesummary {
1676 display: block;
1677}
1678.choosercontainer #chooseform .selected {
7f63c934 1679 background-color: #fff;
8903b17b
BB
1680 .box-shadow(0px 0 10px 0 #ccc);
1681}
1682.section-modchooser-link img.smallicon {
1683 padding: 3px;
1684}
1685/* Form element: listing */
1686.formlistingradio {
1687 padding-bottom: 25px;
1688 padding-right: 10px;
1689}
1690.formlistinginputradio {
1691 float: left;
1692}
1693.formlistingmain {
1694 min-height: 225px;
1695}
1696.formlisting {
1697 position: relative;
1698 margin: 15px 0;
1699 padding: 1px 19px 14px;
1700 background-color: white;
07482105 1701 border: 1px solid #ddd;
8903b17b
BB
1702 .border-radius(4px);
1703}
1704.formlistingmore {
1705 position: absolute;
1706 cursor: pointer;
1707 bottom: -1px;
1708 right: -1px;
1709 padding: 3px 7px;
1710 font-size: 12px;
1711 font-weight: bold;
62ce522c 1712 background-color: #f5f5f5;
8903b17b 1713 border: 1px solid #ddd;
07482105 1714 color: #9da0a4;
8903b17b
BB
1715 .border-radius(4px 0 4px 0);
1716}
1717.formlistingall {
1718 margin: 15px 0;
1719 padding: 0;
1720 .border-radius(4px);
1721}
1722.formlistingrow {
1723 cursor: pointer;
1724 border-bottom: 1px solid;
07482105
DP
1725 border-color: #e1e1e8;
1726 border-left: 1px solid #e1e1e8;
1727 border-right: 1px solid #e1e1e8;
1728 background-color: #f7f7f9;
8903b17b
BB
1729 .border-radius(0 0 4px 4px);
1730 padding: 6px;
1731 top: 50%;
1732 left: 50%;
1733 min-height: 34px;
1734 float: left;
1735 width: 150px;
1736}
1737body.jsenabled .formlistingradio {
1738 display: none;
1739}
1740body.jsenabled .formlisting {
1741 display: block;
1742}
f8ba185a
YB
1743
1744/* Badges styles */
1745table.collection {
1746 .table;
1747 .table-bordered;
1748 .table-striped;
1749}
3eefa8a5 1750table.collection td.name {
f8ba185a
YB
1751 text-align: left;
1752 vertical-align: middle;
1753}
3eefa8a5
SL
1754table.collection td.awards {
1755 width: 15%;
f8ba185a
YB
1756 text-align: center;
1757 vertical-align: middle;
1758}
3eefa8a5 1759table.collection td.criteria {
f8ba185a
YB
1760 width: 40%;
1761 text-align: left;
1762 vertical-align: top;
1763}
3eefa8a5 1764table.collection td.status {
f8ba185a
YB
1765 width: 15%;
1766 text-align: center;
1767 vertical-align: middle;
1768}
3eefa8a5 1769table.collection td.description {
f8ba185a
YB
1770 width: 25%;
1771 text-align: left;
1772}
3eefa8a5 1773table.collection td.actions {
f8ba185a
YB
1774 width: 11em;
1775 text-align: center;
1776 vertical-align: middle;
1777}
f8ba185a 1778a.criteria-action {
65f9a71f 1779 padding: 0 3px;
f8ba185a
YB
1780 float: right;
1781}
3784d3be
YB
1782div.criteria-description {
1783 padding: 10px 15px;
65f9a71f 1784 margin: 5px 0;
3784d3be 1785 background: none repeat scroll 0 0 #f9f9f9;
07482105 1786 border: 1px solid #eee;
3784d3be 1787}
f8ba185a
YB
1788ul.badges {
1789 margin: 0;
1790 list-style: none;
1791}
1792.badges li {
1793 position: relative;
1794 display: inline-block;
1da2e3a6 1795 padding-top: 1em;
f8ba185a
YB
1796 text-align: center;
1797 vertical-align: top;
1798 width: 150px;
1799}
1800.badges li .badge-name {
1801 display: block;
1802 padding: 5px;
1803}
1804.badges li > img {
1805 position: absolute;
1806}
1807.badges li .badge-image {
cd243d94
Y
1808 width: 100px;
1809 height: 100px;
f8ba185a 1810 left: 10px;
65f9a71f 1811 top: 0;
f8ba185a
YB
1812 z-index: 1;
1813}
1814.badges li .badge-actions {
1815 position: relative;
1816}
cd243d94 1817.badges li .expireimage {
f8ba185a
YB
1818 width: 100px;
1819 height: 100px;
cd243d94 1820 left: 25px;
65f9a71f 1821 top: 0;
f8ba185a 1822 position: absolute;
cd243d94
Y
1823 z-index: 10;
1824 opacity: 0.85;
1825}
1826
1827#badge-image {
1828 background-color: transparent;
1829 padding: 0;
1830 position: relative;
1831 min-width: 100px;
1832 width: 20%;
1833 display: inline-block;
1834 vertical-align: top;
1835 margin-top: 17px;
1836
1837 .expireimage {
1838 width: 100px;
1839 height: 100px;
65f9a71f
DP
1840 left: 0;
1841 top: 0;
cd243d94
Y
1842 .opacity(85);
1843 position: absolute;
418b9328 1844 z-index: 10;
cd243d94
Y
1845 }
1846
1847 .singlebutton {
1848 padding-top: 5px;
9130250b
BB
1849
1850 input {
65f9a71f 1851 margin-left: 0;
9130250b 1852 }
cd243d94
Y
1853 }
1854}
cd243d94
Y
1855#badge-details {
1856 display: inline-block;
1857 width: 79%;
1858}
1859
1860#badge-overview dl,
1861#badge-details dl {
1862 margin: 0;
1863
1864 dt,
1865 dd {
1866 vertical-align: top;
1867 padding: 3px 0;
1868 }
1869 dt {
1870 clear: both;
1871 display: inline-block;
1872 width: 20%;
1873 min-width: 100px;
1874 }
1875 dd {
1876 display: inline-block;
1877 width: 79%;
1878 margin-left: 1%;
1879 }
1880}
1881
f8ba185a
YB
1882.badge-profile {
1883 vertical-align: top;
1884}
1885.connected {
1886 color: @successText;
1887}
1888.notconnected {
1889 color: @errorText;
1890}
f6ebcd34
SC
1891.connecting {
1892 color: @warningText;
1893}
f8ba185a
YB
1894#page-badges-award .recipienttable tr td {
1895 vertical-align: top;
1896}
1897#page-badges-award .recipienttable tr td.actions .actionbutton {
1898 margin: 0.3em 0;
1899 padding: 0.5em 0;
1900 width: 100%;
1901}
1902#page-badges-award .recipienttable tr td.existing,
1903#page-badges-award .recipienttable tr td.potential {
1904 width: 42%;
1905}
1906
cd243d94
Y
1907#issued-badge-table .activatebadge {
1908 display: inline-block;
f8ba185a
YB
1909}
1910.statusbox.active {
1911 background-color: @successBackground;
1912}
1913.statusbox.inactive {
1914 background-color: @warningBackground;
1915}
cd243d94
Y
1916.statusbox {
1917 text-align: center;
1918 margin-bottom: 5px;
1919 padding: 5px;
1920}
1921.statusbox .activatebadge {
1922 display: inline-block;
1923}
0e878352 1924.statusbox .activatebadge input[type=submit] {
cd243d94
Y
1925 margin: 3px;
1926}
f8ba185a 1927.activatebadge {
65f9a71f 1928 margin: 0;
f8ba185a
YB
1929 text-align: left;
1930 vertical-align: middle;
1931}
f6ebcd34
SC
1932img#persona_signin {
1933 cursor: pointer;
1934}
f8ba185a
YB
1935.addcourse {
1936 float: right;
1937}
94748332
ME
1938.invisiblefieldset {
1939 display: inline;
94748332
ME
1940 padding: 0;
1941 border-width: 0;
1942}
c72106b2
RW
1943.breadcrumb-nav {
1944 float: left;
1945 margin-bottom: 10px;
1946}
1947.breadcrumb-button .singlebutton div {
1948 margin-right: 0;
1949}
1950.breadcrumb-nav .breadcrumb {
1951 margin: 0;
1952}
e282c679 1953
261bdb24 1954/** Header-bar styles **/
3b927d35 1955.page-context-header {
261bdb24
AG
1956 // We need to be explicit about the height of the header.
1957 @pageHeaderHeight: 140px;
ccb76d43 1958
3b927d35 1959 // Do not remove these rules.
ccb76d43
JC
1960 overflow: hidden;
1961
1962 .page-header-image,
1963 .page-header-headings {
1964 display: block;
1965 position: relative;
261bdb24 1966 }
ccb76d43 1967 .page-header-image {
3b927d35 1968 margin-bottom: 1em;
ccb76d43
JC
1969 }
1970 .page-header-headings {
3b927d35
AG
1971 margin-top: 30px;
1972 margin-bottom: 10px;
261bdb24 1973
ccb76d43
JC
1974 h1 {
1975 display: block;
1976 }
ccb76d43
JC
1977 }
1978
3b927d35 1979 .page-header-headings,
ccb76d43
JC
1980 .header-button-group {
1981 position: relative;
1982 line-height: 24px;
1983 vertical-align: middle;
1984 }
1985
1986 .header-button-group {
1987 display: block;
1988
1989 a {
1990 position: relative;
1991
3b927d35 1992 // Don't touch it unless you know exactly what you are doing.
ccb76d43
JC
1993 top: -0.4em;
1994 }
1995 }
261bdb24
AG
1996}
1997
d99949ab 1998.page-context-header {
ccb76d43 1999 .page-header-image {
ccb76d43 2000 float: left;
3b927d35 2001 margin-right: 1em;
ccb76d43
JC
2002 }
2003
610f0506 2004 .header-button-group {
2005 float: left;
ccb76d43 2006 }
261bdb24
AG
2007}
2008
3665af78 2009/** Action menu component styles **/
b59f2e3b 2010.moodle-actionmenu,
3665af78
SH
2011.moodle-actionmenu > ul,
2012.moodle-actionmenu > ul > li {
b59f2e3b
SH
2013 display: inline-block;
2014}
e282c679 2015
3665af78
SH
2016.moodle-actionmenu ul {
2017 padding: 0;
2018 margin: 0;
2019 list-style-type: none;
2020}
2021
60cf0742
S
2022.section_action_menu .moodle-actionmenu ul.menubar {
2023 margin: 0;
2024}
2025
2026.section_action_menu .moodle-actionmenu ul.menu {
2027 margin: 0 10px 10px 0;
2028}
2029
e5de4933 2030.moodle-actionmenu .toggle-display,
cf69a00a 2031.moodle-actionmenu .menu-action-text {
e5de4933 2032 display: none; /** Hidden by default, display none so that we don't take up space. **/
e282c679
SH
2033}
2034
e5de4933 2035.jsenabled {
10fc1569 2036 .moodle-actionmenu[data-enhance] {
e5de4933 2037 display: block;
3665af78 2038 .menu {
418b9328 2039 display: none;
e5de4933 2040 }
e5de4933 2041 .toggle-display {
3665af78
SH
2042 display: inline; /** JS is enabled, we'll be using it so return display to normal **/
2043 .opacity(50);
e5de4933 2044 }
a83d83e4
AN
2045 .toggle-display.textmenu {
2046 display: block;
2047 margin-left: 4px;
2048 padding-left: 4px;
83f91454 2049 padding-right: 4px;
a83d83e4 2050
62876928 2051 .iconsmall,
fe4f35b2
DW
2052 .smallicon,
2053 .icon {
65f9a71f
DP
2054 margin: 4px 4px 4px 0;
2055 padding: 8px 4px 0 2px;
fc4e9e13 2056 vertical-align: text-bottom;
a83d83e4 2057 }
21231f4d
AN
2058
2059 .caret {
2060 margin-top: 8px;
2061 margin-left: 2px;
29afe143
AN
2062 border-top-color: @navbarLinkColor;
2063 &:hover,
2064 &:active {
2065 border-top-color: @navbarLinkColorActive;
2066 }
21231f4d 2067 }
a83d83e4 2068 }
10fc1569
SH
2069 }
2070 .moodle-actionmenu[data-enhanced] {
2071 .toggle-display {
2072 .opacity(100);
2073 }
0e878352 2074 .menu-action-text {
418b9328 2075 display: inline;
e5de4933
SH
2076 }
2077 }
e282c679 2078}
b59f2e3b 2079
0e878352 2080.moodle-actionmenu[data-enhanced].show {
b59f2e3b 2081
e5de4933 2082 position: relative;
b59f2e3b 2083
3665af78 2084 .menu {
b59f2e3b 2085
418b9328 2086 display: block;
e5de4933 2087 position: absolute;
10fc1569 2088 text-align: left;
e514c722
FM
2089 background-color: @dropdownBackground;
2090 border: 1px solid @dropdownBorder;
418b9328 2091 z-index: 1000;
e5de4933
SH
2092 .border-radius(5px);
2093 .box-shadow(5px 5px 20px 0 #666);
2094
2095 a {
2096 display: block;
2097 color: @dropdownLinkColor;
fe4f35b2 2098 padding: 6px 1em 6px 1em;
11dd4dad 2099 &:hover {
e5de4933
SH
2100 color: @dropdownLinkColorHover;
2101 background-color: @dropdownLinkBackgroundHover;
2102 }
2103 &:first-child {
2104 .border-top-radius(4px);
2105 }
2106 &:last-child {
2107 .border-bottom-radius(4px);
2108 }
b59f2e3b 2109 }
e5de4933 2110 a.hidden {
418b9328 2111 display: none;
b59f2e3b 2112 }
e5de4933
SH
2113 img {
2114 vertical-align: middle;
2115 }
62876928
JC
2116 .iconsmall,
2117 .smallicon {
7f4f7081 2118 margin: 4px 4px 4px -24px;
62876928 2119 padding: 4px;
b59f2e3b 2120 }
3665af78 2121 > li {
418b9328 2122 display: block;
3665af78
SH
2123 }
2124
2125 /** bottom left of button **/
75b68df3
DP
2126 &.align-tl-bl {
2127 top: 100%;
2128 left: 0;
2129 margin-top: 4px;
2130 }
2131 &.align-tr-bl {
2132 top: 100%;
2133 right: 100%;
2134 }
2135 &.align-bl-bl {
2136 bottom: 100%;
2137 left: 0;
2138 }
2139 &.align-br-bl {
2140 bottom: 100%;
2141 right: 100%;
2142 }
3665af78 2143 /** bottom right of button **/
75b68df3
DP
2144 &.align-tl-br {
2145 top: 100%;
2146 left: 100%;
2147 }
2148 &.align-tr-br {
2149 top: 100%;
2150 right: 0;
2151 margin-top: 4px;
2152 }
2153
2154 &.align-bl-br {
2155 bottom: 100%;
2156 left: 100%;
2157 }
2158
2159 &.align-br-br {
2160 bottom: 100%;
2161 right: 0;
2162 }
3665af78 2163 /** top left of button **/
75b68df3
DP
2164 &.align-tl-tl {
2165 top: 0;
2166 left: 0;
2167 }
2168
2169 &.align-tr-tl {
2170 top: 0;
2171 right: 100%;
2172 margin-right: 4px;
2173 }
2174
2175 &.align-bl-tl {
2176 bottom: 100%;
2177 left: 0;
2178 margin-bottom: 4px;
2179 }
2180
2181 &.align-br-tl {
2182 bottom: 100%;
2183 right: 100%;
2184 }
3665af78 2185 /** top right of button **/
75b68df3
DP
2186 &.align-tl-tr {
2187 top: 0;
2188 left: 100%;
2189 margin-left: 4px;
2190 }
2191
2192 &.align-tr-tr {
2193 top: 0;
2194 right: 0;
2195 }
2196
2197 &.align-bl-tr {
2198 bottom: 100%;
2199 left: 100%;
2200 }
2201
2202 &.align-br-tr {
2203 bottom: 100%;
2204 right: 0;
2205 margin-bottom: 4px;
2206 }
2207
b59f2e3b 2208 }
a2a9468f
SH
2209 /** no wrap is set - prevent menu items from wrapping **/
2210 &.nowrap-items .menu > li {
2211 white-space: nowrap;
2212 }
e282c679
SH
2213}
2214
e5de4933
SH
2215.block .moodle-actionmenu {
2216 text-align: right;
e282c679
SH
2217}
2218
dd66b6ab
DW
2219ul.dragdrop-keyboard-drag li {
2220 list-style-type: none;
2221}
2222
2223.block-control-actions .moodle-core-dragdrop-draghandle img {
2224 width: 12px;
2225 height: 12px;
2226}
53c1b936
ARN
2227
2228a.disabled:hover,
2229a.disabled {
2230 text-decoration: none;
2231 cursor: default;
2232 font-style: italic;
2233 color: #808080;
2234}
5ab39a0e 2235body.lockscroll {
d3a93557
DP
2236 height: 100%;
2237 overflow: hidden;
5ab39a0e 2238}
e8bb3c3f 2239
72704adf
AN
2240.progressbar_container {
2241 max-width: 500px;
2242 margin: 0 auto;
2243}
b6c56044
AN
2244
2245/* IE10 only fix for calendar titling */
2246.ie10 .yui3-calendar-header-label {
2247 display: inline-block;
2248}
ff1f2dc5
BB
2249
2250dd:before,
2251dd:after {
d3a93557
DP
2252 display: block;
2253 content: " ";
ff1f2dc5
BB
2254}
2255dd:after {
d3a93557 2256 clear: both;
b6548192 2257}
49ee2d0d
RW
2258
2259// Active tabs with links should have a different
2260// cursor to indicate they are clickable.
2261.nav-tabs > .active > a[href],
2262.nav-tabs > .active > a[href]:hover,
2263.nav-tabs > .active > a[href]:focus {
2264 cursor: pointer;
2265}
cdc5f978 2266
b259fa66 2267.inplaceeditable {
b259fa66
MG
2268 &.inplaceeditingon {
2269 position: relative;
2270
2271 .editinstructions {
2272 margin-top: -30px;
2273 font-weight: normal;
7ee8effc 2274 margin-right: 0;
b259fa66 2275 margin-left: 0;
7ee8effc
NK
2276 left: 0;
2277 right: auto;
2278 white-space: nowrap;
38cf8b66 2279 }
b259fa66
MG
2280
2281 input {
2282 width: 330px;
2283 height: 16px;
2284 vertical-align: text-bottom;
2285 margin-bottom: 0;
2286 }
2287
2288 select {
2289 margin-bottom: 0;
38cf8b66
AN
2290 }
2291 }
38cf8b66 2292
b259fa66
MG
2293 .quickediticon img {
2294 opacity: 0.2;
2295 }
2296
2297 .quickeditlink {
2298 color: inherit;
2299 text-decoration: inherit;
2300 }
2301
2302 &:hover .quickeditlink .quickediticon img,
2303 .quickeditlink:focus .quickediticon img {
2304 opacity: 1;
2305 }
2306
2307 &.inplaceeditable-toggle .quickediticon {
38cf8b66
AN
2308 display: none;
2309 }
fb5bbf14
AN
2310
2311 &.inplaceeditable-autocomplete {
2312 display: block;
2313 }
38cf8b66 2314}
b259fa66 2315
b259fa66
MG
2316h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2317 margin-top: -20px;
2318}
4db37f3a 2319
40912196
FM
2320/** Chart area. */
2321.chart-area {
2322
2323 .chart-table-data {
2324 display: none;
2325 }
40912196
FM
2326
2327 .chart-table {
21575ea3
SL
2328 .chart-output-htmltable caption {
2329 white-space: nowrap;
2330 }
40912196
FM
2331 /** When accessible, we display the table only. */
2332 &.accesshide {
2333 .chart-table-expand {
2334 display: none;
2335 }
2336 .chart-table-data {
2337 display: block;
2338 }
2339 }
2340 }
2341}
963ba889
RW
2342
2343.hover-tooltip-container {
2344 position: relative;
2345
2346 .hover-tooltip {
2347 opacity: 0;
2348 visibility: hidden;
2349 position: absolute;
1fb687ea 2350 /*rtl:ignore*/
963ba889
RW
2351 left: 50%;
2352 top: ~"calc(-50% - 5px)";
2353 transform: translate(-50%, -50%);
2354 background-color: #fff;
2355 border: 1px solid rgba(0, 0, 0, .2);
2356 border-radius: .3rem;
2357 box-sizing: border-box;
2358 padding: 5px;
2359 white-space: nowrap;
2360 transition: opacity 0.15s, visibility 0.15s;
2361 z-index: 1000;
2362
2363 &:before {
2364 content: '';
2365 display: inline-block;
2366 border-left: 8px solid transparent;
2367 border-right: 8px solid transparent;
2368 border-top: 8px solid rgba(0, 0, 0, .2);
2369 position: absolute;
2370 bottom: -8px;
2371 left: ~"calc(50% - 8px)";
2372 }
2373
2374 &:after {
2375 content: '';
2376 display: inline-block;
2377 border-left: 7px solid transparent;
2378 border-right: 7px solid transparent;
2379 border-top: 7px solid #fff;
2380 position: absolute;
2381 bottom: -6px;
2382 left: ~"calc(50% - 7px)";
2383 z-index: 2;
2384 }
2385 }
2386
2387 &:hover {
2388 .hover-tooltip {
2389 opacity: 1;
2390 visibility: visible;
2391 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
2392 }
2393 }
2394}
f6e8cc83
RW
2395
2396.clickable {
2397 cursor: pointer;
2398}
63cb267c
SL
2399
2400.overlay-icon-container {
2401 position: absolute;
2402 top: 0;
2403 left: 0;
2404 width: 100%;
2405 height: 100%;
2406 background-color: rgba(255, 255, 255, 0.6);
2407
2408 .loading-icon {
2409 position: absolute;
2410 top: 50%;
2411 left: 50%;
2412 transform: translate(-50%, -50%);
2413
2414 .icon {
99df0518
RW
2415 height: 30px;
2416 width: 30px;
2417 font-size: 30px;
63cb267c
SL
2418 }
2419 }
2420}
8c2465ea 2421
aefb2950
RW
2422[data-drag-type="move"] {
2423 cursor: move;
2424}