Scratch2013afy by mrbatguy0314

/* ==UserStyle==
@name           Scratch 2013afy
@namespace      https://github.com/gliczide/Rescratcher/
@supportURL     https://github.com/gliczide/Rescratcher/pulls
@version        1.0.1
@license        Apache License 2.0
@description    Reverts 3.0 pages into 2.0!
@author         gliczide <gliczide@gmail.com> (https://txti.es/gliczide)
@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 studio comments (2013)' 0
@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") {
/* Shrink search box */
#topnav form.search input[type=text]{
    width:170px;
    margin-top: 1px;
    }
/* purple */
if purple {
#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; }
#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 {
    border-color: #9d79e3 !important; }
#footer a, .box a:not(#comments .control-group a, #comments .info .name a, #tabs a, .buttons a), a:visited, .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, .uneditable.studio-description a, .social-label-item a, .comment .comment-top-row .username:hover {
    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; }
#navigation .link > a { color: #fff !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 {
.studio-compose-container .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, a:visited, .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: 47% !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; }
.preview .inner {
    width: 960px !important; }
.flex-row span {
    font-weight: 100 !important; }
.flex-row.comments-header h4::before, .list-title::before, .flex-row.studio-list::before {
    display: none !important; }
.preview .comments-header h4 {
    margin-top: -2px !important;
    margin-left: -17px; }
.banner-outer {
    width: 937px !important; }
#frc-title-1088 {
    position: relative;
    top: 3px; }
.list-header {
    padding-bottom: 8px !important; }
.comments-container {
    min-width: 660px !important; } 
.flex-row.comments-header {
    padding-bottom: 19px; }
.project-views {
    left: 50rem;
    position: absolute;
    z-index: 3; } }
/* homepage in may 2013 style */
if homepage {
.box {
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3); }
.box-header h4 {
    text-shadow: 0 1px #fff;
    margin-top: 2px;
    font-size: 1.0rem; }
.slick-list .thumbnail.gallery .thumbnail-image img {
    border: 1px solid #ddd !important;
    margin-top: 4px;
    width: 168px !important;
    height: 96px !important;
    padding: 6px;
    padding-left: 6px;
    padding-right: 5px; }
.slick-list .thumbnail-creator a {
    font-weight: 1 !important; }
.box .box-header {
    background-color: #f7f7f7;
    padding: 6px 20px;
    height: 22px; }
.thumbnail .thumbnail-loves::before, .thumbnail .thumbnail-remixes::before {
    b...