Schoology Mountain (unfinished) by thanthal1

/* ==UserStyle==
@name         Schoology Mountain (unfinished)
@namespace    USO Archive
@author       thanthal
@description  A fresh-lookin' Schoology theme backboned from ihti27's Schoology: Reloaded.
@version      1
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("app.schoology.com"), domain("schoology.idiglearning.org"){
/*****       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);
}

/* badge stuff */
.even .badge-course-table-cell {
    background: #ffffff0d;
}
}

@-moz-document domain("schoology.com"), domain("schoology.idiglearning.org") {
body.library-view #library-wrapper {
    background: #383838;
    padding-bottom: 0;
    margin-bottom: -40px;
    border: 1px solid #ddd;
    box-shadow: 0 0 9px 0px #00000069;
}
}

@-moz-document domain("schoology.com"), domain("schoology.idiglearning.org") {
/*** Loonology v0.5 by Loonatic, based on ***/

/***** Schoology: Reloaded v2.2 by ihti27 *****/

/** load font **/
 @font-face {
    font-family:'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(https://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2')
}
/**** general ****/

/** 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, .discussion-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;
}
*:not(a)[style*="color"]:not([style*="background"]), *:not(a)[style*="color"][style*="background:transparent"], *:not(a)[style*="color"][style*="background: transparent"], *:not(a)[style*="color"][style*="background-color:transparent"], *:not(a)[style*="color"][style*="background-color: transparent"], textarea, div.status, li.popups-tab, .theme-2016 #right-column h3, .page-title a:hover, span#edge-filters-btn.active, span#edge-filters-btn:hover {
    color: #fff !important;
}
/** 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(.75) !important;
}
/* real header smh */
 ._3v0y7 {
    font-family: Muli, sans-serif;
    background-color: rgba(0, 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.80) !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.50) !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(25, 25, 25, 0.90) !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.3);
}
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 : url("https://w0.peakpx.com/wallpaper/404/400/HD-wallpaper-foggy-mountains-amoled-black-darkness-mountain-mountains-night-sky-star-stars.jpg");
	background-repeat: no-repeat;
    background-color: #000 !important;
    color: #FFFFFF !important;
    font-style: oblique !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-color: blue;

    /* Cool Backgrounds
    https://media.giphy.com/media/U3qYN8S0j3bpK/giphy.gif sexy stars
    https://media.giphy.com/media/l1Et7Qw1XjvunS0Io/giphy.gif moar stars
    https://media.giphy.com/media/1pmatQ3LcP5XFYxSWF/giphy.gif Rainbow
    https://media.giphy.com/media/12WQdoY19bowPm/giphy.gif might be way 2 trippy
    http://giphygifs.s3.amazonaws.com/media/aRZ4vTsHnyW6A/giphy.gif Stars moving horizontally
    https://media.giphy.com/media/gvZr9X1myb4pq/giphy.gif Snow
    https://media3.giphy.com/media/NqePlY2vlN2mY/giphy.gif?cid=790b76115d4a2fc0754f42...