Beautify web.isen-ouest.fr by sehnryr

/* ==UserStyle==
@name         Beautify web.isen-ouest.fr
@version      20220816.17.58
@namespace    userstyles.world/user/sehnryr
@description  Make the style the same as the main site isen.fr
@author       sehnryr
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://web.isen-ouest.fr/uPortal/") {
    @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css");
    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0,0');

    body,
    #wrapper,
    #wrapper > .portal-header {
        background: unset !important;
        background-color: white !important;
    }

    header > .portal-header-main,
    #portlet_u27l1n130 span,
    /* Welcome <username>*/
    .portal-header #portalNavigation li.portal-navigation-add-item,
    /* Add menu item button */
    #portlet_u27l1n120,
    /* Notification bell */
    #region-header-bottom,
    /* Warnings */
    #region-pre-content,
    /* Tips */
    #region-customize,
    /* Page customisation */
    #column_u29l1s10,
    /* Clock */
    #portlet_u27l1n150,
    /* Timeout indicator */
    #region-page-top,
    #region-page-bottom,
    #region-header-bottom {
        display: none !important;
    }

    /*
    Remove the (useless?) favorite button from items 
    Will need Stylus Shadow DOM Support:
    https://greasyfork.org/en/scripts/424030-stylus-shadow-dom-support/code
    */
    .portlet-card-action {
        display: none !important;
    }

    /* Custom icons */
    .menu-toggle > .hamburger::before {
        content: "\e5d2";
        /* Menu */
    }

    .waffle-menu-container button.waffle-trigger::before {
        content: "\e5c3";
        /* Grid */
    }

    #portlet_u27l1n140 > a::before {
        content: "\e9ba";
        /* Logout */
    }

    #portalCASLoginLink::before {
        content: "\ea77";
        /* Login */
    }

    .menu-toggle > .hamburger::before,
    .waffle-menu-container button.waffle-trigger::before,
    #portlet_u27l1n140 > a::before,
    #portalCASLoginLink::before {
        font: unset;
        font-family: "Material Symbols Outlined";

        font-size: 2rem;
        height: 0;
        line-height: 0;

        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    /* end */
    /* Header */
    .portal-header > #up-sticky-nav::before,
    .portal-header > #up-sticky-nav::after,
    .portal-header > #up-sticky-nav > .portal-global::before,
    .portal-header > #up-sticky-nav > .portal-global::after {
        display: none !important;
    }

    #up-sticky-nav *,
    .waffle-menu-container *,
    #portlet_u27l1n140 > a::before,
    #portalCASLoginLink::before {
        color: #303030 !important;
        opacity: unset !important;
    }

    #portlet_u27l1n140 > a,
    #portalCASLoginLink {
        border: unset !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    #portalCASLoginLink i {
        display: none !important;
    }

    #portalCASLoginLink,
    #portlet_u27l1n140 > a {
        /*     padding: unset !important; */
        color: transparent !important;
        width: 26px;
        height: 100%;
        padding-left: 6px;
        padding-top: unset !important;
        padding-bottom: unset !important;
        padding-right: unset !important;

        display: flex;
        align-items: center;
    }

    .portal-header > #up-sticky-nav {
        margin-right: unset !important;
        margin-left: unset !important;
        padding-right: unset !important;
        padding-left: unset !important;
        position: unset !important;
        top: unset !important;
        left: unset !important;
        border: unset !important;
    }

    .portal-header .portal-global {
        margin-right: unset !important;
        margin-left: unset !important;
        height: 60px;
        background-color: unset !important;
        border: unset !important;
        box-shadow: unset !important;
        text-align: unset !important;

        padding-top: unset !important;
        padding-bottom: unset !important;
        padding-right: 15px !important;
        padding-left: 15px !important;

        display: flex !important;
        justify-content: space-between;
        flex-direction: row-reverse;

        background-image: url("https://isen-nantes.fr/wp-content/uploads/2016/09/logo-iSEN-Nantes-ingenieur-400.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

    .portal-header #portalNavigation li a,
    #portlet_u27l1n130 {
        background: unset !important;
        padding: unset !important;
        text-transform: uppercase !important;

        font-family: "Raleway";
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 1px;

        display: flex !important;
        align-items: center;
        justify-content: space-between;

        height: 100% !important;
    }

    .portal-header .portal-user {
        text-align: unset !important;
        padding: unset !important;
        box-sizing: unset !important;
        order: -1;
    }

    .portal-header .portal-user,
    .portal-header .portal-user > section,
    .portal-header .portal-user > section div {
        display: flex !important;
        align-items: center;
    }

    .portal-header .portal-user > section,
    .portal-header .portal-user > section div {
        position: unset !important;
        margin: unset !important;
        height: 100%;
    }

    #portlet_u27l1n140 > a i {
        display: none;
    }

    #portalCASLoginLink:hover::before,
    #portlet_u27l1n140 > a:hover::before,
    .waffle-menu-container button.waffle-trigger:hover {
        color: #e30613 !important;
    }
    /* END Header */
    /* Navbar */
    #portal-nav * {
        color: white !important;
    }
    /* END Navbar */
    /* Custom quick access menu */
    #portlet_u27l1n110 > * {
        height: 100% !important;
        top: unset !important;
    }

    .waffle-menu-container button.waffle-trigger {
        border: unset !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }


    .waffle-menu-container svg {
        display: none !important;
    }

    .waffle-menu-container {
        display: flex !important;
        height: 100% !important;
        align-items: center;
    }

    .waffle-menu-container button.waffle-trigger {
        height: 100% !important;
        cursor: pointer !important;
    }

    .waffle-trigger > div {
        display: none !important;
    }

    .waffle-dropdown {
        top: 50px !important;
    }
    /* end */
    /* Stick the footer at the bottom of the page without it stretching */
    #wrapper {
        min-height: 100vh;

        display: flex;
        flex-direction: column;
    }

    #portalPageBody {
        flex-grow: 2;
    }
    /* end */
    @media screen and (min-width: 767px) {
        #sidebar,
        #sidebar * {
            position: unset !important;
        }

        #sidebar::before,
        #sidebar::after {
            display: none !important;
        }

        #sidebar,
        #sidebar > #portalNavigation,
        #sidebar > #portalNavigation > #portalNavigationInner {
            margin: unset !important;
            padding: unset !important;
            display: block !important;
        }

        #portalNavigationList {
            margin: unset !important;
            padding-left: 15px !important;
            padding-right: 15px !important;

            display: flex !important;
            flex-wrap: wrap;
            justify-content: center;
        }

        #portalNavigationList > li.portal-navigation.list-group-item {
            margin: unset !important;
            padding: unset !important;
        }

        #portalNavigationList > li.portal-navigation.list-group-item > a {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        header > .portal-nav {
            background-color: #e30613 !important;
        }

        #portalNavigationList > li.portal-navigation.list-group-item:hover {
            background-color: rgba(255, 255, 255, .25) !important;
        }

        #portalNavigationList > li.active {
            background-color: rgba(0, 0, 0, .15) !important;
        }
    }

    @media screen and (max-width: 767px) {

        :root * {
            box-shadow: unset !important;
            /*     background-color: unset !important; */
        }

        /* Remove useless nodes */
        .portal-header-skip-nav,
        .portal-header .portal-nav > #sidebar::before,
        .portal-header .portal-nav > #sidebar::after {
            display: none !important;
        }

        .row-offcanvas,
        .hamburger {
            position: unset !important;
            backface-visibility: unset !important;
            transition: unset !important;
            transform: unset !important;
            border: unset !important;
        }

        /* Replace the hamburger menu (dumb) animation with some fresh fontawesome icon */
        .menu-toggle > .hamburger > .hamburger-box {
            display: none !important;
        }

        .menu-toggle > .hamburger:hover {
            opacity: unset !important;
        }

        .menu-toggle > .hamburger {
            padding-top: unset !important;
            margin: unset !important;
            display: unset !important;
        }

        .menu-toggle > .hamburger {...