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