Proyectos de Subversion Moodle

Rev

Rev 1112 | Rev 1161 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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