better g-teacher.com by msix29

/* ==UserStyle==
@name           better g-teacher.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A redesign for `g-teacher.com`. Intended to be used along side `g-teacer.com Light/Dark mode` styles.
@author         Msix29
==/UserStyle== */
@-moz-document domain("g-teacher.com") {
    /* Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Quicksand');

    *:not(:before) {
        font-family: Quicksand, sans-serif !important;
    }
}

@-moz-document url("https://g-teacher.com/") {
    /* Main Page's Side Menu  */
    #لتعليم-أفضل {
        display: none;
    }

    body > #main .sidebar-container {
        background-color: var(--main-side-bar-background-color);
        box-shadow: var(--main-side-bar-box-shadow);
    }

    .widget .menu-item > a,
    em,
    #for-better-education,
    .is-layout-flex *,
    .woo-wallet-icon-wallet:before {
        color: var(--main-side-bar-text-color) !important;
    }

    .widget ul li a:before {
        display: none;
    }

    .widget ul li,
    .widget ul li:last-child {
        margin: 2px;
        background-color: var(--main-side-bar-button-background-color);
        border-radius: 5px;
        padding: 7px;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        box-shadow: var(--main-side-bar-button-box-shadow);
        text-transform: capitalize;
        scale: 1;
        transition: all 0.1s ease-in;
    }

    .widget ul li:has(a[href="https://g-teacher.com/dashboard/"]) {
        background-color: #e48717d9;
    }
    .widget ul li:has(a[href="https://g-teacher.com/dashboard/logout"]) {
        background-color: #bc0b0b;
    }
    .widget ul li a[href="https://g-teacher.com/dashboard/logout"] {
        color: white !important;
    }

    .widget ul li:hover {
        transform: translateY(-2px) scale(1.05);
        background-color: var(--main-side-bar-button-hover-background-color);
        box-shadow: var(--main-side-bar-button-hover-box-shadow);
    }

    .widget ul li:active {
        transform: scale(0.95);
        background-color: var(--main-side-bar-button-active-background-color);
        box-shadow: var(--main-side-bar-button-active-box-shadow);
    }

    .widget_nav_menu .menu a {
        padding: 0;
        margin: 0;
    }

    .wp-container-core-columns-is-layout-1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@-moz-document url-prefix("https://g-teacher.com/dashboard") {
    /* Dashboard Pages */
    #لتعليم-أفضل {
        display: none;
    }

    body::-webkit-scrollbar {
        width: 6px;
    }

    body::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    body::-webkit-scrollbar-thumb {
        background: #503f2c;
    }

    body::-webkit-scrollbar-thumb:hover {
        background: #382f25 !important;
    }

    #main .tutor-dashboard-left-menu {
        background-color: var(--main-side-bar-background-color);
    }
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item > a > span,
    .page-id-23760 .tutor-wrap #g-teacher,
    .page-id-23760 .tutor-wrap #for-better-education {
        color: var(--main-side-bar-text-color) !important;
    }

    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active {
        background-color: var(--dashboard-pages-side-bar-active-button-color)
    }
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a,
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover,
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover {
        background: none;
    }

    .widget ul li a:before {
        display: none;
    }

    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item:not(/* Hidden buttons, will show them when I add custom icons n stuff :)*/
    :has(a[href="https://g-teacher.com/dashboard/calendar"]),
    :has(a[href="https://g-teacher.com/dashboard/question-answer"]),
    :has(a[href="https://g-teacher.com/dashboard/purchase_history"])) {
        margin: 2px;
        background-color: var(--dashboard-pages-side-bar-button-background-color);
        border-radius: 5px;
        padding: 10px;
        padding-left: 5px;
        padding-right: 2px;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        box-shadow: var(--dashboard-pages-side-bar-button-box-shadow);
        text-transform: capitalize;
        scale: 1;
        transition: all 0.1s ease-in;
        width: fit-content
    }

    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item:has(a[href="https://g-teacher.com/dashboard/"]) {
        background-color: #e48717d9;
    }
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item:has(a[href="https://g-teacher.com/dashboard/logout"]) {
        background-color: #bc0b0b;
    }
    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item a[href="https://g-teacher.com/dashboard/logout"] > * {
        color: white !important;
    }

    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item:hover {
        transform: translateY(-2px) scale(1.05);
        background-color: var(--dashboard-pages-side-bar-button-hover-background-color);
        box-shadow: var(--dashboard-pages-side-bar-button-hover-box-shadow);
    }

    .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item:active {
        transform: scale(0.95);
        background-color: var(--dashboard-pages-side-bar-button-active-background-color);
        box-shadow: var(--dashboard-pages-side-bar-button-active-box-shadow);
    }
}

@-moz-document regexp("https://g-teacher.com/courses/.*") {
    /* Continue Learning Page */
    #لتعليم-أفضل {
        display: none;
    }

    body > #tutor-page-wrap .tutor-course-single-sidebar-wrapper,
    .tutor-course-single-content-wrapper #tutor-single-entry-content {
        max-height: 100vh;
        overflow: auto;
    }

    .tutor-course-single-sidebar-wrapper::-webkit-scrollbar,
    .tutor-course-single-content-wrapper #tutor-single-entry-content::-webkit-scrollbar {
        width: 6px;
    }

    .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-track,
    .tutor-course-single-content-wrapper #tutor-single-entry-content::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb,
    .tutor-course-single-content-wrapper #tutor-single-entry-content::-webkit-scrollbar-thumb {
        background: #503f2c;
    }

    .tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb:hover,
    .tutor-course-single-content-wrapper #tutor-single-entry-content::-webkit-scrollbar-thumb:hover {
        background: #382f25 !important;
    }

    body > #tutor-page-wrap .tutor-course-single-sidebar-wrapper,
    body > #tutor-page-wrap .tutor-course-single-sidebar-title {
        background-color: var(--main-side-bar-background-color);
    }

    .tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
        padding: 0;
    }

    /* tutor-course-topic:first-of-type .tutor-accordion-item-header {
    border-top: 1px solid black !important;
} */
    .tutor-accordion-item-header {
        background-color: var( --continue-learning-page-topic-title-background-color) !important;
        border: 1px solid black !important;
        /* border-top: none !important; */
        border-radius: 5px !important;
        scale: 1;
        transition: all 0.1s ease-in;
        ;
        overflow: hidden;
    }

    .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-title,
    .tutor-accordion-item-header {
        color: var( --continue-learning-page-topic-title-color);
    }
    .tutor-course-topic > .is-active .tutor-course-topic-title,
    .tutor-accordion-item-header.is-active {
        color: var( --continue-learning-page-active-topic-title-color) !important;
    }

    body > #tutor-page-wrap .tutor-course-single-sidebar-wrapper {
        box-shadow: var(--main-side-bar-box-shadow);
    }

    .widget .menu-item > a,
    em,
    body > #tutor-page-wrap #for-better-education,
    #tutor-page-wrap .tutor-course-single-sidebar-wrapper .tutor-fs-6 {
        color: var(--main-side-bar-text-color) !important;
    }

    .tutor-course-single-sidebar-wrapper .tutor-course-topic-item {
        background-color: var(--continue-learning-page-topic-dropdown-background-color);
    }

    .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after,
    .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header.is-active:after,
    .tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-summary,
    .tutor-flex-shrink-0 > span {
        color: var(--continue-learning-page-topic-accent-color);
    }

    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
        background-color: var(--continue-learning-page-course-name-background-color);
    }
    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header > div,
    .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header .tutor-iconic-btn {
        color: var(--continue-learning-page-course-name-text-color);
    }
}