Sparklecare by AXD

/* ==UserStyle==
@name         Sparklecare
@version      20220308.00.10
@namespace    userstyles.world/user/shadesurge
@description  Education purposes only
@author       shadesurge
@license      No License
==/UserStyle== */
@-moz-document domain("fortbendisd.schoology.com"),
domain("app.schoology.com") {
    /*****       Userscript       *****/
    /* (code placed at top for speed) */
    div.sr-cont > * {
        position: fixed;
    }

    div.sr-cont input {
        background-color: rgba(255, 255, 255, 0.15);
    }

    div.sr-overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 100;
    }

    div.sr-menu {
        top: 50%;
        left: 50%;
        height: 60%;
        width: 60%;
        margin: -22% -30%;
        border-radius: 15px;
        background: #222;
        box-shadow: 0 0 19px #000;
        z-index: 101;
    }

    div.sr-header,
    div.sr-content {
        position: absolute;
    }

    div.sr-header {
        top: 0;
        left: 0;
        height: 8%;
        width: 100%;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    h3.sr-title {
        position: inherit;
        top: 25%;
        left: 2%;
    }

    svg.sr-close {
        position: inherit;
        top: 18%;
        right: 1.3%;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
    }

    svg.sr-close:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    div.sr-content {
        position: absolute;
        top: 8%;
        left: 0;
        width: 100%;
        height: 92%;
    }

    div.section {
        padding: 10px;
        height: 70%;
    }

    div.section:first-child {
        height: 20%;
    }

    span.header {
        display: block;
        margin-bottom: 8px;
    }

    input.sr {
        width: 41.5%;
        margin: 5px;
        padding: 5px;
        border-radius: 3px;
    }

    input#sr_blname {
        width: 83%;
    }

    button.sr-button {
        height: 25px;
        width: 9%;
        border-radius: 3px;
        color: #fff;
        margin: -10px 5px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    }

    button.sr-button.sm {
        height: 15px;
        width: 45px;
    }

    button.sr-button:hover {
        filter: brightness(1.1);
    }

    span.white {
        color: #fff;
    }

    div.section > span.gray {
        margin-left: 7px;
    }

    ul.sr-list {
        height: 92%;
        overflow-y: auto;
    }

    ul.sr-list > li {
        padding-bottom: 4px;
    }

    li.setting input.sr {
        margin: 0px 5px 0px 1px !important;
    }

    li.setting input.sr:checked:before {
        margin: 0;
    }

    input.sr::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }
}

@-moz-document url-prefix("https://fortbendisd.schoology.com/resources"),
domain("schoology.com") {
    body.library-view #library-wrapper {
        background-color: rgba(51, 51, 51, 0);
        padding-bottom: 0;
        margin-bottom: -40px;
    }
}

@-moz-document domain("fortbendisd.schoology.com"),
domain("schoology.com") {
    font-face {
        font-family: 'Comic Neue';
        font-style: normal;
        font-weight: 900;
     
    }

    /** ALL (normal) white text **/
    html,
    body,
    input,
    select,
    p,
    code,
    pre,
    #cnt,
    .rg_l,
    #botabar,
    .review-answers h4,
    .left-block-wrapper h3,
    .page-title a,
    #private-messages .privatemsg-list-body,
    .info-tab .profile-header,
    .info-tab td,
    .info-tab th,
    #smart-box-more-wrapper .action-links-unfold.active span,
    .s-comments-post-form .add-comment-resize,
    .matching-answers .form-text,
    .ui-selectmenu-menu li a,
    .s-notifications-mini .edge-sentence,
    .content-title,
    .fc-grid .fc-today .fc-day-number,
    .calendar-popup-preview .template-wrapper .template-title a,
    .container-inline-date input.form-text,
    #calender-smartbox-tabs .active span,
    .ui-datepicker-days-cell a,
    .ui-datepicker-header select,
    .left-block dt,
    #edge-filters .clickable.active,
    .select2-drop,
    .select2-results .select2-highlighted,
    .yt-uix-inlineedit,
    .-view p,
    .popups-box #privatemsg-new #edit-subject,
    .popups-box #privatemsg-new #edit-recipient-wrapper .userlist_input,
    .popups-box #privatemsg-new #edit-body,
    .popups-box #s-messaging-send-to-group-form #edit-subject,
    .popups-box #s-messaging-send-to-group-form #edit-recipient-wrapper .userlist_input,
    .popups-box #s-messaging-send-to-group-form #edit-body,
    #privatemsg-new #edit-recipient.ac_input,
    .view-only .rubric-table .rubric-row-rating span.input-top,
    .view-only .rubric-table .rubric-row-rating .input-bottom,
    .s-slider.rubric-grades-edit .rating-wrapper.selected .input-top,
    .param-name,
    body input[type=text],
    body input[type=textbox],
    body input[type=password],
    body input[type=time],
    #tabs-wrapper > ul > li[role=tab] a,
    body .defaultSkin .mceSplitButton a.mceAction,
    body .defaultSkin table.mceListBox a.mceText,
    body .defaultSkin table.mceListBox.mceListBoxSelected a.mceText,
    body .defaultSkin .mceMenu .mceMenuItemEnabled a:hover .mceText,
    .gradebook-course.hierarchical-grading-report .summary-course .course-grade-wrapper .course-grade-text {
        color: #fff;
    }

    .album-comments {
        margin-top: 8px;
        padding: 2px 10px;
        border: 1px solid #ddd;
        background: rgba(0, 0, 0, 0);
        width: 96%;
    }

    .s-media-album-content-container {
        background: rgba(0, 0, 0, 0);
        text-align: center;
        margin-bottom: 15px;
    }

    .s-media-placeholder {
        height: 300px;
        width: 480px;
        text-align: center;
        font-size: 13px;
        color: #FFFFFF;
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }

    .from-album-label {
        display: block;
        color: #F9BCAF;
    }
    /** transparent white text **/
    .gray,
    .description,
    h4,
    #nav .s-notifications-mini li.empty,
    .question-points,
    .material-created,
    #resources-left-menu-wrapper a,
    #resources-left-menu-wrapper .search-btn-wrapper,
    .assignment-param,
    #s-user-personal-account-settings-form .terms-msg,
    #s-user-edit-change-password-form .description,
    .provider .description,
    #calendar-settings .description,
    #user-merge-wrapper .section-instructions,
    #user-link-wrapper .section-instructions,
    #s-user-personal-account-settings-form .email-issues,
    .no-discussions,
    #collection-view-contents .collection-row-empty td,
    .faculty-position,
    #main .s-notifications-mini .edge-time,
    #main .s-notifications-mini .created,
    .gradebook-course.hierarchical-grading-report .summary-course .course-grade-wrapper .course-grade-value .no-grade,
    .required-text-label,
    #ical-feed-info p,
    .availability,
    .no-data,
    .s_grade_item_assessment .assessment-status-wrapper,
    .grading-grade .max-points,
    .posted-time,
    #assessment-status,
    #copyright,
    body .fc-grid .fc-event-time,
    body .fc-event-vert .fc-event-time,
    a#edit-description_backcolor_more,
    .calendar-popup-preview .template-wrapper th {
        color: rgba(255, 255, 255, 0.55);
    }

    .empty,
    .pre-fill,
    #course-profile-materials .item-status .completion-rule,
    #nav .no-courses,
    #nav .primary-activities .empty,
    .no-comments p,
    .theme-2016 .date-header h4,
    #s-event-calendar-ical-import-form .limit-message,
    .selected-realm .name-text,
    span#edge-filters-btn {
        color: rgba(255, 255, 255, 0.55) !important;
    }
    /* LOGO */
    ._2SVA_ {
        background-color: transparent !important;

        background-position: center center !important;
        background-size: contain !important;
        transform: scale(.8) !important;
    }
    /* real header smh */
    ._3v0y7 {
        font-family: Muli, sans-serif;
        background-color: rgba(0, 0, 0, 0) !important;
        color: #FFFFFF;
    }

    ._3_bfp {
        color: #fff;
        background-color: rgba(0, 0, 0, 0) !important;
    }

    .s-enable-course-dashboard.theme-2016-layout #main {
        background: rgba(0, 0, 0, 0.15) !important;
        box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.60) !important;
    }

    .s-enable-course-dashboard.theme-2016-layout #home-feed-container {
        background: rgba(0, 0, 0, 0.0) !important;
        box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.30) !important;
        /**
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.60) !important;
    **/;
    }
    /** courses page **/
    ._1IGEH:focus:not(:active),
    ._1oxpz:hover:not(:active),
    ._1Z0RM,
    .Dkh_K:active {
        background: rgba(0, 0, 0, 0.5) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.50) !important;
    }
    /** login page **/
    #login-container .login-content,
    #login-container,
    input {
        background: rgba(255, 255, 255, 0.07);
        box-shadow: 0 0 19px rgba(0, 0, 0, 0.1);
    }

    form#s-user-login-form .submit-span-wrapper {
        background: #8E1106;
        /* CUSTOM COLOR: HEADER */
        box-shadow: none;
    }

    body #header {
        background: #8E1106;
        background-color: #8E1106;
    }

    html,
    body,
    #header {
        background: #8E1106 !important;
        background-color: #8E1106 !important;
        color: #FFFFFF !import...