Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
#sidepreopen-control,
2 
[data-region="blocks-column"] {
3 
    .dropdown-menu {
4 
        min-width: 245px;
5 
 
6 
        .dropdown-item {
7 
            white-space: initial;
8 
        }
9 
    }
10 
 
11 
    .card-block .content {
12 
        h3 {
13 
            font-size: 1.143rem;
14 
            font-weight: 600;
15 
            text-transform: uppercase;
16 
            border-top: 1px dashed $headings-color;
17 
            padding-top: 4px;
18 
            margin-top: 10px;
19 
        }
20 
    }
21 
}
22 
 
23 
#sidepreopen-control,
24 
#sidepreclose-control {
25 
    cursor: pointer;
26 
}
27 
 
28 
#sidepreopen-control {
29 
    position: fixed;
30 
    z-index: $zindex-fixed;
31 
    top: 73px;
32 
    @include media-breakpoint-up(md) {
33 
        right: 16px;
34 
    }
35 
 
36 
    @include media-breakpoint-between(xs,sm) {
37 
        right: 10px;
38 
        top: auto;
39 
        bottom: 90px;
40 
    }
41 
 
42 
    display: flex;
43 
    align-items: center;
44 
    justify-content: center;
45 
 
46 
    padding: 0;
47 
    width: 40px;
48 
    height: 40px;
49 
 
50 
    .btn {
51 
        border: 1px solid $topbar-btn;
52 
        background-color: $topbar-btn;
53 
        color: $topbar-btn-text;
54 
 
55 
        transition: all ease 250ms;
56 
 
57 
        .theme-dark & {
58 
            background-color: $dm-gray-100;
59 
            border-color: $dm-gray-100;
60 
            color: $dm-body-color;
61 
        }
62 
 
63 
        &:hover {
64 
            background-color: $primary-color-600;
65 
            border-color: $primary-color-600;
66 
            color: $primary-color-100;
67 
 
68 
            .theme-dark & {
69 
                background-color: $primary-color-600;
70 
                border-color: $primary-color-600;
71 
                color: $primary-color-100;
72 
            }
73 
        }
74 
    }
75 
 
76 
    svg {
77 
        .dir-rtl & {
78 
            transform: rotate(180deg);
79 
        }
80 
    }
81 
}
82 
 
83 
#sidepre-blocks {
84 
 
85 
    .rui-sidepre-blocks-header {
86 
        margin-bottom: 32px;
87 
        position: sticky;
88 
        z-index: 3;
89 
    }
90 
 
91 
    @include media-breakpoint-up(lg) {
92 
        padding: 83px 30px 30px;
93 
    }
94 
 
95 
    @include media-breakpoint-down(md) {
96 
        padding: 83px 30px 30px 30px;
97 
    }
98 
 
99 
    height: 100%;
100 
    width: 320px;
101 
    right: 0;
102 
    overflow-y: auto;
103 
 
104 
    position: fixed;
105 
 
106 
    display: none;
107 
    opacity: 0;
108 
    z-index: -1;
109 
 
110 
    transition: $transition-base;
111 
 
112 
    position: fixed;
113 
    right: 0;
114 
    top: 60px;
115 
    height: calc(100vh - 60px);
116 
 
117 
    background-color: $container-bg;
118 
 
119 
    .pagelayout-secure & {
120 
        top: 0;
121 
        height: 100vh;
122 
    }
123 
 
124 
    @include media-breakpoint-down(md) {
125 
        border-left: 1px solid $border-color;
126 
 
127 
        .theme-dark & {
128 
            border-color: $dm-border-color;
129 
        }
130 
    }
131 
 
132 
 
133 
    .theme-dark & {
134 
        background-color: $dm-body-bg;
135 
        border-color: $dm-border-color;
136 
        @include thin-scrolls($dm-drawer-scroll-bg-track);
137 
    }
138 
 
139 
 
140 
    @include thin-scrolls($scroll-bg-track);
141 
 
142 
    .card:only-of-type {
143 
        margin-bottom: 0;
144 
    }
145 
}
146 
 
147 
body.drawer-open-right {
148 
    #sidepreopen-control {
149 
        position: fixed;
150 
        z-index: $zindex-fixed + 90;
151 
    }
152 
 
153 
    #sidepre-blocks {
154 
        display: block;
155 
        z-index: $zindex-fixed + 30;
156 
        opacity: 1;
157 
 
158 
        aside.block {
159 
            border: none;
160 
            border-radius: 0;
161 
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
162 
        }
163 
    }
164 
 
165 
    #sidepre-blocks {
166 
        aside.block {
167 
            border: none;
168 
            border-radius: 0;
169 
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
170 
        }
171 
    }
172 
 
173 
}
174 
 
175 
body.drawer-open-right.dir-rtl {
176 
    #sidepreopen-control svg {
177 
        transform: rotate(180deg);
178 
    }
179 
}
180 
 
181 
 
182 
.blockmovetarget {
183 
    display: block;
184 
    padding: 5px 10px;
185 
    background-color: $primary-color-600;
186 
    border-radius: $btn-border-radius;
187 
 
188 
    font-size: $font-size-xs;
189 
    color: $primary-color-100;
190 
 
191 
    .accesshide {
192 
        position: relative;
193 
        left: initial;
194 
        word-break: break-all;
195 
    }
196 
}
197 
 
198 
.block_calendar_upcoming {
199 
    .calendarwrapper {
200 
        margin-top: 2rem;
201 
    }
202 
}
203 
 
204 
.block_calendar_month {
205 
    .bottom {
206 
        margin-top: 1rem;
207 
        display: flex;
208 
        flex-wrap: wrap;
209 
        justify-content: center;
210 
 
211 
        #sidepre-blocks & {
212 
            justify-content: start;
213 
            margin-left: 0;
214 
        }
215 
 
216 
        .btn {
217 
            width: 100%;
218 
        }
219 
 
220 
        .footer-link {
221 
            margin: .25rem;
222 
        }
223 
    }
224 
}
225 
 
226 
 
227 
.block:target {
228 
    padding-top: 0 !important;
229 
    /* stylelint-disable declaration-no-important */
230 
    margin-top: 0 !important;
231 
}
232 
 
233 
.block_search_forums .searchform {
234 
    /* Override plugin's default. */
235 
    text-align: left;
236 
}
237 
 
238 
.block .block-controls {
239 
    padding: 3px;
240 
 
241 
    position: absolute;
242 
    top: 5px;
243 
    right: 5px;
244 
    z-index: 1;
245 
 
246 
    border-radius: $btn-border-radius;
247 
    background-color: rgba($black, .1);
248 
    backdrop-filter: blur(10px);
249 
    -webkit-backdrop-filter: blur(10px);
250 
 
251 
    .page-mycourses & {
252 
        margin-top: -35px;
253 
        right: 0;
254 
    }
255 
 
256 
    .moodle-core-dragdrop-draghandle,
257 
    .dropdown-btn {
258 
        margin: 2px;
259 
    }
260 
 
261 
    .dropdown-toggle {
262 
        /* So that the caret takes the colour of the icon. */
263 
        color: $body-color;
264 
 
265 
        .theme-dark & {
266 
            color: $dm-body-color;
267 
        }
268 
    }
269 
 
270 
    .dropdown-btn {
271 
        padding: 8px;
272 
        width: 36px;
273 
        height: 36px;
274 
        display: flex;
275 
        align-items: center;
276 
    }
277 
}
278 
 
279 
$blocks-column-width: 360px !default;
280 
 
281 
$blocks-plus-gutter: $blocks-column-width+($grid-gutter-width * 0.5)+60px;
282 
 
283 
/* We put an absolutely positioned div in a relatively positioned div so it takes up no monocolor */
284 
@include media-breakpoint-up(md) {
285 
    #region-main-settings-menu {
286 
        position: relative;
287 
        float: left;
288 
        width: 100%;
289 
    }
290 
 
291 
    #region-main-settings-menu>div {
292 
        position: fixed;
293 
        top: $topbar-fixed-btn;
294 
        right: 10px;
295 
        z-index: $zindex-fixed + 90;
296 
    }
297 
}
298 
 
299 
@include media-breakpoint-down(sm) {
300 
    #region-main-settings-menu .menubar {
301 
        justify-content: flex-end;
302 
    }
303 
}
304 
 
305 
// ---- Bulk editing button on the course page.
306 
@include media-breakpoint-up(md) {
307 
.rui-course-header-action {
308 
    position: fixed;
309 
    top: $navbar-height + 15px;
310 
    right: 70px;
311 
    z-index: $zindex-fixed;
312 
 
313 
    transition: right 350ms ease;
314 
 
315 
    .show-drawer-right & {
316 
        right: 340px;
317 
    }
318 
}
319 
}
320 
 
321 
.header-action {
322 
    #region-main-settings-menu {
323 
        position: unset;
324 
        float: none;
325 
        width: auto;
326 
 
327 
        &>div {
328 
            position: unset;
329 
            right: auto;
330 
            margin: 0;
331 
        }
332 
    }
333 
}
334 
 
335 
$card-gutter : $card-deck-margin * 2;
336 
 
337 
.block .empty-placeholder-image-lg {
338 
    height: 5rem;
339 
}
340 
 
341 
.block .block-cards {
342 
    .course-info-container {
343 
        padding: 0;
344 
    }
345 
 
346 
    .course-summaryitem {
347 
        border: $border-width solid $border-color;
348 
        background-color: $body-bg;
349 
 
350 
        .theme-dark & {
351 
            border: $border-width solid $dm-border-color;
352 
            background-color: $dm-body-bg;
353 
        }
354 
    }
355 
 
356 
    .icon {
357 
        margin-right: 0;
358 
    }
359 
 
360 
    .card .coursemenubtn {
361 
        margin-top: -0.5rem;
362 
    }
363 
 
364 
    a.coursename,
365 
    span.categoryname,
366 
    .btn-link {
367 
        color: inherit;
368 
    }
369 
 
370 
    .multiline {
371 
        white-space: normal;
372 
    }
373 
 
374 
    .btn.btn-link.btn-icon {
375 
        height: 36px;
376 
        width: 36px;
377 
        padding: 0;
378 
        border-radius: 50%;
379 
 
380 
        @include hover-focus {
381 
            background-color: $gray-200;
382 
 
383 
            .theme-dark & {
384 
                background-color: $dm-gray-200;
385 
            }
386 
        }
387 
    }
388 
}
389 
 
390 
.block-recentlyaccesseditems {
391 
    .course-info-container {
392 
        padding: 0;
393 
    }
394 
}
395 
 
396 
.dashboard-card-deck.one-row {
397 
    padding-bottom: 1rem;
398 
 
399 
    flex-flow: nowrap;
400 
    overflow-x: scroll;
401 
}
402 
 
403 
.summaryimage {
404 
    height: 5rem;
405 
    width: 5rem;
406 
    background-position: center;
407 
    background-size: cover;
408 
}
409 
 
410 
.dashboard-card-deck {
411 
    .dashboard-card {
412 
        margin-bottom: $card-gutter;
413 
        flex-basis: auto;
414 
        width: 100%;
415 
        flex-grow: 0;
416 
        flex-shrink: 0;
417 
 
418 
        .dashboard-card-img {
419 
            height: 150px;
420 
            background-position: center;
421 
            background-size: cover;
422 
        }
423 
 
424 
        .dashboard-card-footer {
425 
            padding: 0.8rem;
426 
        }
427 
    }
428 
 
429 
    @include media-breakpoint-up(sm) {
430 
        &.fixed-width-cards {
431 
            .dashboard-card {
432 
                width: 300px;
433 
                max-width: 100%;
434 
            }
435 
        }
436 
    }
437 
}
438 
 
439 
.dashboard-card-deck:not(.fixed-width-cards) {
440 
    @media (min-width: 576px) {
441 
        .dashboard-card {
442 
            width: calc(33.333% - #{$card-gutter});
443 
            margin-bottom: 0;
444 
        }
445 
    }
446 
}
447 
 
448 
.block-region-dtopblocks .block-recentlyaccesseditems {
449 
    @media (min-width: 576px) {
450 
        .rui-dashboard-card {
451 
            margin-right: 2rem;
452 
            width: calc(20% - #{$card-gutter});
453 
 
454 
 
455 
            &:last-child {
456 
                margin-right: 0;
457 
            }
458 
        }
459 
    }
460 
}
461 
 
462 
 
463 
 
464 
.block_recentlyaccessedcourses {
465 
 
466 
    @include media-breakpoint-between(xs, sm) {
467 
        padding-bottom: 60px;
468 
    }
469 
 
470 
    .paging-bar-container {
471 
        position: absolute;
472 
        z-index: 3;
473 
 
474 
        left: calc(50% - 40px);
475 
        bottom: -35px;
476 
 
477 
        .pagination {
478 
            padding: 3px;
479 
            background-color: rgba($black, .8);
480 
            border-radius: 30px;
481 
 
482 
            backdrop-filter: blur(10px);
483 
            -webkit-backdrop-filter: blur(10px);
484 
 
485 
            .page-item.disabled .page-link {
486 
                background-color: rgba($white, .1);
487 
            }
488 
 
489 
            .page-link {
490 
                padding: .5rem;
491 
                border-radius: 30px;
492 
 
493 
                &:hover {
494 
                    background-color: $primary-color-600
495 
                }
496 
            }
497 
 
498 
            .icon {
499 
                filter: invert(1);
500 
            }
501 
        }
502 
    }
503 
}
504 
 
505 
#block-region-side-pre {
506 
    width: 100%;
507 
 
508 
    .block_recentlyaccessedcourses {
509 
        .paging-bar-container {
510 
            margin-top: 0;
511 
        }
512 
    }
513 
}
514 
 
515 
.block_recentlyaccesseditems {
516 
    .activityiconcontainer .icon {
517 
        height: 20px;
518 
        width: 20px;
519 
        margin-right: 0;
520 
    }
521 
}
522 
 
523 
// Show expand collapse with font-awesome.
524 
.block_settings .block_tree [aria-expanded="true"],
525 
.block_settings .block_tree [aria-expanded="true"].emptybranch,
526 
.block_settings .block_tree [aria-expanded="false"],
527 
.block_settings .block_tree li[aria-selected="false"] p,
528 
.block_navigation .block_tree [aria-expanded="true"],
529 
.block_navigation .block_tree [aria-expanded="true"].emptybranch,
530 
.block_navigation .block_tree [aria-expanded="false"] {
531 
    background-image: none;
532 
}
533 
 
534 
.block_settings .block_tree [aria-expanded="true"]:before,
535 
.block_navigation .block_tree [aria-expanded="true"] a:before,
536 
.block_navigation .block_tree [aria-expanded="true"] p:before {
537 
    content: '';
538 
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
539 
    background-size: 14px;
540 
    background-repeat: no-repeat;
541 
    background-position: left;
542 
 
543 
    width: 20px;
544 
    height: 20px;
545 
 
546 
    position: absolute;
547 
    left: 4px;
548 
    top: 6px;
549 
    color: $body-color-light;
550 
 
551 
    .theme-dark & {
552 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
553 
        color: $dm-body-color-light;
554 
    }
555 
}
556 
 
557 
.block_settings .block_tree [aria-expanded="false"] a:before,
558 
.block_navigation .block_tree [aria-expanded="false"] a:before,
559 
.block_settings .block_tree [aria-expanded="false"] p:before,
560 
.block_navigation .block_tree [aria-expanded="false"] p:before {
561 
    content: '';
562 
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
563 
    background-size: 14px;
564 
    background-repeat: no-repeat;
565 
    background-position: left;
566 
 
567 
    width: 20px;
568 
    height: 20px;
569 
 
570 
    position: absolute;
571 
    left: 4px;
572 
    top: calc(50% - 10px);
573 
    color: $body-color-light;
574 
 
575 
    .theme-dark & {
576 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
577 
        color: $dm-body-color-light;
578 
    }
579 
}
580 
 
581 
//TODO: zmienic na odwrocona ikonke
582 
.dir-rtl {
583 
 
584 
    .block_settings .block_tree [aria-expanded="false"]:before,
585 
    .block_navigation .block_tree [aria-expanded="false"]:before {
586 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
587 
 
588 
        .theme-dark & {
589 
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
590 
        }
591 
    }
592 
}
593 
 
594 
.block_navigation .block_tree p.hasicon,
595 
.block_settings .block_tree p.hasicon {
596 
    text-indent: -3px;
597 
 
598 
    .icon {
599 
        display: inline-flex;
600 
        margin-right: 10px;
601 
        font-size: 12px;
602 
        line-height: 16px;
603 
        opacity: .7;
604 
    }
605 
 
606 
    .item-content-wrap {
607 
        display: inline-flex;
608 
    }
609 
}
610 
 
611 
.block.invisibleblock .card-title {
612 
    color: $text-muted;
613 
 
614 
    .theme-dark & {
615 
        color: $dm-text-muted;
616 
    }
617 
}
618 
 
619 
.block_social_activities li a.movehere,
620 
.block_site_main_menu li a.movehere {
621 
    display: block;
622 
    width: 100%;
623 
    height: 2rem;
624 
    border: 2px dashed $gray-800;
625 
    margin: 4px 0;
626 
 
627 
    .theme-dark & {
628 
        border: 2px dashed $dm-gray-800;
629 
    }
630 
}
631 
 
632 
 
633 
/* Blocks Mods */
634 
.block_admin_bookmarks {
635 
    .list {
636 
        li {
637 
            a {
638 
                display: block;
639 
                font-weight: $font-weight-medium;
640 
            }
641 
        }
642 
    }
643 
 
644 
    .footer:not(:empty) {
645 
        margin-top: 1rem;
646 
    }
647 
}
648 
 
649 
/* Editing UI */
650 
.rui-edit-areas.editing .block-region.yui3-dd-drop {
651 
    padding: 40px 5px 5px 5px;
652 
    min-height: 120px;
653 
 
654 
    background-color: $gray-100;
655 
    border: 2px dashed $gray-300;
656 
    border-radius: $btn-border-radius;
657 
 
658 
    .page-mycourses & {
659 
        padding: 0;
660 
        border: 0;
661 
        background-color: transparent;
662 
    }
663 
 
664 
    .pagelayout-maintenance {
665 
        display: none;
666 
    }
667 
 
668 
    .card {
669 
        border-color: $gray-300;
670 
 
671 
        .theme-dark & {
672 
            border-color: $dm-border-color;
673 
        }
674 
    }
675 
}
676 
 
677 
.theme-dark.rui-edit-areas.editing .block-region.yui3-dd-drop {
678 
    background-color: transparent;
679 
    border-color: $dm-gray-600;
680 
}
681 
 
682 
.page-mycourses.rui-edit-areas.editing .block-region.yui3-dd-drop {
683 
    background-color: transparent;
684 
    border: none;
685 
    min-height: auto;
686 
    padding: 0;
687 
}
688 
 
689 
.rui-edit-areas.editing {
690 
 
691 
    #block-region-dtopblocks,
692 
    #block-region-dbottomblocks,
693 
    #block-region-content,
694 
    #block-region-ctopbl,
695 
    #block-region-cbottombl,
696 
    #block-region-cstopbl,
697 
    #block-region-csbottombl,
698 
    #block-region-side-pre,
699 
    #block-region-sidebartopblocks,
700 
    #block-region-sidebarbottomblocks,
701 
    #block-region-fpblocks-t,
702 
    #block-region-fpblocks-b,
703 
    #block-region-coursetab-a,
704 
    #block-region-coursetab-b,
705 
    #block-region-coursetab-c,
706 
    #block-region-coursetab-d,
707 
    #block-region-coursetab-e {
708 
        position: relative;
709 
 
710 
        &:before {
711 
            padding: 5px 10px;
712 
 
713 
            position: absolute;
714 
            top: 0;
715 
            left: 0;
716 
 
717 
            background-color: $gray-300;
718 
            border-radius: $btn-border-radius;
719 
 
720 
            font-size: $font-size-xs;
721 
            font-weight: $font-weight-medium;
722 
            color: $gray-800;
723 
 
724 
            .theme-dark & {
725 
                background-color: $dm-gray-300;
726 
                color: $dm-gray-800;
727 
            }
728 
 
729 
        }
730 
    }
731 
 
732 
    #block-region-content:before {
733 
        content: 'Blocks: Main Moodle Area';
734 
    }
735 
 
736 
    #block-region-dtopblocks:before {
737 
        content: 'Blocks: Dashboard (Top)';
738 
    }
739 
 
740 
    #block-region-dbottomblocks:before {
741 
        content: 'Blocks: Dashboard (Bottom)';
742 
    }
743 
 
744 
    #block-region-ctopbl:before {
745 
        content: 'Blocks: Course Page (Top)';
746 
    }
747 
 
748 
    #block-region-cbottombl:before {
749 
        content: 'Blocks: Course Page (Bottom)';
750 
    }
751 
 
752 
    #block-region-cstopbl:before {
753 
        content: 'Blocks: Course Page - Sections (Top)';
754 
    }
755 
 
756 
    #block-region-csbottombl:before {
757 
        content: 'Blocks: Course Page - Sections (Bottom)';
758 
    }
759 
 
760 
    #block-region-side-pre:before {
761 
        content: 'Blocks: Hidden Sidebar';
762 
    }
763 
 
764 
    #block-region-sidebartopblocks:before {
765 
        content: 'Blocks: Sidebar Top Blocks';
766 
    }
767 
 
768 
    #block-region-sidebarbottomblocks:before {
769 
        content: 'Blocks: Sidebar Bottom Blocks';
770 
    }
771 
 
772 
    #block-region-fpblocks-t:before {
773 
        content: 'Blocks: Frontpage #1 (Top)';
774 
    }
775 
 
776 
    #block-region-fpblocks-b:before {
777 
        content: 'Blocks: Frontpage #2 (Bottom)';
778 
    }
779 
 
780 
    #block-region-coursetab-a:before {
781 
        content: 'Course Tab #1';
782 
    }
783 
 
784 
    #block-region-coursetab-b:before {
785 
        content: 'Course Tab #2';
786 
    }
787 
 
788 
    #block-region-coursetab-c:before {
789 
        content: 'Course Tab #3';
790 
    }
791 
 
792 
    #block-region-coursetab-d:before {
793 
        content: 'Course Tab #4';
794 
    }
795 
 
796 
    #block-region-coursetab-e:before {
797 
        content: 'Course Tab #5';
798 
    }
799 
 
800 
}
801 
 
802 
.page-mycourses.editing .block-region.yui3-dd-drop:before
803 
{
804 
    display: none;
805 
}
806 
 
807 
#block-region-sidecourseblocks:empty {
808 
    display: none;
809 
}
810 
 
811 
/* Block Customization */
812 
.block_course_list,
813 
.block_community,
814 
.block_admin_bookmarks,
815 
.block_activity_modules,
816 
.block_quickmail {
817 
    li {
818 
        font-size: $font-size-xs;
819 
 
820 
        a {
821 
            display: flex;
822 
            align-items: center;
823 
            padding: .35rem 0;
824 
 
825 
            position: relative;
826 
 
827 
            font-size: $font-size-xs;
828 
            font-weight: $font-weight-medium;
829 
            color: $body-color;
830 
 
831 
            .theme-dark & {
832 
                color: $dm-body-color;
833 
            }
834 
 
835 
            &:hover {
836 
                color: $link-hover-color;
837 
                text-decoration: none;
838 
 
839 
                &:before {
840 
                    background-color: $link-hover-color;
841 
                }
842 
            }
843 
 
844 
            .icon {
845 
                display: none;
846 
                // margin-right: .5rem;
847 
                // width: 30px;
848 
                // height: 30px;
849 
 
850 
                // .theme-dark & {
851 
                //     filter: invert(1);
852 
                // }
853 
            }
854 
        }
855 
 
856 
        &:last-child {
857 
            a {
858 
                padding-bottom: 0;
859 
 
860 
                &:before {
861 
                    display: none;
862 
                }
863 
            }
864 
        }
865 
 
866 
    }
867 
 
868 
    .footer {
869 
        margin-top: 20px;
870 
    }
871 
}
872 
 
873 
 
874 
.block_rss_client {
875 
    .list li {
876 
        padding-top: 6px;
877 
        padding-left: 0;
878 
        padding-right: 0;
879 
        padding-bottom: 6px;
880 
        border-color: $border-color;
881 
 
882 
        .theme-dark & {
883 
            border-color: $dm-border-color;
884 
        }
885 
 
886 
        .link {
887 
            a {
888 
                display: inline-flex;
889 
                padding-left: 30px;
890 
 
891 
                background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#{url-friendly-colour($body-color)}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
892 
                background-repeat: no-repeat;
893 
                background-position: left;
894 
                background-size: 16px;
895 
 
896 
                font-size: $font-size-md;
897 
                font-weight: $font-weight-medium;
898 
                color: $body-color-secondary;
899 
 
900 
                .theme-dark & {
901 
                    color: $dm-body-color-secondary;
902 
                }
903 
            }
904 
        }
905 
 
906 
    }
907 
}
908 
 
909 
 
910 
.block_online_users {
911 
    .info {
912 
        margin-bottom: 1rem;
913 
    }
914 
 
915 
    .list {
916 
        .listentry {
917 
            width: 100%;
918 
            position: relative;
919 
            display: inline-flex;
920 
            align-items: center;
921 
            justify-content: space-between;
922 
 
923 
            margin-bottom: .35rem;
924 
 
925 
            &:last-child {
926 
                margin-bottom: 0;
927 
            }
928 
 
929 
            .userinitials,
930 
            img.userpicture {
931 
                margin-right: .5rem;
932 
                width: 30px;
933 
                height: 30px;
934 
                border-radius: $btn-border-radius;
935 
            }
936 
 
937 
 
938 
            .user a {
939 
                width: 170px;
940 
                display: inline-flex;
941 
                align-items: center;
942 
 
943 
                font-weight: $font-weight-medium;
944 
                color: $body-color;
945 
 
946 
                .theme-dark & {
947 
                    color: $dm-body-color;
948 
                }
949 
            }
950 
 
951 
            .uservisibility {
952 
                a {
953 
                    display: flex;
954 
                    align-items: center;
955 
                    justify-content: center;
956 
 
957 
                    width: 30px;
958 
                    height: 30px;
959 
 
960 
                    position: absolute;
961 
                    top: calc(50% - 15px);
962 
                    right: 0;
963 
 
964 
                    border-radius: $btn-border-radius-xl;
965 
 
966 
                    &:hover {
967 
                        text-decoration: none;
968 
                    }
969 
 
970 
                    &[data-action="hide"] {
971 
                        background-color: $green-100;
972 
 
973 
                        .icon {
974 
                            color: $green-600;
975 
                        }
976 
 
977 
                        &:hover {
978 
                            background-color: $green-200;
979 
                        }
980 
                    }
981 
 
982 
                    &[data-action="show"] {
983 
                        background-color: $red-100;
984 
 
985 
                        .icon {
986 
                            color: $red-700;
987 
                        }
988 
 
989 
                        &:hover {
990 
                            background-color: $red-200;
991 
                        }
992 
                    }
993 
 
994 
                    .icon {
995 
                        display: flex;
996 
                        align-items: center;
997 
                        justify-content: center;
998 
 
999 
                        font-size: 13px;
1000 
                        margin: 0;
1001 
                    }
1002 
                }
1003 
            }
1004 
 
1005 
 
1006 
            .message {
1007 
                a {
1008 
                    background-color: $primary-color-100;
1009 
                    display: flex;
1010 
                    align-items: center;
1011 
                    justify-content: center;
1012 
 
1013 
                    width: 30px;
1014 
                    height: 30px;
1015 
 
1016 
                    position: absolute;
1017 
                    top: calc(50% - 15px);
1018 
                    right: 0;
1019 
 
1020 
                    border-radius: $btn-border-radius-xl;
1021 
 
1022 
                    &:hover {
1023 
                        background-color: $primary-color-200;
1024 
                        text-decoration: none;
1025 
                    }
1026 
 
1027 
                    &:before {
1028 
                        display: none;
1029 
                    }
1030 
 
1031 
                    .icon {
1032 
                        color: $white;
1033 
                        font-size: 12px;
1034 
                        margin: 0;
1035 
                    }
1036 
                }
1037 
 
1038 
            }
1039 
        }
1040 
    }
1041 
}
1042 
 
1043 
 
1044 
.block_news_items {
1045 
 
1046 
    .newlink a {
1047 
        font-weight: $font-weight-medium;
1048 
    }
1049 
 
1050 
    .post {
1051 
        margin: 1rem 0 0;
1052 
        padding: 1rem 0;
1053 
        border-top: 1px dashed $border-color;
1054 
 
1055 
        .theme-dark & {
1056 
            border-top: 2px dashed $dm-border-color;
1057 
        }
1058 
 
1059 
        .head {
1060 
            .date {
1061 
                font-size: $font-size-xs;
1062 
            }
1063 
 
1064 
            .date,
1065 
            .name {
1066 
                font-weight: $font-weight-normal;
1067 
                color: $body-color-light;
1068 
 
1069 
                .theme-dark & {
1070 
                    color: $dm-body-color-light;
1071 
                }
1072 
            }
1073 
 
1074 
            .name {
1075 
                font-size: $font-size-xs;
1076 
            }
1077 
        }
1078 
 
1079 
        .info {
1080 
            margin-top: .25rem;
1081 
            font-size: $font-size-md;
1082 
            font-weight: $font-weight-medium;
1083 
 
1084 
            a {
1085 
                display: block;
1086 
                font-size: 1rem;
1087 
                color: $body-color;
1088 
                line-height: 1.4;
1089 
 
1090 
                .theme-dark & {
1091 
                    color: $dm-body-color;
1092 
                }
1093 
            }
1094 
        }
1095 
    }
1096 
}
1097 
 
1098 
.block_private_files {
1099 
    [id*="private_files_tree"] {
1100 
        padding: 1rem;
1101 
        border-radius: $btn-border-radius;
1102 
        background-color: $gray-100;
1103 
        max-height: 200px;
1104 
        overflow-y: auto;
1105 
 
1106 
        .theme-dark & {
1107 
            background-color: $dm-gray-100;
1108 
        }
1109 
 
1110 
        .ygtvitem {
1111 
            max-height: 300px;
1112 
            overflow-y: auto;
1113 
        }
1114 
    }
1115 
 
1116 
    td.ygtvcell {
1117 
        .icon {
1118 
            margin: 0 4px;
1119 
            padding: .25rem !important;
1120 
            display: inline-flex;
1121 
            align-content: center;
1122 
            justify-content: center;
1123 
 
1124 
            border-radius: $btn-border-radius;
1125 
        }
1126 
    }
1127 
 
1128 
    .ygtvcontent {
1129 
        div {
1130 
            @extend .text-truncate;
1131 
            max-width: 170px;
1132 
        }
1133 
    }
1134 
 
1135 
    [id^="private_files_tree"] a {
1136 
        display: inline-block;
1137 
 
1138 
        font-size: $font-size-xs;
1139 
        color: $body-color-secondary;
1140 
 
1141 
        .theme-dark & {
1142 
            color: $dm-body-color-secondary;
1143 
        }
1144 
 
1145 
        @extend .text-truncate;
1146 
        max-width: 190px;
1147 
 
1148 
        .icon {
1149 
            margin: 4px;
1150 
            padding: .25rem !important;
1151 
            display: inline-flex;
1152 
            align-content: center;
1153 
            justify-content: center;
1154 
 
1155 
            border-radius: $btn-border-radius;
1156 
        }
1157 
    }
1158 
}
1159 
 
1160 
.block-timeline {
1161 
 
1162 
    .rui-event-name-link {
1163 
        &:hover {
1164 
            .rui-event-name {
1165 
                color: $link-hover-color;
1166 
            }
1167 
        }
1168 
    }
1169 
 
1170 
    .rui-timeline-list-group-item {
1171 
        &:last-of-type {
1172 
            margin-bottom: 0;
1173 
            padding-bottom: 0;
1174 
        }
1175 
    }
1176 
 
1177 
    .rui-timeline-list-group {
1178 
        margin-bottom: 30px;
1179 
    }
1180 
 
1181 
    .rui-timeline-date {
1182 
        padding-left: 3px;
1183 
        display: inline-flex;
1184 
        align-content: center;
1185 
 
1186 
        font-size: $font-size-xs;
1187 
        font-weight: $font-weight-medium;
1188 
        line-height: 1.6;
1189 
    }
1190 
 
1191 
    .rui-timeline-activity-title {
1192 
        display: flex;
1193 
 
1194 
        @include media-breakpoint-down(md) {
1195 
            flex-wrap: wrap;
1196 
        }
1197 
 
1198 
        #sidepre-blocks & {
1199 
            flex-wrap: wrap;
1200 
        }
1201 
    }
1202 
 
1203 
    @include media-breakpoint-down(md) {
1204 
        .event-name-container {
1205 
            margin: 0 40px 10px;
1206 
        }
1207 
    }
1208 
 
1209 
    .rui-event-date {
1210 
        padding-top: 23px;
1211 
        padding-left: 26px;
1212 
        display: inline-flex;
1213 
        align-content: center;
1214 
 
1215 
        background-image: url("data:image/svg+xml,%3Csvg height='123' viewBox='0 0 20 123' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='#{url-friendly-colour($gray-700)}' stroke-width='1.5'%3E%3Cpath d='m10.5-36.5v91' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10.5 64.5v68' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.5' cy='59.5' r='2.75'/%3E%3C/g%3E%3C/svg%3E");
1216 
        background-repeat: no-repeat;
1217 
        background-position-x: 2px;
1218 
        background-position-y: -22px;
1219 
        background-size: 18px;
1220 
 
1221 
        font-size: $font-size-xs;
1222 
        font-weight: $font-weight-medium;
1223 
        color: $body-color-secondary;
1224 
 
1225 
        .theme-dark & {
1226 
            background-image: url("data:image/svg+xml,%3Csvg height='123' viewBox='0 0 20 123' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='#{url-friendly-colour($dm-gray-700)}' stroke-width='1.5'%3E%3Cpath d='m10.5-36.5v91' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10.5 64.5v68' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10.5' cy='59.5' r='2.75'/%3E%3C/g%3E%3C/svg%3E");
1227 
            color: $dm-body-color-secondary;
1228 
        }
1229 
 
1230 
        .rui-event-user-date {
1231 
            margin: 2px 0 0 4px;
1232 
        }
1233 
    }
1234 
 
1235 
    .rui-timeline-date-txt {
1236 
        margin: 0 7px;
1237 
        font-size: $font-size-xs;
1238 
        font-weight: $font-weight-medium;
1239 
        color: $body-color-light;
1240 
        align-self: center;
1241 
 
1242 
        .theme-dark & {
1243 
            color: $dm-body-color-light;
1244 
        }
1245 
    }
1246 
 
1247 
    .rui-event-name {
1248 
        font-size: .9rem;
1249 
        font-weight: $font-weight-bold;
1250 
        color: $body-color;
1251 
 
1252 
        .theme-dark & {
1253 
            color: $dm-body-color;
1254 
        }
1255 
    }
1256 
 
1257 
    .rui-event-icon {
1258 
        margin: 16px 10px 0;
1259 
        width: $activity-iconcontainer-width;
1260 
        height: $activity-iconcontainer-height;
1261 
        display: inline-flex;
1262 
        justify-content: center;
1263 
        align-items: center;
1264 
        background-color: $gray-100;
1265 
        border-radius: $activity-iconcontainer-width;
1266 
        padding: 0.7rem;
1267 
 
1268 
        .icon {
1269 
            width: 20px;
1270 
            height: 20px;
1271 
            box-sizing: border-box;
1272 
        }
1273 
    }
1274 
 
1275 
    .pagination {
1276 
        margin: 0;
1277 
    }
1278 
}
1279 
 
1280 
 
1281 
/* Block Navigation */
1282 
#settingsnav {
1283 
    padding: 0 !important;
1284 
}
1285 
 
1286 
// Show expand collapse with font-awesome.
1287 
.block_navigation .block_tree .depth_1>ul {
1288 
    padding: 0;
1289 
}
1290 
 
1291 
.block_navigation .block_tree .depth_1>.tree_item.branch {
1292 
    padding-left: 21px;
1293 
}
1294 
 
1295 
.block_navigation .block_tree p.hasicon img {
1296 
    margin-top: 1px;
1297 
    margin-right: 5px!important;
1298 
 
1299 
    .theme-dark & {
1300 
        filter: invert(1);
1301 
    }
1302 
}
1303 
 
1304 
.block_navigation .block_tree ul {
1305 
    margin-left: 0;
1306 
 
1307 
    p, a {
1308 
        min-height: 25px;
1309 
        color: $body-color;
1310 
 
1311 
        &:after {
1312 
            display: none;
1313 
        }
1314 
 
1315 
        .theme-dark & {
1316 
            color: $dm-body-color;
1317 
        }
1318 
    }
1319 
}
1320 
 
1321 
.block_navigation .block_tree [aria-expanded="false"] p.loading {
1322 
    background-size: 16px;
1323 
    background-position: 1px 0px;
1324 
}
1325 
 
1326 
.block_settings .block_tree [aria-expanded="true"],
1327 
.block_settings .block_tree [aria-expanded="true"].emptybranch,
1328 
.block_settings .block_tree [aria-expanded="false"],
1329 
.block_navigation .block_tree [aria-expanded="true"],
1330 
.block_navigation .block_tree [aria-expanded="true"].emptybranch,
1331 
.block_navigation .block_tree [aria-expanded="false"] {
1332 
    background-image: none;
1333 
}
1334 
.block_settings .block_tree [aria-expanded="true"] > p:before,
1335 
.block_navigation .block_tree [aria-expanded="true"] > p:before {
1336 
    // Arrow down
1337 
    content: '';
1338 
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
1339 
    background-size: 14px;
1340 
    background-repeat: no-repeat;
1341 
    background-position: left;
1342 
    margin-right: 0;
1343 
    font-size: 16px;
1344 
    width: 16px;
1345 
    height: 16px;
1346 
 
1347 
    position: absolute;
1348 
    left: 3px;
1349 
 
1350 
    .theme-dark & {
1351 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.75L16.25 15.25H7.75L12 9.75Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E ");
1352 
        color: $dm-body-color-light;
1353 
    }
1354 
}
1355 
 
1356 
.block_settings .block_tree [aria-expanded="false"] > p:before,
1357 
.block_navigation .block_tree [aria-expanded="false"] > p:before {
1358 
    // Arrow right
1359 
    content: '';
1360 
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1361 
    background-size: 14px;
1362 
    background-repeat: no-repeat;
1363 
    background-position: left;
1364 
 
1365 
    margin-right: 0;
1366 
    font-size: 16px;
1367 
    width: 16px;
1368 
    height: 16px;
1369 
 
1370 
    position: absolute;
1371 
    left: 3px;
1372 
 
1373 
    .theme-dark & {
1374 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1375 
        color: $dm-body-color-light;
1376 
    }
1377 
}
1378 
.dir-rtl {
1379 
    .block_settings .block_tree [aria-expanded="false"] > p:before,
1380 
    .block_navigation .block_tree [aria-expanded="false"] > p:before {
1381 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1382 
 
1383 
        .theme-dark & {
1384 
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1385 
        }
1386 
    }
1387 
}
1388 
 
1389 
.theme-dark.dir-rtl {
1390 
    .block_settings .block_tree [aria-expanded="false"] > p:before,
1391 
    .block_navigation .block_tree [aria-expanded="false"] > p:before {
1392 
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 12L8.75 7.75V16.25L14.25 12Z' stroke='#{url-friendly-colour($dm-body-color)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
1393 
    }
1394 
}
1395 
 
1396 
.block_navigation .block_tree p.hasicon,
1397 
.block_settings .block_tree p.hasicon {
1398 
    text-indent: -3px;
1399 
 
1400 
    .icon {
1401 
        margin-right: 2px;
1402 
    }
1403 
}
1404 
 
1405 
 
1406 
/* ---- Block My Profile */
1407 
.block_myoverview {
1408 
    .content {
1409 
        min-height: 19.35rem;
1410 
    }
1411 
 
1412 
    .rui-bmo-nav-sort-selector {
1413 
 
1414 
        #block-region-dleftblocks &,
1415 
        #blocks-dashboardrightblock & {
1416 
            width: 100%;
1417 
            margin-right: 0 !important;
1418 
        }
1419 
    }
1420 
 
1421 
    //.paged-content-page-container {
1422 
    //    min-height: 13rem;
1423 
    //}
1424 
    .btn--title {
1425 
        #sidepre-blocks & {
1426 
            display: none !important;
1427 
        }
1428 
    }
1429 
}
1430 
 
1431 
.block_myprofile .myprofileitem.picture img {
1432 
    margin-bottom: .5rem;
1433 
    width: auto;
1434 
    height: auto;
1435 
}
1436 
 
1437 
.block_myprofile .myprofileitem.fullname {
1438 
    font-size: $font-size-md;
1439 
    color: $body-color;
1440 
 
1441 
    .theme-dark & {
1442 
        color: $dm-body-color;
1443 
    }
1444 
}
1445 
 
1446 
// .rui-myprofile-card-title {
1447 
//     font-size: $font-size-xs;
1448 
//     font-weight: $font-weight-medium;
1449 
//     color: $body-color-light;
1450 
 
1451 
//     .theme-dark & {
1452 
//         color: $dm-body-color-light;
1453 
//     }
1454 
// }
1455 
 
1456 
.rui-mo-progress-text {
1457 
    margin-bottom: 5px;
1458 
    font-size: $font-size-md;
1459 
    font-weight: $font-weight-medium;
1460 
    color: $body-color-light;
1461 
 
1462 
    .theme-dark & {
1463 
        color: $dm-body-color-light;
1464 
    }
1465 
}
1466 
 
1467 
.rui-mo-progress-icon--progress {
1468 
    color: $body-color;
1469 
 
1470 
    .theme-dark & {
1471 
        color: $dm-body-color;
1472 
    }
1473 
 
1474 
    .rui-mo-progress-100 & {
1475 
        display: none;
1476 
    }
1477 
}
1478 
 
1479 
.rui-mo-progress-icon--done {
1480 
    display: none;
1481 
    color: $green-600;
1482 
 
1483 
    .rui-mo-progress-100 & {
1484 
        display: inline-flex;
1485 
    }
1486 
}
1487 
 
1488 
.rui-mo-progress-100 {
1489 
    .small {
1490 
        color: $green-500;
1491 
    }
1492 
}
1493 
 
1494 
.rui-course-card-shortname {
1495 
    margin-bottom: .25rem;
1496 
 
1497 
    font-size: $font-size-xs;
1498 
    font-weight: $font-weight-normal;
1499 
}
1500 
 
1501 
.pagelayout-embedded {
1502 
    .has-fake-blocks {
1503 
        padding: 1rem;
1504 
        display: flex;
1505 
    }
1506 
 
1507 
    .has-fake-blocks .embedded-main {
1508 
        order: 0;
1509 
        width: calc(100% - #{$blocks-column-width});
1510 
        margin-right: 1rem;
1511 
    }
1512 
 
1513 
    .embedded-blocks {
1514 
        order: 1;
1515 
        width: $blocks-column-width;
1516 
    }
1517 
 
1518 
    @media (max-width: 767.98px) {
1519 
        .has-fake-blocks {
1520 
            display: block;
1521 
        }
1522 
 
1523 
        .has-fake-blocks .embedded-main {
1524 
            width: 100%;
1525 
        }
1526 
 
1527 
        .embedded-blocks {
1528 
            width: 100%;
1529 
        }
1530 
    }
1531 
}
1532 
 
1533 
 
1534 
 
1535 
 
1536 
.block_adminblock {
1537 
    background-color: $container-bg;
1538 
    border: 1px solid $border-color;
1539 
    border-radius: $btn-border-radius;
1540 
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05), 0 14px 44px 0 rgba(0, 0, 0, .15);
1541 
 
1542 
    position: fixed;
1543 
    right: 10px;
1544 
    bottom: 60px;
1545 
    z-index: $zindex-tooltip;
1546 
 
1547 
    .drawer-open-right & {
1548 
        @include media-breakpoint-down(md) {
1549 
            right: 7px;
1550 
        }
1551 
    }
1552 
 
1553 
    .card-body {
1554 
        padding: 6px;
1555 
        display: inline-flex;
1556 
        align-items: center;
1557 
    }
1558 
 
1559 
    .card-title {
1560 
        margin-bottom: 0;
1561 
        font-size: 12px;
1562 
        font-weight: $font-weight-medium;
1563 
        margin-right: 16px;
1564 
        margin-left: 12px;
1565 
    }
1566 
 
1567 
    .custom-select {
1568 
        margin-right: 0 !important;
1569 
        padding: 7px 14px;
1570 
        width: 140px;
1571 
        height: auto;
1572 
        font-size: 12px;
1573 
    }
1574 
 
1575 
    .theme-dark & {
1576 
        background-color: $dm-container-bg;
1577 
    }
1578 
}
1579 
 
1580 
/* Dashboard Blocks */
1581 
.wrapper-dashboard #region-main-wrapper {
1582 
    .alert {
1583 
        margin: 30px 0 0;
1584 
    }
1585 
}
1586 
 
1587 
// TODO: Blocks UI
1588 
/*
1589 
    Course contents block
1590 
    https://github.com/mudrd8mz/moodle-block_course_contents
1591 
*/
1592 
.block_course_contents {
1593 
    .list-group-item {
1594 
        padding: 3px 0;
1595 
    }
1596 
}
1597 
 
1598 
/* Block recent activities */
1599 
.block_recent_activity {
1600 
    .activityhead {
1601 
        font-size: $font-size-xs;
1602 
        color: $body-color-secondary;
1603 
 
1604 
        .theme-dark & {
1605 
            color: $dm-body-color-secondary;
1606 
        }
1607 
    }
1608 
 
1609 
    .activityhead a {
1610 
        font-size: $font-size-sm;
1611 
        color: $body-color;
1612 
        font-weight: $font-weight-bold;
1613 
 
1614 
        .theme-dark & {
1615 
            color: $dm-body-color;
1616 
        }
1617 
    }
1618 
}
1619 
 
1620 
 
1621 
/* Block Section links */
1622 
.block_section_links {
1623 
    .unlist {
1624 
        li {
1625 
            margin-bottom: .35rem;
1626 
 
1627 
            &:last-child {
1628 
                margin-bottom: 0;
1629 
            }
1630 
 
1631 
            a {
1632 
                padding: .35rem 0;
1633 
                width: 100%;
1634 
                display: flex;
1635 
                align-items: center;
1636 
                font-weight: $font-weight-medium;
1637 
            }
1638 
        }
1639 
    }
1640 
 
1641 
}
1642 
 
1643 
/* Block - Recently accessed items */
1644 
.rui-block-title--sm {
1645 
    margin-bottom: .35rem;
1646 
 
1647 
    font-size: $font-size-md;
1648 
    font-weight: $font-weight-medium;
1649 
    line-height: 1.4;
1650 
    word-break: break-word;
1651 
}
1652 
 
1653 
 
1654 
.block_completionstatus {
1655 
    td {
1656 
        padding: 4px 2px !important;
1657 
        font-size: $font-size-xs !important;
1658 
    }
1659 
}
1660 
 
1661 
.block-recentlyaccesseditems .card-deck {
1662 
    margin: 0;
1663 
    padding: 7px;
1664 
    max-height: 220px;
1665 
    overflow-y: auto;
1666 
 
1667 
    border: 1px solid $border-color;
1668 
    border-radius: $btn-border-radius;
1669 
 
1670 
    .theme-dark & {
1671 
        border-color: $dm-border-color;
1672 
    }
1673 
 
1674 
    .rui-dashboard-card:last-of-type {
1675 
        margin-bottom: 0 !important;
1676 
    }
1677 
 
1678 
    .rui-dashboard-card {
1679 
        transition: $transition-base;
1680 
 
1681 
        &:hover {
1682 
            opacity: .7;
1683 
        }
1684 
    }
1685 
}
1686 
 
1687 
/* Block Lp */
1688 
.block_fake {
1689 
    li a {
1690 
        &:after {
1691 
            display: none;
1692 
        }
1693 
    }
1694 
}
1695 
 
1696 
.block {
1697 
    .list li {
1698 
        line-height: 2;
1699 
    }
1700 
}
1701 
 
1702 
.block_myprogress {
1703 
    p {
1704 
        font-size: $font-size-xs;
1705 
    }
1706 
    .progress {
1707 
        margin-top: 10px;
1708 
        margin-bottom: 0!important;
1709 
    }
1710 
}
1711 
 
1712 
.block_lp {
1713 
    h3 {
1714 
        font-size: $font-size-sm;
1715 
    }
1716 
 
1717 
    .sub-content {
1718 
        padding: 0;
1719 
 
1720 
        ul {
1721 
            margin: 10px 0;
1722 
            padding: 0;
1723 
 
1724 
            li {
1725 
                padding: 3px 0;
1726 
            }
1727 
        }
1728 
    }
1729 
 
1730 
}