Tryout by shadesurge

/* ==UserStyle==
@name         Tryout
@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: 'Advent Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Advent Pro'), local('AdventPro'), url(https://fonts.gstatic.com/s/adventpro/v4/rT9jpj7pBpZV6AmssbZKk_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  }

/** 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 !important;
  }

  .container, #page-footer, .login-page #header, #branding, .home #supplementary, .login-page #supplementary, .anon-404 #supplementary, body .defaultSkin .mceIframeContainer
  {
    background: transparent !important;
  }

  html, body, #cnt, .rg_l, #botabar, .s-slider, .s-slider .right-column, #grading-rubric-edit-grades-slider .bottom
  {
    background: url(https://i.imgur.com/ytIDoHS.jpg) #101010  !important;
    /* CUSTOM IMAGE: BACKGROUND */
    background-size: cover !important;
  }
/* Resources Search */
  #library-search-form-container div
  {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 26%;
    padding: 15px 18px;
    border: 1px solid #bbb;
    background: transparent;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  #library-left td:hover, .library-collections a:hover, .library-collections a.active
  {
    background-color: transparent;
  }

  .library-collection a.active, .library-collection a.active:hover, #library-group-collections a.active, #library-g...