Proyectos de Subversion Moodle

Rev

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