EdgenuityStyles by Gravy59

/* ==UserStyle==
@name         EdgenuityStyles
@version      20240516.10.36
@namespace    https://userstyles.world/user/Gravy59
@description  Allows for custom images on edgenuity
@author       Gravy59
@license      MIT
==/UserStyle== */
@-moz-document domain("r07.core.learn.edgenuity.com") {
    :root {
        /*Any link to any image will work. If you want anime, peruse https://imgur.com/a/TWlUSMk and COPY IMAGE ADDRESS.*/
        --corner-image: url("https://i.imgur.com/GMp02A6.png");
        /*If you want to set a custom font, do it here.*/
        /*--font: "Trattatello";*/
    }

    body {
        line-height: calc(100% + 4px);
        font-size: 0.875rem;
        background: unset;
        padding: unset;
        background-image: radial-gradient(circle at top left, #a45765 0, black 100%);
    }

    html,
    body,
    input,
    span {
        font-family: var(--font, sans-serif) !important;
    }

    #wrap {
        background-image: var(--corner-image);
        background-position: bottom 10% right;
        background-size: 25%;
        background-repeat: no-repeat;
    }

    select {
        appearance: none;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        padding: .25rem 2.25rem .25rem .5rem;
    }

    .answer-choice {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        text-indent: unset;
        padding-top: unset;
        line-height: 1.5;
    }

    .QuestionContainer {
        display: contents;
    }

    .answer-choice .QuestionContainer [type=radio],
    .answer-choice .icon-qa-wrong2,
    .answer-choice .icon-qa-right1 {
        float: left;
        margin-left: -1.5em;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        margin-top: .25em;
        vertical-align: top;
        appearance: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: 1px solid #dee2e6;
    }

    .answer-choice .icon-qa-wrong2 {
        background-color: red;
    }
    .answer-choice .icon-qa-right1 {
        background-color: #34c834;
    }

    .answer-choice [type=radio]:checked {
        background-color: #0d6efd;
        border-color: #0d6efd;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    }

    .answer-choice [type=radio]:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }

    .answer-choice label {
        display: inline-block;
        padding: unset;
        font-family: inherit;
    }

    .mainhead {
        all: revert;
        position: sticky;
        left: 0;
        right: 0;
        top: 0;
        background: #1A191B;
        color: #EEEEF0;
        display: grid;
        gap: 1rem;
        grid-template-columns: min-content 2fr 2fr;
        align-items: center;
        padding: 0.5rem 0.75rem;
        width: 100%;
        z-index: 50;
    }

    .mainhead a.nav {
        all: revert;
        text-decoration: none;
        color: inherit;
        display: block;
        padding: 0.5rem;
    }

    .mainhead a.nav-home {
        padding: 0;
        display: inline-flex;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EEEEF0' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z'/%3E%3Cpath d='m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z'/%3E%3C/svg%3E") 50% 50% no-repeat;
        text-indent: -9999px;
        min-width: 1.5rem;
        min-height: 1.5rem;
        box-sizing: border-box;
    }

    .head-nav {
        position: static !important;
        display: flex;
        align-items: center;
        justify-self: end;
        line-height: 1;
    }

    .head-nav li {
        all: unset;
    }

    .head-nav li.parent {
        all: unset;
        background: unset !important;
    }

    .head-nav li.parent a {
        all: unset;
        padding: 0 !important;
    }

    .head-nav li.parent a::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    ul.toolbar {
        display: none;
    }

    #lessonInfo,
    #viewer-frame {
        margin: 0 0 auto 0;
        padding-left: 2rem;
    }

    #invis-o-div {
        display: none !important;
    }

    .title-bar {
        background: #fff;
        padding: 0 0.875rem;
    }

    .title-bar h1 {
        font-size: 1.25rem;
    }

    .content {
        padding: 0 0.875rem;
    }

    .reading {
        border-radius: 0.375rem;
        border: 1px solid rgb(0 0 0 / 0.175);
        background-clip: border-box;
        padding: 1rem;
        line-height: calc(100% + 4px);
        font-size: 0.875rem;
    }

    /*.mainfoot a:nth-child(3) {
        display: block !important;
        position: fixed;
        background-image: var(--corner-image);
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        bottom: 0;
        width: 20%;
        height: 0;
        padding-top: 20%;
    }*/
}

@-moz-document url-prefix("https://student.edgenuity.com") {
    .edgenuity-logo {
        content: url('https://github.com/microsoft/Pride-flag/assets/58180094/27b5e6e6-6061-45a8-a4b3-3a38b99f41fb');
    }

    .cards:has(.behind) .course-logo-bug {
        content: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/64634297b1f522b78c43b6ea_29.png');
    }

    .cards:has(.ontarget) .course-logo-bug {
        content: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/64634a45e09531a27f710f5e_84.png');
    }

    .cards:has(.ahead) .course-logo-bug {
        content: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/646345003a0b4fac8bf423d4_43.png');
    }

    .lesson-tile.sle-card.card,
    .ActivityTile.card {
        margin-left: 60px;
    }

    .ActivityTile .card-body:after {
        height: 50px;
        width: 50px;
        left: -55px;
    }

    .ActivityTile .card-body:after {
        background: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/6463442b794219e8d0e92fe9_41.png');
        content: "";
        background-size: cover;
        border: none;
    }

    .ActivityTile-status-completed .card-body:after {
        background: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/64634a319401364b823f2048_83.png');
        content: "";
        background-size: cover;
        border: none;
    }

    .ActivityTile-status-current .card-body:after {
        background: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/6463443b4648fab8dc73c49f_45.png');
        content: "";
        background-size: cover;
        border: none;
    }

    .ActivityTile-status-current.ActivityTile-late .card-body:after {
        background: url('https://assets-global.website-files.com/646218c67da47160c64a84d5/64634297b1f522b78c43b6ea_29.png');
        content: "";
        background-size: cover;
        border: none;
    }
}