Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1456 ariadna 1
@charset "UTF-8";
2
 
3
:root {
4
    --primary-white: rgba(255, 255, 255, 0.9);
5
    --primary-white-hover: rgba(255, 255, 255, 0.04);
6
    --border-primary: #ffffff14;
7
    --primary-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Fira Sans', Ubuntu, Oxygen, 'Oxygen Sans', Cantarell, 'Droid Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lucida Grande', Helvetica, Arial, sans-serif, "Dosis";
8
}
9
 
10
h1,
11
h2,
12
h3,
13
h4,
14
h5,
15
h6,
16
span,
17
a,
18
p ,
19
.comment-message .text,
20
.comment-message .time
21
.container{
22
    font-family: var(--primary-font-family);
23
}
24
 
25
.container {
26
    max-width: none;
27
}
28
 
29
/* Nav */
30
.rui-topbar-wrapper {
31
    background: #fff;
32
    border-bottom: 1px solid #aeb3b8;
33
    box-shadow: 1px 1px 1px #ddd;
34
    padding: 5px;
35
}
36
 
37
/* Drawer */
38
 
39
@media (max-width: 767.98px) {
40
    .btn-drawer {
41
        left: 15px;
42
        top: 80px;
43
}
44
}
45
 
46
.drawer.drawer-left {
47
    background-color: #23292f;
48
    border-radius: 0;
49
    padding: 0;
50
    top: 55px;
51
}
52
 
53
.drawercontent {
54
    scrollbar-color: #757474 #fff;
55
    margin-right: 0;
56
    scrollbar-width: auto;
57
    padding: 0;
58
    height: calc(100% - 77px) !important;
59
}
60
 
61
.courseindex .courseindex-item.pageitem {
62
    background: black;
63
    color: #fff;
64
    border-left: 5px solid #fff;
65
}
66
 
67
.drawerheader {
68
    border-bottom: 1px solid var(--border-primary);
69
    padding: .9rem !important;
70
    display: flex;
71
    justify-content: space-between;
72
    align-items: center;
73
    margin-top: 5px;
74
}
75
 
76
.drawerheadercontent {
77
    position: relative !important;
78
    top: 0 !important;
79
    left: 0 !important;
80
    display: flex;
81
    align-items: center;
82
    justify-content: center;
83
    gap: .5rem;
84
}
85
 
86
.drawer.drawer-left .drawertoggle {
87
    margin-left: auto;
88
    margin-right: 0;
89
    margin-top: 2px;
90
    margin-bottom: 2px;
91
}
92
 
93
.drawerheadercontent h5{
94
    margin-bottom: 0;
95
    font-size: 16px;
96
    font-weight: 600;
97
    color: #fff;
98
    margin-top: 5px;
99
}
100
 
101
.page-content.wrapper-fw {
102
    padding-left: .5rem;
103
    padding-right: .5rem;
104
    padding-top: .5rem;
105
    position: relative;
106
}
107
 
108
#page-mod-quiz-summary .submitbtns {
109
    flex-direction: row;
110
    margin-top: 1rem;
111
}
112
 
113
div.mdl-align {
114
    min-height: auto;
115
}
116
 
117
.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {
118
    color: #fff;
119
    background: #000;
120
}
121
 
122
.courseindex .courseindex-item.pageitem:hover .courseindex-link{
123
    color: #fff;
124
}
125
 
126
#page-mod-resource-view .page-content.wrapper-fw, #page-mod-hvp-view .page-content.wrapper-fw {
127
    padding-left: 0;
128
    padding-right: 0;
129
    padding-top: 0;
130
}
131
 
132
#page-course-view-topics .drawer-right {
133
    display: none;
134
}
135
 
136
#page-mod-resource-view .drawer-right .drawerheader , #page-mod-hvp-view .drawer-right .drawerheader  {
137
    display: none;
138
}
139
 
140
#page-mod-resource-view .drawer-right .drawercontent , #page-mod-hvp-view .drawer-right .drawercontent  {
141
    width: 100%;
142
}
143
 
144
#block-region-side-pre{
145
    justify-content: center;
146
}
147
 
148
.drawer-right {
149
    visibility: visible !important;
150
    box-shadow: none;
151
    max-width: none !important;
152
    top: auto !important;
153
    right: auto !important;
154
    height: auto !important;
155
    position: relative;
156
    width: 100% !important;
157
    z-index: auto;
158
}
159
 
160
.drawer-right .drawerheader .drawerheadercontent h5{
161
    display: none;
162
}
163
 
164
.courseindex .courseindex-section {
165
    border-radius: 0 !important;
166
    margin-left: 0 !important;
167
    margin-bottom: 0 !important;
168
}
169
 
170
.courseindex .courseindex-item.courseindex-section-title {
171
    flex-direction: row-reverse;
172
    justify-content: space-between;
173
    padding: 0.5rem 0;
174
    border-radius: 0 !important;
175
}
176
 
177
.courseindex .courseindex-section .courseindex-item.courseindex-section-title {
178
    border-bottom: 1px solid var(--border-primary) !important;
179
}
180
 
181
.courseindex .courseindex-item.courseindex-section-title a {
182
    color: var(--primary-white) !important;
183
    font-size: 14px !important;
184
    font-weight: 600;
185
    margin-left: 1rem;
186
}
187
 
188
.courseindex .courseindex-sectioncontent {
189
    padding: 0 !important;
190
}
191
 
192
.courseindex .courseindex-item.pageitem a {
193
    color: #fff;
194
}
195
 
196
 
197
.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {
198
    padding: 10.5px;
199
    padding-left: 16px;
200
    border-bottom: 1px solid var(--border-primary);
201
    border-radius: 0;
202
}
203
 
204
.courseindex .courseindex-item:hover span,
205
.courseindex .courseindex-item:hover .courseindex-link,
206
.courseindex .courseindex-item:hover .courseindex-chevron,
207
.courseindex .courseindex-item:focus span,
208
.courseindex .courseindex-item:focus .courseindex-link,
209
.courseindex .courseindex-item:focus .courseindex-chevron {
210
    color: var(--primary-white);
211
}
212
 
213
.courseindex .courseindex-item:hover>span:not(.icons-collapse-expand),
214
.courseindex .courseindex-item:hover>.courseindex-chevron:not(.icons-collapse-expand),
215
.courseindex .courseindex-item:focus>span:not(.icons-collapse-expand),
216
.courseindex .courseindex-item:focus>.courseindex-link,
217
.courseindex .courseindex-item:focus>.courseindex-chevron:not(.icons-collapse-expand) {
218
    text-decoration: underline;
219
}
220
 
221
.courseindex .expanded-icon,
222
.courseindex .collapsed-icon {
223
    background-color: transparent !important;
224
}
225
 
226
.courseindex .expanded-icon .icon,
227
.courseindex .collapsed-icon .icon {
228
    font-size: 20px !important;
229
}
230
 
231
/* Drawer end */
232
 
233
#page-mod-hvp-view .rui-main-content-title--h4,
234
#page-mod-resource-view .rui-main-content-title--h4{
235
    font-size: 16px;
236
    color: #fff;
237
    font-weight: 600;
238
    margin-left: 10px;
239
}
240
 
241
.courseindex .courseindex-item.courseindex-section-title a {
242
    color: var(--primary-white);
243
}
244
 
245
.courseindex .courseindex-item .courseindex-name,
246
.courseindex .courseindex-item .courseindex-link {
247
    color: var(--primary-white);
248
}
249
 
250
.courseindex .expanded-icon,
251
.courseindex .collapsed-icon {
252
    background-color: #595858;
253
    color: var(--primary-white);
254
}
255
 
256
.drawer {
257
    padding: 1px 10px;
258
}
259
 
260
.drawerheadercontent {
261
    top: 15px;
262
    right: 15px;
263
}
264
 
265
.video-js {
266
    border-radius: 0px;
267
}
268
 
269
.mediaplugin.mediaplugin_videojs {
270
    margin: 0;
271
}
272
 
273
.path-mod-resource .resourcecontent {
274
    margin-top: 0;
275
}
276
 
277
.video-js.vjs-fluid {
278
    padding-top: 75vh !important;
279
}
280
 
281
#page.drawers.show-drawer-right {
282
    padding-right: 0;
283
}
284
 
285
#block-region-side-pre {
286
    display: flex;
287
    width: 100%;
288
    gap: 12px;
289
}
290
 
291
.btn {
292
    line-height: 1;
293
}
294
 
295
.btn-group>.btn:last-child {
296
    border-top-right-radius: 0px;
297
    border-bottom-right-radius: 0px;
298
    height: 40px;
299
}
300
 
301
.btn-group>.btn:first-child {
302
    border-top-left-radius: 0px;
303
    border-bottom-left-radius: 0px;
304
}
305
 
306
.btn-primary, .mod_quiz-next-nav {
307
    background: transparent;
308
    color: #000;
309
    border-radius: 5px;
310
    border-color: #ddd;
311
}
312
 
313
.mb-2 a:hover{
314
    border: transparent;
315
    color: #000;
316
    background: #ddd;
317
}
318
 
319
.btn.btn-primary .mr-1:hover, .mod_quiz-next-nav:hover{
320
    border: transparent;
321
    color: #000;
322
    background: #ddd;
323
}
324
 
325
#blocks_buttons.btn-group .btn.nav-link {
326
    border: transparent;
327
    color: #212121;
328
    background: transparent;
329
    height: 40px;
330
}
331
 
332
#blocks_buttons.btn-group .btn.nav-link:hover,
333
#blocks_buttons.btn-group .btn.nav-link.active {
334
    background-color: #F5F5F5;
335
    color: #000;
336
}
337
 
338
#blocks_buttons.btn-group .btn.nav-link.active {
339
    border-bottom: 3px solid #000;
340
}
341
 
342
.card-header{
343
    border-bottom: 1px solid #ddd;
344
    padding: 0px;
345
    height: 46px;
346
}
347
 
348
.card-body {
349
    padding: 10px;
350
    margin-top: 5px;
351
}
352
 
353
.comment-list li{
354
    border: 1px solid #ddd;
355
    border-radius: 0px;
356
    padding: 20px;
357
}
358
 
359
.comment-message-meta a {
360
    color: #212121;
361
    font-size: 15px;
362
}
363
 
364
.comment-message .text {
365
    color: #000;
366
}
367
 
368
.drawer-right .drawercontent{
369
    height: fit-content;
370
    padding: 0;
371
    width: 100%;
372
}
373
 
374
.forum-post {
375
    border: 1px solid #ddd;
376
    border-radius: 10px;
377
    display: block;
378
    margin: auto;
379
    padding: 0;
380
    width: 60%;
381
}
382
 
383
.attachedimages, .post-content-container {
384
    padding: 0 12px;
385
}
386
 
387
.attachedimages img {
388
    display: block;
389
    margin: auto;
390
}
391
 
392
.rui-forum-edit-buttons {
393
    display: flex;
394
    gap: 5px;
395
    flex-wrap: wrap;
396
}
397
 
398
.post-actions{
399
    border-top: 1px solid #ddd;
400
    gap: 5px;
401
    padding: 0.5rem;
402
}
403
 
404
.path-mod-forum .indent{
405
    margin-left: 0;
406
}
407
 
408
@media (min-width: 768px){
409
    .forum-post-reply {
410
        margin-left: 5%;
411
        max-width: 90%;
412
    }
413
}
414
 
415
textarea.form-control {
416
    border-radius: 0px;
417
    border: 1px solid #000;
418
}
419
 
420
.rui-page-footer {
421
    display: none;
422
}
423
 
424
.rui-footer-block--3 {
425
    display: none;
426
}
427
 
428
.btn-group .btn.active, .btn-group #page .hsuforum-tools a.active, #page .hsuforum-tools .btn-group a.active {
429
    background-color: #edeffa;
430
    color: #000;
431
    height: 40px;
432
}
433
 
434
.drawer-right .drawerheader{
435
    display: none;
436
}
437
 
438
.rui-main-content-title--h3{
439
    display: none;
440
}
441
 
442
.activityiconcontainer {
443
    margin-left: 5px;
444
    display: none;
445
}
446
 
447
@media (min-width: 320px){
448
.form-inline .custom-select {
449
    margin-left: 5px;
450
    font-size: smaller;
451
    height: 35px;
452
    padding-top: 5px;
453
    padding-bottom: 5px;
454
    border-radius: 5px;
455
    margin-top: 15px;
456
}
457
}
458
 
459
.rui-title-container {
460
    margin-top: 0px;
461
    margin-bottom: 0px;
462
}
463
 
464
.form-inline input {
465
    height: 35px;
466
    padding-top: 5px;
467
    padding-bottom: 5px;
468
    border-radius: 5px;
469
}
470
 
471
[data-action="forum-inpage-submit"] {
472
    position: relative;
473
    height: 35px;
474
}
475
 
476
.btn.dropdown-toggle, #page .hsuforum-tools a.dropdown-toggle {
477
    border: 0;
478
    border-radius: 5px;
479
    height: 35px;
480
    font-size: smaller;
481
}
482
 
483
.btn-secondary{
484
    border-radius: 5px;
485
}
486
 
487
.mr-1{
488
    height: 35px;
489
    font-size: smaller;
490
}
491
 
492
@media (min-width: 320px) {
493
    .mform fieldset.collapsible legend a.fheader[aria-expanded="true"]{
494
        margin-left: 5px;
495
        margin-right: 10px;
496
    }
497
}
498
 
499
[data-fieldtype="editor"]>div {
500
    margin-right: 10px;
501
}
502
 
503
.filemanager-container{
504
    margin-right: 10px;
505
}
506
 
507
.fp-navbar {
508
    border-color: #E1E1E1;
509
    margin-right: 10px;
510
}
511
 
512
.filemanager .fp-restrictions {
513
    margin-right: 15px;
514
}
515
 
516
.ml-1{
517
    margin-left: 0.25rem !important;
518
    margin-top: 13.5px !important;
519
}
520
 
521
form-inline .custom-select {
522
    margin-top: 15px;
523
}
524
 
525
.submissionstatustable{
526
    margin-top: 3%;
527
}
528
 
529
button:not(:disabled){
530
    height: 35px;
531
}
532
 
533
.custom-control{
534
    margin-top: 5px;
535
}
536
 
537
.h3 {
538
    font-size: 1rem;
539
    line-height: 1.3;
540
}
541
.que.multichoice .answer div.r0{
542
    height: 40px;
543
    font-size: smaller;
544
}
545
.ml-1{
546
    margin-top: 0.25px !important;
547
}
548
.que .info .questionflag a{
549
    border-radius: 5px;
550
}
551
 
552
.submitbtns .mod_quiz-next-nav, .submitbtns .mod_quiz-prev-nav{
553
    font-size: 0.75rem;
554
}
555
 
556
.btn--darkmode{
557
    display:none;
558
}
559
 
560
.rui-course-card-grid {
561
    row-gap: 1rem;
562
}
563
 
564
.rui-course-card-grid .rui-course-card {
565
    border-radius: 0.5rem;
566
    border: 1px solid #eee;
567
    box-shadow: 1px 1px 1px #ddd;
568
    width: 100%;
569
    height: 100%;
570
}
571
 
572
.rui-course-card-img-top {
573
    height: auto !important;
574
    aspect-ratio: 1 / 0.5;
575
    border-radius: 0 !important;
576
}
577
 
578
.rui-course-card-grid .rui-course-card {
579
    display: flex;
580
    flex-direction: column;
581
}
582
 
583
.rui-course-card-grid .rui-course-card > *:not(a){
584
    grid-column: 2/4;
585
}
586
 
587
.rui-course-card-grid .rui-course-card > a{
588
    grid-column: 1/2;
589
    grid-row: 1/3;
590
}
591
 
592
#page-my-index #block-region-dtopblocks {
593
    display: flex;
594
    flex-wrap: wrap;
595
    justify-content: space-between;
596
}
597
 
598
#page-my-index #block-region-dtopblocks .rui-course-card{
599
    max-width: none;
600
}
601
 
602
#page.drawers .main-inner{
603
    background-color: #fff;
604
}
605
 
606
.search-input-group .search-input {
607
    font-size: small;
608
    height: 35px;
609
}
610
 
611
body.drawer-open-right #sidepreopen-control {
612
    position: fixed;
613
    z-index: 1120;
614
    display: none;
615
}
616
 
617
.card-title {
618
    display: none !important;
619
}
620
 
621
h1 {
622
    font-size: 30px;
623
    margin-bottom: 5px;
624
}
625
 
626
.form-control, [type="text"]{
627
    border-radius: 5px;
628
    font-size: smaller;
629
    height: 35px;
630
}
631
 
632
.myprofileitem p {
633
    font-size: 1.1rem;
634
}
635
 
636
.userinitials{
637
    border-radius: 30px;
638
    border: 1px solid #000000;
639
    color: #ffffff;
640
    background-color: #000;
641
}
642
 
643
.comment-message .picture .userinitials{
644
    min-width: 50px;
645
    min-height: 50px;
646
}
647
 
648
.page-mycourses .block .block-controls{
649
    margin-top: 25px;
650
    right: 0;
651
}
652
 
653
 
654
.mr-5 {
655
    border: 1px solid #212121;
656
    border-radius: 10px;
657
    background: #212121;
658
    margin-top: 45px;
659
    width: 210px !important;
660
    height: 50px !important;
661
    margin-right: 5px !important;
662
}
663
 
664
.block_point_view.reactions-container {
665
    z-index: 1;
666
    position: relative;
667
    float: right;
668
    margin-top: 27px;
669
    margin-right: 2.5rem !important;
670
    width: 200px !important;
671
    height: 100px !important;
672
}
673
 
674
.d-inline-block {
675
    color: #bbb;
676
}
677
 
678
.my-0{
679
    height: 20px;
680
}
681
 
682
.rounded {
683
    border-radius: 30px !important;
684
}
685
 
686
.singleselect {
687
    max-width: 100%;
688
    margin-left: 2.5px;
689
}
690
 
691
.block_point_view.reactions-container .withtooltip {
692
    margin-right: -2.5px;
693
}
694
 
695
.rui-logo.rui-logo-box {
696
    box-shadow: none;
697
}
698
 
699
.loginfailures .usermenu .avatar::before {
700
    width: 13.5px !important;
701
    height: 13.5px !important;
702
    top: 2px;
703
    right: auto;
704
}
705
 
706
.bloque {
707
    border: none !important;
708
    margin-right: 10px;
709
}
710
 
711
.path-mod .rui-activity-wrapper {
712
    border: none;
713
    margin-bottom: 0px;
714
}
715
 
716
.btn-cesa-course-completion{
717
    margin: 0.5rem 0;
718
}
719
 
720
.form-control--username-box{
721
    margin-bottom: 0.5rem !important;
722
    margin-top: 20px !important;
723
    margin-right: 0px !important;
724
}
725
 
726
.rui-show-password-btn.rui-show-password-btn--hidden {
727
    border-radius: 50px;
728
    height: 30px;
729
    margin-top: 1px;
730
}
731
 
732
.rui-login-layout-1 .login-container {
733
    min-height: 100vh;
734
    display: grid;
735
    align-content: center;
736
    background: #01011e;
737
}
738
.btn-lg{
739
    padding: 1rem 1.75rem;
740
    font-size: 1rem;
741
    line-height: 1.5;
742
    border-radius: 5px;
743
    display: flex !important;
744
    height: 45px !important;
745
}
746
 
747
.bloque {
748
    padding: 0px;
749
    border-radius: 3px;
750
    border: 1px solid #cccccc;
751
    /* display: inline-block; */
752
    margin-bottom: 15px;
753
    margin-left: 8.5px;
754
    margin-right: 8px;
755
    max-width: 270px;
756
}
757
 
758
.courseindex .courseindex-item .completion_complete~.courseindex-link {
759
    color: #07a4e3;
760
}
761
.courseindex .courseindex-item .completioninfo.completion_complete {
762
    color: #07a4e3;
763
}
764
 
765
.close{
766
    height: 30px !important;
767
    width: 30px !important;
768
}
769
 
770
.alert, #page-mod-choice-view #notice p {
771
    position: relative;
772
    margin: 1rem 0;
773
    padding: .55rem 1.25rem;
774
    border: 1px solid transparent;
775
    border-radius: 20px;
776
    font-size: .813rem;
777
    font-weight: 500;
778
    margin-left: 5px;
779
    margin-right: 5px;
780
}
781
 
782
#page-mod-resource-view .card-header, #page-mod-hvp-view .card-header {
783
    padding: 0 !important;
784
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
785
}
786
 
787
/* MAIN CONTENT */
788
 
789
.main-content {
790
    margin-bottom: 0;
791
    position: relative;
792
}
793
 
794
#page-mod-assign-grader .main-content {
795
    position: inherit;
796
}
797
 
798
.h5p-iframe-wrapper {
799
    height: 75vh !important;
800
}
801
 
802
.h5p-iframe-wrapper.h5p-fullscreen {
803
    height: 100vh !important;
804
}
805
 
806
.h5p-iframe-wrapper iframe.h5p-iframe {
807
    height: 100% !important;
808
}
809
 
810
body.drawer-open-left, body.drawer-open-right {
811
    overflow: auto !important;
812
}
813
svg {
814
    margin-left: 0px;
815
}
816
 
817
div#blocks_buttons {
818
    margin-top: 5px !important;
819
}
820
 
821
/* block_myoverview */
822
.block-myoverview .simplesearchform {
823
    flex: 1;
824
}
825
 
826
.moodle-dialogue-content .nav-column:last-child li a {
827
    border-bottom: 0;
828
}
829
 
830
#page-admin-search header.page-header-content {
831
    display: flex;
832
}
833
 
834
header.page-header-content {
835
    display: flex !important;
836
}
837
 
838
#page-course-view-topics header.page-header-content,
839
#page-cesa-courses header.page-header-content,
840
#page-cesa-forums  header.page-header-content,
841
#page-message-index header.page-header-content,
842
#page-cesa-progress header.page-header-content
843
{
844
    display: none !important;
845
}
846
 
847
.page-header-content {
848
    margin: 7px 0;
849
    width: 100%;
850
    justify-content: space-between;
851
    align-items: center;
852
    height: 35px;
853
}
854
 
855
#page-mod-hvp-view header.page-header-content, #page-mod-resource-view header#page-header {
856
    position: fixed;
857
    width: 100%;
858
    background-color: transparent;
859
    z-index: 1000;
860
    height: 60px;
861
    margin-top: 3px;
862
}
863
 
864
#page-mod-resource-view .mediaplugin.mediaplugin_videojs > div {
865
    max-width: none !important;
866
}
867
 
868
.resourcecontent.resourcepdf {
869
    margin-top: 62px;
870
}
871
 
872
.path-mod-resource .resourcecontent #resourceobject {
873
    width: 100% !important;
874
    border-radius: 0px;
875
}
876
 
877
.form-inline .form-control {
878
    width: 100% !important;
879
}
880
 
881
.editing .block_with_controls {
882
    min-height: auto !important;
883
}
884
 
885
.card {
886
    margin-bottom: 0 !important;
887
}
888
 
889
.gradingtable .no-overflow {
890
    min-height: auto !important;
891
    max-height: 380px !important;
892
    overflow: auto;
893
}
894
 
895
li a.courseindex-link.text-truncate[href=""] {
896
    color: #8daaff;
897
    font-weight: 600;
898
    text-decoration: none;
899
}
900
 
901
li a.courseindex-link.text-truncate[href=""]:hover {
902
    text-decoration: none;
903
    cursor: default;
904
    color: #8daaff;
905
}
906
 
907
.btn-text {
908
    background-color: transparent;
909
    border: 1px solid transparent;
910
    padding: 0;
911
    height: auto;
912
    font-size: 0.9375rem;
913
    line-height: 1.2;
914
    border-radius: 0.5rem;
915
}
916
 
917
span.edited {
918
    display: none !important;
919
}
920
 
921
.secondary-navigation {
922
    border-bottom: none;
923
    margin: 12px auto 0 10px;
924
}
925
 
926
.message-textarea-container {
927
    max-height: 14.5rem;
928
    overflow: auto;
929
    border-radius: 5px !important;
930
    border: 1px solid #757474ad!important;
931
}