WebSVN – Moodle – Diff – /theme/universe/scss/moodle/layout.scss

     flex-wrap: wrap;
+}
 .wrapper--with-margin {
     @media (min-width: 700px) {
-        width: calc(100% - 254px);
+        width: calc(100% - 200px);
         .show-drawer-left.show-drawer-right & {
             width: calc(100% - 80px);
         width: 100%;
+    }
     a:not(.btn) {
-        opacity: .7;
+        opacity: .85;
     @include media-breakpoint-between(xs, sm) {
         padding: 30px;
+    }
     hr {
+        border-color: $footer-text-color;
-        border-color: rgba($footer-text-color, .2);
+        opacity: .2;
         .theme-dark & {
             border-color: $dm-border-color;
+    }
+}
 .rui-footer-buttons-wrapper {
     flex-wrap: wrap;
-    padding: 20px 0;
+    padding: 20px 30px;
     @include media-breakpoint-between(xs, sm) {
         padding: 20px;
     background: var(--topbar-color);
     background: linear-gradient(90deg, var(--topbar-color) 0%, var(--topbar-color-2) 100%);
     font-size: 0.875rem; //14px
-    color: $topbar-text;
+    color: var(--topbar-btn-text);
     .theme-dark & {
+        background: var(--dm-topbar-color);
+        background: linear-gradient(90deg, var(--dm-topbar-color) 0%, var(--dm-topbar-color-2) 100%);
+        color: $dm-topbar-btn-text;
+    }
         background: var(--dm-topbar-color);
+    .dir-rtl & {
+        background: linear-gradient(90deg, var(--topbar-color-2) 0%, var(--topbar-color) 100%);
+    }
-        background: linear-gradient(90deg, var(--dm-topbar-color) 0%, var(--dm-topbar-color-2) 100%);
+    .dir-rtl.theme-dark & {
-        color: $dm-topbar-text;
+        background: linear-gradient(90deg, var(--dm-topbar-color-2) 0%, var(--dm-topbar-color) 100%);
+    }
+}
 #page-wrapper:before {
     content: '';
     width: 100%;
     height: 69px;
     position: fixed;
     z-index: 0;
     top: $navbar-height;
     background: var(--topbar-color);
+    background: linear-gradient(90deg, var(--topbar-color) 0%, $container-bg 100%);
+    .theme-dark & {
+        background: var(--dm-topbar-color);
-    background: linear-gradient(90deg, var(--topbar-color) 0%, var(--topbar-color-2) 100%);
+        background: linear-gradient(90deg, var(--dm-topbar-color) 0%, $dm-container-bg 100%);
+    }
+    .dir-rtl & {
+        background: linear-gradient(90deg, $container-bg 0%, var(--topbar-color) 100%);
+    }
     .theme-dark & {
-        background: var(--dm-topbar-color);
+    .dir-rtl.theme-dark & {
-        background: linear-gradient(90deg, var(--dm-topbar-color) 0%, var(--dm-topbar-color-2) 100%);
+        background: linear-gradient(90deg, $dm-container-bg 0%, var(--dm-topbar-color) 100%);
     .navbar-nav {
         font-size: 0.875rem; //14px
         font-weight: $font-weight-medium;
         justify-content: space-between;
-        .nav-link {
+        // .nav-link {
-            color: $topbar-text;
+        //     color: $topbar-text;
-            border-radius: $btn-border-radius;
+        //     border-radius: $btn-border-radius;
-            .theme-dark & {
+        //     .theme-dark & {
-                color: $dm-topbar-text;
+        //         color: $dm-topbar-text;
-            }
+        //     }
-            &.active {
+        //     &.active {
-                color: $nav-tabs-link-active-color;
+        //         color: $nav-tabs-link-active-color;
-                //background-color: $nav-tabs-link-active-bg;
+        //         //background-color: $nav-tabs-link-active-bg;
-                .theme-dark & {
+        //         .theme-dark & {
-                    color: $dm-topbar-btn-hover-text;
+        //             color: $dm-topbar-btn-hover-text;
-                    //background-color: $dm-topbar-btn-hover;
+        //             //background-color: $dm-topbar-btn-hover;
-                }
+        //         }
-            }
+        //     }
-            &[aria-expanded="true"],
+        //     &[aria-expanded="true"],
-            &:hover {
+        //     &:hover {
-                color: $nav-tabs-link-hover-color;
+        //         color: $nav-tabs-link-hover-color;
-                //background-color: $nav-tabs-link-hover-bg;
+        //         //background-color: $nav-tabs-link-hover-bg;
-                .theme-dark & {
+        //         .theme-dark & {
-                    color: $dm-topbar-btn-hover-text;
+        //             color: $dm-topbar-btn-hover-text;
-                    //background-color: $dm-topbar-btn-hover;
+        //             //background-color: $dm-topbar-btn-hover;
-                }
+        //         }
-            }
+        //     }
         // }
+    }
     .site-name {
         @if variable-exists(fontheadings) {
             font-family: $fontheadings;
+        }
-        font-weight: $font-weight-bold;
-        color: $topbar-text;
-        .theme-dark & {
-            color: $dm-topbar-text;
         font-weight: $font-weight-bold;
+    }
     .rui-navbar-brand--img .site-name {
         margin-left: 0;
-    }
-}
-.sidebar-btn {
-    padding: 0;
-    margin-right: 10px;
-    margin-left: -1rem;
-    width: 60px;
-    height: 60px;
-    line-height: 1;
-    border: 0;
-    color: $topbar-text;
-    background-color: transparent;
-    border-right: 1px solid rgba($topbar-text, .15);
-    border-radius: $border-radius 0 0 0;
-    &:hover {
-        background-color: $topbar-btn-hover;
+    }
+}
+            }
+        }
+    }
+}
+.rui-course-contact-desc {
+    margin-left: 60px;
+    font-size: $font-size-md;
+}
 .course-hero-img {
     border-radius: $btn-border-radius-lg;
     width: 100%;
     max-width: 100%;
 #page-mod-quiz-edit,
 .pagelayout-admin,
 .path-admin,
 .path-admin-roles,
 .path-badges,
-.path-enrol,
 .path-filter,
 .path-grade,
 .path-group,
 .path-user,
 .path-report,
             min-width: 30px;
             height: 30px;
             border-radius: 40px;
-            color: $topbar-btn-text;
+            color: var(--topbar-btn-text);
             line-height: 1.8;
                 width: 100%;
+            }
             &[aria-expanded="true"],
             &:hover {
-                background-color: $topbar-btn-hover;
+                background-color: var(--topbar-btn-hover);
                 .theme-dark & {
                     color: $dm-topbar-btn-hover;
     border: none;
     border-radius: 40px;
     font-size: $font-size-sm;
     font-weight: $font-weight-medium;
-    color: $topbar-btn-text;
+    color: var(--topbar-btn-text);
     &[aria-expanded="true"],
     &:hover {
         color: $topbar-btn-hover-text;
-        background-color: $topbar-btn-hover;
+        background-color: var(--topbar-btn-hover);
         text-decoration: none;
+    }
     .theme-dark & {
         background-color: $dm-topbar-btn;
-        color: $dm-topbar-btn-text;
-    }
-}
-.nav-drawer-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 40px;
-    width: max-content;
-    min-height: 40px;
-    border: none;
-    border-radius: $btn-border-radius;
-    background-color: $topbar-btn;
-    color: $topbar-btn-text;
-    &[aria-expanded="true"],
-    &:hover {
-        color: $topbar-btn-hover-text;
-        background-color: $topbar-btn-hover;
-        .theme-dark & {
-            background-color: var(--main-theme-color);
-            color: var(--primary-color-100);
-        }
-    }
-    &[aria-expanded="true"] {
-        .nav-drawer-btn--opened {
-            display: flex;
-        }
-        .nav-drawer-btn--closed {
-            display: none;
-        }
-    }
-    &[aria-expanded="false"] {
-        .nav-drawer-btn--closed {
-            display: flex;
-        }
-        .nav-drawer-btn--opened {
-            display: none;
         color: $dm-topbar-btn-text;
+    }
 }
 .rui-signup-btn {
     padding: 0 1rem;
-    color: $topbar-btn-text;
+    color: var(--topbar-btn-text);
     width: 30px;
     height: 30px;
     background: transparent;
     font-size: $font-size-xs;
-    color: $topbar-btn-text;
+    color: var(--topbar-btn-text);
-    border-radius: 40px;
+    border-radius: 40px;
-    &.active {
-        background-color: $topbar-btn-hover;
-        color: $topbar-btn-hover-text;
-        .theme-dark & {
-            background-color: $dm-topbar-btn-hover;
-            color: $dm-topbar-btn-text;
-        }
     padding: 5px;
     .theme-dark & {
         background: transparent;
-        color: $dm-topbar-btn-text;
+        color: var(--dm-topbar-btn-text);
+    }
+    &.active,
     &:hover {
-        background: $topbar-btn-hover;
+        background-color: var(--topbar-btn-hover);
-        color: $topbar-btn-hover-text;
+        color: var(--topbar-btn-hover-text);
         .theme-dark & {
-            background: $dm-topbar-btn-hover;
+            background-color: var(--dm-topbar-btn-hover);
-            color: $dm-topbar-btn-hover-text;
+            color: var(--dm-topbar-btn-hover-text);
+        }
+    }
+}
 .rui-navbar-brand--img {
+    margin-left: 0;
+    color: var(--topbar-btn-text);
+    .theme-dark & {
+        color: $dm-topbar-btn-text;
     margin-left: 0;
+}
 .rui-navbar-brand:hover {
             top: 95px;
+        }
+    }
+}
+.dark-mode-logo {
-.rui-custom-logo {
+    .rui-custom-logo {
-    display: inline-flex;
+        display: inline-flex;
-    .theme-dark & {
+        .theme-dark & {
+            display: none;
         display: none;
+    }
+}
 .rui-custom-dmlogo {
     display: none;
     //     left: -6px;
     // }
     &:after {
         content: '';
-        background-color: rgba($topbar-text, .3);
+        background-color: rgba($topbar-btn-text, .3);
         width: 1px;
         height: 16px;
         position: absolute;
         top: calc(50% - 8px);
         right: -6px;
         .theme-dark & {
-            background-color: rgba($dm-topbar-text, .3);
+            background-color: rgba($dm-topbar-btn-text, .3);
+        }
+    }
     p {
         margin-bottom: 0;
+    }
     a {
-        color: $topbar-link;
+        color: var(--topbar-btn-text);
         color: $dm-body-color;
+    }
+}
 .rui-page-footer .rui-footer-nav-items {
-    font-size: $font-size-base;
+    font-size: $font-size-sm;
+    color: $footer-text-color;
-    color: rgba($footer-text-color, .6);
+    opacity: .6;
     .theme-dark & {
         color: $dm-body-color-secondary;
     }
     li {
-        margin: .65rem 0;
+        margin: .35rem 0;
+        a {
-        a {
+            color: $footer-link-color;
             color: $footer-link-color;
             &:after {
-            &:after {
+                background-color: $footer-link-color;
-                background-color: $footer-link-color-hover;
+                opacity: .8;
+            }
+            .theme-dark & {
-            .theme-dark & {
+                color: $dm-body-color-secondary;
                 color: $dm-body-color-secondary;
             &:hover {
     .theme-dark & {
         color: $dm-body-color-light;
+    }
+}
-/* Enroll Page */
-.theme-dark#page-enrol-index .main-content {
-    .info {
-        background-color: $black;
-    }
-    .box:not(.info) {
-        border: 1px solid $dm-border-color;
-    }
-}
-#page-enrol-index .main-content {
-    .col-md-3,
-    .col-md-9 {
-        padding: 0;
-        text-align: left !important;
-        flex: 0 0 100%;
-        max-width: 100%;
-    }
-    .col-md-3 {
-        margin-top: .5rem;
-    }
-    .info {
-        margin-top: $page-padding-global;
-        background-color: $gray-100;
-        border-radius: $btn-border-radius-lg;
-        .rui-course-card {
-            max-width: 320px;
-            margin: 30px auto;
-        }
-        .rui-course-card-body {
-            margin-top: 0;
-        }
-        .rui-title-container {
-            width: auto;
-            margin-bottom: $page-padding-global;
-        }
-    }
-    .mform .form-inline .form-control {
-        width: 100%;
-    }
-    a.fheader {
-        margin-bottom: 0;
-    }
-    .fcontainer,
-    .btn,
-    [type="submit"] {
-        width: 300px;
-        margin: 0 auto;
-    }
-    .box:not(.info) {
-        padding: 20px !important;
-        border-radius: $btn-border-radius-lg;
-    }
-}
-body#page-enrol-index #region-main .generalbox:last-of-type {
-    width: 100% !important;
-    float: none !important;
-    margin-top: 20px !important;
-    box-shadow: none !important;
-}
 .generalbox {
     &:empty {
         display: none;
+    }
     z-index: 9999;
     bottom: 0;
     left: 15px;
     background-color: $black;
-    color: $dm-body-color-secondary;
+    color: $white;
     font-weight: $font-weight-normal;
     box-shadow: $box-shadow-lg;
     &.fade:not(.show) {
-        z-index: -1;
-    }
-    .theme-dark & {
-        background-color: $black;
-        color: $dm-body-color-secondary;
+        z-index: -1;
+    }
     .rui-custom-alert-close {
             padding-right: $drawer-right-width;
+        }
+    }
+}
+.drawer-left-toggle {
+    position: fixed;
+    top: 90px;
+    @include media-breakpoint-up(mdl) {
+        left: 30px;
+    }
+    @include media-breakpoint-only(md) {
+        left: 35px;
+    }
+    @include media-breakpoint-between(xs, sm) {
+        left: 10px;
+    }
+    .btn {
+        width: 40px;
+        height: 40px;
+        padding: 4px;
+        background-color: $gray-900;
+        color: $gray-100;
+        &:hover {
+            background-color: var(--main-theme-color) !important;
+            color: var(--primary-color-100);
+        }
+        .theme-dark & {
+            background-color: $dm-gray-300;
+            color: $dm-gray-900;
+        }
+        @include media-breakpoint-between(xs, md) {
+            box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
+        }
+    }
+}
 @include media-breakpoint-down(sm) {
     //the scroll to top button
 .rui-content-message-container,
 .rui-course-card-text,
 #sidepre-blocks .rui-sidebar-blocks-wrapper,
 .table-dynamic div:first-of-type,
 .course-teachers-box,
-.notification-area .control-area,
+.notification-area .control-area {
-.gradeparent {
     @include thin-scrolls($scroll-bg-track);
     .theme-dark & {
         @include thin-scrolls($dm-drawer-scroll-bg-track);
 .box:empty {
     display: none;
+}
 #page-login-change_password {
-    background-image: none;
+    background-image: none!important;
+}
 // H5P
     right: 70px;
+}
 .rui-editmode--top.scrolled.back-to-top-on .editmode-switch-form {
+    right: 0;
+    background: $container-bg;
+    padding: 3px 1px;
-    right: 0;
+    border-radius: $btn-border-radius;
+}
 .theme-dark.rui-editmode--footer .editmode-switch-form {
     .theme-dark & {
         background-color: $dm-gray-100;
         color: $dm-gray-900;
+    }
-    @include media-breakpoint-between(xs,md) {
-        display: none!important;
-    }
     .scrolled & {
+        display: flex;
+    }
+}
+// Filter.
+.filtering-title {
+    font-size: $font-size-sm;
+}
+.filtering-group {
+    padding: 12px 16px 16px;
+}
+.filtering-filter {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 3px 3px 3px 12px;
+    margin-bottom: 2px;
+    font-size: $font-size-sm;
+    border-radius: $btn-border-radius;
+    cursor: pointer;
+    .total {
+        background-color: $gray-200;
+        color: $gray-800;
+        border-radius: $btn-border-radius;
+        min-width: 18px;
+        display: inline-flex;
+        align-items: center;
+        padding: 1px 4px;
+        justify-content: center;
+        font-size: 11px;
+        font-weight: $font-weight-bold;
+        margin-left: 10px;
+    }
+    &:hover {
+        background-color: $gray-100;
+        .theme-dark & {
+            background-color: $dm-gray-300;
+        }
+    }
-        display: flex;
+    &.checked {
+        background-color: var(--main-theme-color);
+        color: var(--primary-color-100);
+        .total {
-        @include media-breakpoint-between(xs,md) {
+            background-color: var(--primary-color-200);
-            display: none!important;
+            color: var(--main-theme-color);
+        }
+    }
+    &.disabled {
+        display: none;
+        // color: $gray-500;
+        // .theme-dark & {
+        //     color: $dm-gray-500;
+        // }
+    }
+}
+/* Items */
+.filtering-item.filtered {
+    display: none;
+}
+// Category Dropdown menu
+.rui-course-count-badge {
+    margin-left: auto;
+    padding: 2px 4px;
+    background-color: $dropdown-link-active-bg;
+    color: $dropdown-link-active-color;
+    min-width: 20px;
+    width: auto;
+    height: 20px;
+    border-radius: 20px;
+    font-size: 11px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.rui-cat-menu-0 {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    .categories-depth-0 a {
+        font-size: 16px;
+        gap: 10px;
+    }
+    .categories-depth-1 a {
+        font-size: 14px;
+        gap: 10px;
+    }
+    .categories-depth-3 a {
+        font-size: 12px;
+        gap: 10px;
+    }
+    ul {
+        list-style: none;
+        margin: 0;
+    }
+}
+#root .info {
+    img.img-fluid {
+        margin: 10px 0;
         border-radius: $btn-border-radius;
+    }

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/layout.scss – Rev 1 → 1441