Sallenet Improved by Perseus333

/* ==UserStyle==
@name       Sallenet Improved
@version    20240219.10.10
@namespace  ?
==/UserStyle== */
@-moz-document regexp(".*sallenet\.org.*") {
    /*all sites*/
    /*Páginas Generales*/
    aside#block-region-side-pre {
        margin-right: 50px;
        margin-left: -75px;
        scale: 0;
    }

    /*Hides the infamous left-sidebar*/
    #nav-drawer {
        visibility: hidden;
        scale: 100%;
    }

    /*Hides an useless button to go back to menu
#page-header {
    visibility: hidden;
}
*/
    /*search box*/
    #yui_3_17_2_1_1696315380758_21 {
        margin-left: -935px;
    }

    /*???*/
    .nav-item {
        order: 2;
    }

    /*???*/
    #yui_3_17_2_1_1696346790289_21 {
        position: absolute !important;
        margin-left: auto;
    }

    /*shifts the page because there is no sidebar*/
    #main-sallenet {
        margin-left: 10%;
    }

    /*??? Some background transparent I guess*/
    #page-site-index {
        background-color: transparent;
    }

    /*The main course view block be transparent instead of white*/
    .card,
    #page-enrol-users #filterform,
    .que .history,
    .userprofile .profile_tree section,
    .groupinfobox,
    .well {
        background-color: transparent;
    }

    /*Another white block for no reason*/
    #region-main {
        background-color: transparent;
        margin-right: -150px;
    }

    /*Makes the course view occupy all available space*/
    #region-main-settings-menu.has-blocks,
    #region-main.has-block,
    #region-main-settings-menu.has-blocks,
    #region-main.has-blocks {
        width: calc(100%) !important;
    }

    /*Makes the courses background dark*/
    html {
        /*background-color: #212121;*/
        /*background-image: url("https://i.imgur.com/4ZUvuTr.png"); Dark Car 1*/
        /*background-image: url("https://i.ibb.co/QCsYYGr/planet-dark.png");*/ /*Dark Planet*/
        background-image: url("https://i.imgur.com/XYu1moe.jpg"); /*JDM Cars*/
        background-size: cover;
        background-attachment: fixed;
    }

    /*???*/
    #page-content {
        height: 50%;
    }

    /*Hides useless footer somewhere ???*/
    #page-footer {
        display: none;
    }

    /*makes the courses be transparent to see the background*/
    div.item-course-sallenet {
        background-color: transparent !important;
        border-style: solid;
        border-color: #ffffff45;
        border-width: 1px;
    }

    /*makes text visible*/
    a,
    h3 {
        color: white;
        font-weight: bold;
        -webkit-text-stroke: 0.5px #212121;
        text-stroke: 0.5px #212121;
    }

    /*removes the ugly bottom-border from the top navigation menu*/
    .navbar.fixed-top {
        border-bottom: none;
    }

    /*makes the top navigation menu transparent to see the wallpaper better*/
    nav.navbar {
        background-color: transparent !important;
    }

    /*courses in flex mode header background*/
    .format-tiles #page .course-content ul li.section.main {
        background-color: transparent;
    }

    /*Course titles*/
    h1 span {
        color: white !important;
    }

    /*Flex courses topic*/
    .format-tiles .course-content ul.tiles .tile,
    .format-tiles li.section:not(#section-0) .course-section-header {
        background-color: #696969;
        border-top-color: #8bd5ca;
        border-radius: 5px;
    }

    /*makes the courses items contrast the background*/
    .format-tiles ul.tiles .tile h3 {
        color: white;
    }

    #page {
        margin-left: -150px;
        margin-right: -150px;
    }

    #searchinput-652960fd10211652960fcd599221 {
        background-color: transparent;
    }

    .page-item,
    .page-link,
    ul.pagination > li.active > a.page-link {
        background-color: transparent !important;
        border-style: solid;
        border-color: #ffffff45;
        border-width: 1px;
        border-radius: 10px;
    }

    .pagination li {
        margin: 0 2px;
    }

    ul.pagination > li.active > a.page-link,
    ul.pagination > li > a.page-link {
        -webkit-text-stroke: 0.5px white;
        text-stroke: 0.5px white;
    }

    h3 span {
        color: white !important;
        background-color: transparent !important;
    }

    span {
        color: white !important;
        background-color: transparent !important;
    }

    .activity-item:not(.activityinline) {
        border: none;
    }

    .avatars {
        visibility: hidden;
    }



    #searchinput-652969dd73ebe652969dd4560021,
    .form-control::placeholder {
        background-color: transparent;
        color: white;
    }
    .input-group {
        visibility: hidden;
    }

    .form-control {
        border-color: #ffffff45
    }

    .item-chart {
        filter: hue-rotate(180deg);
        filter: brightness(10);
    }


    #yui_3_17_2_1_1697214563028_23 {
        visibility: hidden;
    }

    .format-tiles .tiles-top-button {
        background-color: transparent;
    }

    .format-tiles .course-content .section .activity:hover {
        background-color: #ffffff45 !important;
        border-radius: 10px;
    }


    a.list-group-item,
    .item-course-sallenet {
        transition: transform 0.2s ease-out;
    }

    a.list-group-item:hover,
    .item-course-sallenet:hover {
        background-color: #ffffff45 !important;
        border-radius: 10px;
        transform: scale(1.05);
    }

    a {
        transition: transform 0.2s linear;
    }
    a:hover {
        color: white;
        transform: scale(1.1);
    }

    /*navbar drawer button*/
    #sn_navdrawer {
        visibility: hidden;
    }

    /*"Intentos fallidos de iniciar sesión is now more visible"*/
    .userloggedinas .usermenu .usertext .meta,
    .userswitchedrole .usermenu .usertext .meta,
    .loginfailures .usermenu .usertext .meta {
        background-color: red !important;
    }


    #yui_3_17_2_1_1697309433390_20 {
        display: none;
        height: 0px;
        scale: 0;
    }

    /*Used when selecting a course in the main menu*/
    h4[data-title]:after {
        display: none;
    }


    /*To eliminate annoying pop-up in sallenet when using edge*/
    #modal_mensaje_compatibilidad_navegadores {
        display: none !important;
    }

    /*Makes text visible when handing tasks*/
    .cell {
        color: white;
    }

    /*Better tasks status coloring*/
    .submissionnotgraded {
        color: yellow !important;
    }

    /*More theme consistent descriptions of tasks*/
    .activity-header {
        background-color: #2d2d2d !important;
    }
    .activity-dates,
    .activity-description {
        color: white;
    }

    /*Makes the check in the notifications green when hovered*/
    .fa-check:hover {
        color: lime;
    }

    /*Language Selection Clear Background*/
    .dropdown-menu .show {
        background-color: transparent !important;
    }

    /*Adjusts the page to it's actual size FINALLYYYY!!!*/
    .d-print-none {
        display: none;
    }

    #page-wrapper::after {
        display: none;
    }
    /*End of amazing code*/
    /*Hides the unnecessary top buttons*/
    .nav.navbar-nav.d-none.d-md-flex.d-flex.ml-auto li {
        display: none;
    }

    /*Gives border to the breadrumb*/
    .breadcrumb {
        border: solid;
        border-block-color: cyan;
        padding: 10px;
    }

    #yui_3_17_2_1_1704723095222_25,
    h5,
    h4,
    h2,
    li {
        color: white !important;
    }

    p {
        color: white;
        font-size: 15px;
        font-family: "iA Writer Quattro S";
    }

    /*
.modal-dialog-scrollable {
	display: none;
}*/
    .description,
    .activity-altcontent.course-description-item {
        background-color: transparent !important;
    }

    .activity-altcontent.course-description-item {
        background-color: transparent !important;
        border: solid white 1px;
    }

    #page-course-view-topics {
        background-color: transparent !important;
    }
    #page-wrapper, #page-mod-folder-view, body, #page-mod-resource-view {
        background-color: transparent !important;
    }
}

@-moz-document url-prefix("https://lasallebonanova.sallenet.org/login/index.php") {
    /*login.php*/
    /*Imagen de fondo*/
    #page-login-index #flexbox > div > div:nth-child(1) {
        /*	background-image: url("https://media1.giphy.com/media/njYrp176NQsHS/giphy.gif");    Gandalf*/
        /*background-image: url("https://i.imgur.com/qPqLbyR.png");  Island*/
        background-image: url("https://i.ibb.co/WVZnmr8/kanagawa-minimalist.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }


    #page-login-index #flexbox > div > div:nth-child(2) {
        scale: 1;
    }
    /*Esconder botones innecesarios*/
    #redes_sociales {
        visibility: hidden;
    }

    .potentialidplist,
    .h4login {
        visibility: hidden;
    }
    #page-login-index #flexbox > div > div:nth-child(2) input[type = "text"],
    #page-login-index #flexbox > div > div:nth-child(2) input[type = "password"],
    #page-login-index #flexbox > div > div:nth-child(2) input[type = "text"]::placeholder,
    #page-login-index #flexbox > div > div:nth-child(2) input[type = "password"]::placeholder {
        border-color: white;
        color: white;
    }
    /*Cambiar color botón de "Login"*/
    .form-control,
    #loginbtn {
        background-color: #696969 !important;
    }

    #page-login-index #flexbox > div > div:nth-child(2) {
        background-color: #2c2c2c;
    }

    /*Forget Password y Login Button juntos*/
    .forgetpass,
    .btn {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }


    .username,
    .password,
    .form-group {
        width: 300px !important;
    }

    #page-login-index #flexbox > div > div:nth-child(2) .forgetpass a {
        color: white !important;
    }

    #imagen_fondo {
        display: none;
    }...