Общие настройки Moodle (сайт, все курсы)

14. Код для таймера в тестах. Время налезает на вопрос.

Это баг. Миша допилил код. Надо добавить . Вот:

.toast-wrapper {
    z-index: 0;
}
.navbar {
  box-shadow: 0 2px 4px rgba(170, 81, 137, 0.5);
}
.coursebox>.info>.coursename a {
background-image: none; padding-left: 0;
}
.coursebox>.info>.coursename a::before {
font-family: FontAwesome; content: "\f02d"; margin-right: 0.5rem;
}
nav.navbar .logo img { max-height: 50px !important}

#region-main {overflow-x: hidden !important}
.pagelayout-frontpage .sitetopic .no-overflow {overflow:unset}
.mainimage {
    margin: -2rem -2rem 0;

    width: 122%;
    @media (min-width: 767px) {
        width: 107%;
    }
}
/* Стили главной страницы*/
.pagelayout-frontpage li.list-group-item {
@media (min-width: 576px) {width: 168px;}
@media (max-width: 575px) {padding-top: 0; padding-bottom: 0;}
}

.pagelayout-frontpage h1 {
  font-family: 'Oswald', sans-serif;
@media (max-width: 768px) { font-size: 1.5rem}
}
/* end of Стили главной страницы*/

h1 {
 font-family: 'Oswald', sans-serif;
   @media (max-width: 768px) { font-size: 1.5rem !important}
}
.course_category_tree .category.with_children>.info>.categoryname, .course_category_tree .category.with_children.collapsed>.info>.categoryname,
.course_category_tree .category>.info>.categoryname {background-image: none;}
.course_category_tree .category>.info>.categoryname::before { content: "\f19c"; font-family: FontAwesome; font-size: 1rem; color: #1177d1; margin-right: 0.5rem}
.categoryname {
  font-weight: 600;
  font-size: 1.15rem;
}
.usermenu .login { line-height: 1.25rem}

.logo.d-none {
display: inline-block !important;
}

// подвал сайта
footer {
  .logininfo, .tool_usertours-resettourcontainer, .sitelink, .tool_dataprivacy, .homelink, #theme_switch_link {display: none;}
}
.main-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;

    @media (min-width: 1024px) {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}
#page-footer .main-footer__menu a {
    text-decoration: none;
    &:hover {
        color: #0198d5;
    }
}
#page-footer .main-footer__social, .social {
    display: flex;
    margin: 40px 0;

    &-icon {
        display: block;
        margin-right: 20px;
        font-size: 2rem;

        &:last-child {
            margin-right: 0;
        }
        &:hover {
            color: #0198d5;
        }
    }

    @media (min-width: 1024px) {
        margin: 0;
    }
}
.main-footer__logo-image {
    width: 75px;
    filter: grayscale(1);
    transition: 0.5s;

    &:hover {
        filter: grayscale(0.3);
    }
}
.social {margin: 1.5rem auto;}
a.social-icon { color: #0095db }
a.social-icon:hover {color: lighten(#0095db, 15%)}

@media (max-width: 767px) { div[role="main"] > h2 {font-size: 1.4rem} }