Edgenuity (Animated City) (original by issac) by Someone68

/* ==UserStyle==
@name         Edgenuity (Animated City)
@namespace    USO Archive
@author       Isaac
@description  A animated dark theme for edgenuity.    Updates:    Changed background  Fixed GIF errors.
@version      20230217.17.09
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain(edgenuity.com) {
    .mainhead {
        background: linear-gradient(#000000, #000000, #000000);
    }

    #contentViewer {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        background-color: white;
        border-radius: 10px;
    }

    #tray {
        background-color: white;
        height: 50px;
        border-radius: 10px;
        opacity: 0.7;
    }
    .lesson-pane-trigger {
        background-color: #2f3541;
        color: white !important;
    }
    .overlay-background {
        display: block;
        position: fixed;
        z-index: 2000;
        opacity: 0.5;
        border-radius: 10px;
    }
    .icon-adv-open {
        color: #ff0707;
    }
    .mainfoot {
        opacity: 0.3;
    }
    .mainfoot a[disabled],
    .mainfoot a.disabled,
    .mainfoot a[disabled]:hover,
    .mainfoot a.disabled:hover {
        opacity: 0;
    }
    
    input {
        background: #2f3541 !important;
        color: white !important;
    }

    .overlay-time {
        color: #ffffff;
    }
    
    .main-container, .av-container {
        background-color: rgba(0, 0, 0, 0);
    }

    .question-container {
        background-color: rgba(0, 0, 0, 0.6);
        color: white !important;
    }
    
    .question-container * {
        color: white !important;
    }
    
    .mainfoot {
        background: transparent;
    }
    
    .overlay-attempt-header {
        background-color: rgba(0, 0, 0, 0);
        border-top: rgba(0, 0, 0, 0);
        border-right: rgba(0, 0, 0, 0);
        border-left: rgba(0, 0, 0, 0);
        height: 25px;
    }
    .overlay-attempt {
        background-color: rgba(0, 0, 0, 0);
    }
    #wrap {
        background-image: url('https://i.pinimg.com/originals/3e/4c/9d/3e4c9d81ba6be013081a1506dd7fcdec.gif');
        background-position: left top;
        background-size: 1920px 1080px;
        height: 1100px;
        background-repeat: no-repeat;
        position: relative;
    }
    BODY {
        bottom: 5px;
        overflow: hidden;
    }
    
    .Toolbar .FramesList {
        top: 0px;
        margin: 0px;
    }
    em#frameProgress {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: underline;
    }
    #lesso n-title {
        font-size: 24px;
        color: #72afc0;
        line-height: 26px;
        margin: 0px 0px 6px 0px;
        font-weight: bold;
    }
    body#footer {
        background-image: url('https://i.pinimg.com/originals/3e/4c/9d/3e4c9d81ba6be013081a1506dd7fcdec.gif');
    }
    .Toolbar .FramesList li.FrameComplete a {
        border: 1px solid #000000;
    }
    .Toolbar .FramesList li.FrameCurrent a {
        border: 1px solid #000000;
        background-image: linear-gradient(to bottom, #000000, #000000)
    }
    .Toolbar .FramesList li.FrameRight a {
        -webkit-border-radius: 160px;
    }
    .Toolbar .FramesList li a {
        border: 1px solid #000000;
    }
    .Toolbar .FramesList li.FrameLeft a {
        -webkit-border-radius: 160px;
    }
}