Rescratcher by Supersonicymario

/* ==UserStyle==
@name           Rescratcher
@namespace      https://github.com/gliczide/Rescratcher/
@supportURL     https://github.com/gliczide/Rescratcher/pulls
@version        1.0.2
@license        Unlicense
@description    Reverts 3.0 pages into 2.0!
@author         gliczide <gliczide@gmail.com> (https://gliczide.neocities.org)
@preprocessor   stylus

@var checkbox purple 'Purplized' 1
@var checkbox header 'Header (2013-early 2016)' 1
@var checkbox homepage 'Homepage (2013)' 0
@var checkbox logo 'Padding logo header (2013)' 0
@var checkbox avatar 'Padding Avatar in Comments (2013)' 1
@var checkbox studio 'Big title Project+Studio size (2014-2018)' 1
@var checkbox texts 'Texts Before (English Only)' 0
@var checkbox improved 'Bit improved buttons in studio (Curators Only)' 1
@var checkbox features 'Featured text (Apr 2013 - Jul 2013)' 0
@var checkbox early 'Alpha 2.0' 0

==/UserStyle== */
@-moz-document domain("scratch.mit.edu") {
/* purple */
if purple {  
.link.right.login-item .dropdown.with-arrow.open, .link.right.login-item .dropdown.with-arrow.open::before, .studio-status-icon-spinner.spinner, #topnav ul.account-nav .sign-in .popover, .title-banner.mod-messages, .outer .title-banner.masthead {
    background-color: #855cd6 !important;
    border-color: #855cd6 !important; }
#navigation, .dropdown-menu.blue, .dropdown.production.open, #topnav .innerwrap, #topnav ul.account-nav .logged-in-user .dropdown-menu, #topnav li.logout.divider input {
    background-color: #855cd6 !important; }
#topnav ul.account-nav .sign-in .popover .arrow, #topnav ul.account-nav .sign-in .popover .arrow::after {
    border-bottom-color: #855cd6 !important; }
#navigation li a, #topnav ul.site-nav li, #topnav ul.account-nav.logged-in>li, #topnav ul.site-nav li, #topnav ul.site-nav li.last, #topnav ul.account-nav.logged-in>li, #topnav ul.account-nav ul.user-nav li.logout.divider, #topnav ul.account-nav > li.join-scratch, #topnav ul.account-nav > li {
    border-color: #9d79e3 !important; }
#footer a, .box a:not(.button.small.grey, #comments .control-group a, #comments .info .name a, #tabs a, .buttons a, .grey), .comment-content a, .flex-row.project-notes a, .flex-row a:link, .news li h4, .box-header a, .instructions a, .comment-reply, .uneditable.studio-description a, .social-label-item a, .comment-reply span, .comment .comment-top-row .username:hover, #donor #donor-text a, .carousel .slick-next::before, #comments .comment .info .name a:hover, #comments .more-replies .pulldown, .empty a, #donor-text a {
    color: #855cd6 !important; }
a.ignore-react-onclickoutside.user-info, .dropdown.production.open a, #topnav ul.account-nav ul.user-nav li a {
    color: #fff !important; }
#navigation .link > a:hover, .ignore-react-onclickoutside.user-info:hover, .ignore-react-onclickoutside.user-info.open, .dropdown.production.open a:hover, .overflow-menu-container .overflow-menu-dropdown li button:hover, #topnav ul.site-nav li:hover, #topnav ul.account-nav.logged-in>li:hover, #topnav ul.account-nav .logged-in-user.dropdown.open, #topnav ul.account-nav.logged-in li:hover, #topnav li.logout.divider input:hover {
    background-color: #7854c0 !important; }
/* stylus css important override */
#frc-compose-comment-3392903:focus, #frc-notes-3392903:focus {
    box-shadow: 0 0 0 2px #945cd6 !important;
    border-color: #9052eccc !important; }
.tabs-index li a, .tabs-index li .label {
    color: #888 !important; }
.v-tabs li.active, .v-tabs li.active a {
    color: #fff !important; }
.modal-content-close {
    filter: hue-rotate(60deg); } 
.thumbnail-column .thumbnail .thumbnail-info .thumbnail-title .thumbnail-creator a {
    color: #666 !important; }
.button.compose-post {
    background-image: linear-gradient(180deg, #855cd6, #855cd6) !important;
    border-color: #855cd6 !important; } 
.button.see-inside-button, .button.studio-follow-button {
    border-color: #7e5db3 #7e5db3 #7457a3 !important;
    background-image: linear-gradient(180deg, #9766d5, #895fc0) !important; }
.button.see-inside-button:hover {
    background-image: linear-gradient(180deg, #895fc0, #895fc0) !important; }
.button:not(.action-button, .grey, .compose-cancel,  .button.button) {
    background-image: linear-gradient(180deg,#855cd6,#855cd6) !important;
    border-color: #855cd6 !important; }
#topnav ul.account-nav > li.sign-in:hover, #topnav ul.account-nav > li.sign-in.open, .outer .categories li.active:hover  {
    background-color: #7854c0 !important; }
.outer .categories li.active {
    background-color: #855cd6 !important; 
    color: #fff !important; }
.outer .categories li:hover, .outer .categories li.active:hover {
    background-color: rgba(133,92,214,.25) !important; }
.outer .categories li {
    border-width: 1px !important;
    background-color: #fff !important;
    color: #855cd6 !important;
    font-weight: 800 !important; }
#navigation .link > a, #topnav ul.site-nav a { 
    color: #fff !important; } 
.flex-row.comment-top-row .username {
    color: #333 !important; } }
/*2013 padding logo*/
if logo {
#navigation .logo {
     margin-right: 4px !important; }
span.scratch {
     width: 84px !important; } }
/*big title size*/
if studio {
.project-title.no-edit, .studio-info .studio-title {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.5em !important; }
.preview .project-header .inplace-input {
    margin-top: 7px !important; }
.flex-row.project-header {
    min-height: 58px; }
.studio-info .studio-title {
    top: -4.95rem; }
.flex-row.project-header .title {
    padding-left: 3px; }
.button.see-inside-button {
    margin-top: 9px !important; }
.preview .guiPlayer {
    margin-left: 16px;
    margin-right: 0; } }
/*2013 avatar padding studio*/
if avatar {
.flex-row.comment-container .avatar {
    padding-right: 2px; } }
/*texts before*/
if texts { 
button.button.action-button.report-button::after {
    content: " this"; }
button.button.action-button.copy-link-button, button.button.action-button.studio-button {
    font-size: 0 !important; }
button.button.action-button.copy-link-button::after {
    content: "Embed";
    font-size: 13px;
    line-height: 23px; }
button.button.action-button.studio-button::after {
    content: "Studios";
    font-size: 13px;
    line-height: 23px; }
button.button.action-button {
    width: 4.8rem; }
.studio-info .studio-info-footer-report button { 
     width: 111px; }
.studio-info .studio-info-footer-report button::after {
    content: "  this studio"; }
.dropdown.with-arrow.open a[href="/accounts/password_reset/"]:before {
    content: "Forgot password?";
    font-size: 13px;
    position: relative;
    top: -2px;
    left: 2px; }
button.button.action-button.report-button {
    width: 6rem !important;
    left: 10.5rem !important;
    padding-right: 0; }
.action-buttons-overflow-fix .button.action-button.submit-button:first-child::before {
    content: "Cancel";
    margin-left: -3px;
    font-size: 13px; }
.action-buttons-overflow-fix .button.action-button.submit-button:first-child {
    font-size: 0;
    display: inline-flex; }
.compose-limit.compose-valid::before {
    content: "You have "; }
.thumbnail-creator a:before {
    content: "by ";}
.studio-project-username::before {
    color: #666;
    content: "by "; } }
/*features before*/
if features {
.featured-project-heading {
    display: none; }
.player .title::before {
    content: "FEATURED:";
    font-weight: bold;
    font-size: 15px; }
#profile-box .player [data-control="edit"] {
    top: 5px; } }
/*alpha 2.0 design*/
if early {
a.username, .flex-row .title a, .flex-row a, .comment-reply a, #footer a, .comment-reply span, .comment-reply, .news li h4 {
    color: #446BD1 !important; }
.flex-row.project-header {
    padding-left: 5px;
    padding-bottom: 10px;
    background-color: #F7F7F7;
    padding-top: 1px; }
.project-buttons {
    margin-top: 5px; }
.button.see-inside-button {
    line-height: 31px !important;
    background-image: linear-gradient(180deg, #2DA9DF, #169FDA);
    font-size: 12px;
    font-family: Arial Black; }
.flex-row.project-notes {
    background-color: #ECECEC !important;
    border-left-color: #FBFBFB !important;
    margin-left: 21px !important; }
.preview .project-description:last-of-type {
    border-bottom: 1px solid #E4E4E4 !important; }
.project-textlabel {
    display: none; }
.project-description {
    padding-left: 8px !important;
    margin-top: 30px !important; }
.copyleft {
    font-size: 0;
    transform: scale(1, 1) !important; }
.copyleft::before {
    content: "Shared on";
    font-size: 14px; }
.flex-row.preview-row:nth-child(3) {
    height: 18px;
    background-color: #ddd; }
.flex-row.stats.noselect, .flex-row.subactions {
    padding-top: 8px !important; }
.flex-row.preview-row:nth-child(3) {
    height: 22px !important;
    background-color: #ddd; }
.button.see-inside-button, .button.studio-follow-button {
    width: 128px !important; }
.share-date {
    top: -428px !important;
    left: 48% !important;
    border-bottom: 1px solid #E3E3E3;
    padding-left: 5px;
    width: 419px;
    color: #808080 !important;
    height: 30px; }
.list-title span {
    margin-left: -1.2rem;
    line-height: 58px;  }
.flex-row.thumbnail-column {
    background-color: #fff; }
.guiPlayer {
    margin-left: 29px !important; }
#frc-instructions-3392903, #frc-description-3392903 {
    position: relative;
    top: 33px; }
.project-views {
    left: 50rem;
    position: absolute;
    z-index: 3; }
.project-views::after {
    display: none; }
.project-remixes {
    position: absolute;
    left: 55rem;
    z-index: 1; }
.project-remixes::after {
    left: -3.4rem !important; }
.button.action-button.report-button {
    border-right: 0 !important;
    width: 83px !important; }
....