Very accurate css userstyle for scratch 3.0 Wasn't going to put this out so early but whatever, also My blocks is now more blocks :)
Not finished yet
Scratch 2.0 css recreation (WORKING 2024) OG theme by windowsadmin
Details
Authorwindowsadmin
LicenseNo License
Categoryscratch.mit.edu
Created
Updated
Size55 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Tell me bugs or what to do next on my profile (WindowsAdmin) And why not follow me while you're there?
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Scratch 2.0 css recreation
@namespace scratch.mit.edu
@version 1.0.5
@description Accurate 3.0 to 2.0 userstyle!
@author WindowsAdmin
==/UserStyle== */
@-moz-document domain("scratch.mit.edu") {
/*!!!! Credit to mrbatguy0314 And Creator Of Scratch2013afy !!!!*/
#navigation {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200/*10000*/;
overflow: visible;
text-shadow: none;
height: 35px;
background-color: #0f8bc0;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
-o-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
#navigation .logo a:hover {
transition: unset;
}
/*.title-banner.intro-banner,*/
.title-banner.donate-banner {
display: none;
}
#navigation .logo a {
background: url("http://web.archive.org/web/20130511012400im_/http://cdn.scratch.mit.edu/scratchr2/static/__v-2013-05-09-03-24-104-g0cdb9a3__/images/logo_sm.f6dd46a01e56.png") no-repeat left center;
background-image: url("http://web.archive.org/web/20130511012400im_/http://cdn.scratch.mit.edu/scratchr2/static/__v-2013-05-09-03-24-104-g0cdb9a3__/images/logo_sm.f6dd46a01e56.png");
width: 80px;
height: 35px;
display: inline-block;
}
#navigation .logo a:hover {
background-image: url("http://web.archive.org/web/20130511012400im_/http://cdn.scratch.mit.edu/scratchr2/static/__v-2013-05-09-03-24-104-g0cdb9a3__/images/logo_sm_highlight.a233c00b8dfe.png");
}
#navigation .link {
display: inline-block !important;
border-left: 1px solid #149acb;
margin: 0;
cursor: pointer;
height: 35px !important;
}
#navigation .link > a {
position: relative;
top: -6px;
font-weight: normal !important;
font-size: 15px !important;
padding: 3px 15px 4px 15px;
line-height: 40px;
}
#navigation .link > a:hover {
background-color: #0c6185;
}
#view {
margin-top: 35px;
}
#navigation .link.about {
border-right: 1px solid #149acb;
}
#navigation .inner > ul > li.search .input[type="text"],
#navigation .inner > ul > li.search .button[type="text"] {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
padding-left: 32px;
width: 170px;
background: white;
height: 22px;
}
#navigation .inner > ul > li.search .input[type="text"],
#navigation .inner > ul > li.search .button[type="text"]::placeholder {
color: #00000033;
font-size: 13px;
}
input,
textarea {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-ms-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
select {
display: inline-block;
padding: 4px;
padding-left: 4px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #555;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#navigation .inner > ul > li.search .input[type="text"]::placeholder,
#navigation .inner > ul > li.search .button[type="text"]::placeholder {
color: unset;
}
#navigation .inner > ul > li.search .btn-search {
width: 28.8px;
height: 23px;
background: url("http://web.archive.org/web/20140630194548im_/http://cdn.scratch.mit.edu/scratchr2/static/__2cb0be42b0fa9989b2853d1b081c7967__/images/nav-search-glass.62d43b28d86a.png") no-repeat 9px center;
border-right: 1px solid #ccc;
border-radius: 0px;
padding: unset;
}
#navigation .messages > a {
background-image: url(https://cdn.scratch.mit.edu/scratchr2/static/__7c0bf135becb6330562ada83eab5a1c1__/images/nav-notifications.png);
background-size: 22px 15px;
}
#navigation .mystuff > a {
background-image: url("https://cdn.scratch.mit.edu/scratchr2/static/__7c0bf135becb6330562ada83eab5a1c1__/images/mystuff.png");
background-size: 25px 19px;
}
.link.right.messages {
border: 0px !important;
top: -10px;
}
.link.right.mystuff {
border: 0px !important;
top: -10px;
}
.link.right.account-nav {
border: 0px !important;
top: -25px;
}
.account-nav .user-info .avatar {
border-radius: unset;
border: 1px solid #ccc;
}
.profile-name {
top: 2px;
position: relative;
}
.preview .inner {
background: #f7f7f7;
border: 1px solid #e0e0e0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3);
/*margin: 0 0 20px;*/
padding: 0px;
position: relative;
top: 10px;
}
.preview img.avatar {
border-radius: unset;
}
.preview .project-header img.avatar {
display: none;
}
.preview .project-title.no-edit {
font-weight: 700;
line-height: 32px;
color: #554747;
font-size: 1.6923em;
}
.flex-row.preview-row.force-row {
border-bottom: 1px solid #e0e0e0;
}
.button.see-inside-button {
text-decoration: none;
text-shadow: none;
font-weight: normal;
font-size: 13px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
height: 32px;
vertical-align: middle;
background-image: -moz-linear-gradient(top, #30aadf, #169fdb);
}
.preview .see-inside-button::before {
background: url("http://web.archive.org/web/20140703004734im_/http://cdn.scratch.mit.edu/scratchr2/static/__941392a638c48a0b5f912c7993da1b5c__/images/stats-icons-dark.058048e8a3c1.png") no-repeat top;
background-position: 0 -280px;
width: 30px;
height: 30px;
top: -7px;
position: relative;
}
.button.see-inside-button span {
top: -7px;
position: relative;
}
#navigation .link.right.join,
#navigation .link.right.login-item {
display: inline-block !important;
border-left: 1px solid #149acb;
margin: 0;
cursor: pointer;
height: 35px !important;
font-weight: bold;
top: -14px;
}
.preview .title {
position: relative;
top: -10px;
}
.preview .guiPlayer {
background: white;
padding: 10px;
}
a:hover,
a:active,
a.black:hover,
a.black:active {
color: #1aa0d8;
cursor: pointer;
text-decoration: underline;
}
main#view a {
color: #1aa0d8/* !important*/;
text-shadow: none;
font-weight: unset;
}
.preview .project-notes {
margin-left: 5px;
}
.preview .project-description {
border: unset;
background-color: unset;
padding: unset !important;
font-size: 13px;
color: #322f31;
}
.preview .description-block .project-textlabel {
font-size: 13px;
color: #322f31;
}
body {
color: #322f31;
}
.comment .comment-body .comment-bubble {
position: relative;
margin-left: .5rem;
border: unset;
border-radius: 0 .5rem .5rem .5rem;
background-color: unset;
padding: unset;
width: calc(100% - .5rem);
box-sizing: border-box;
font-size: 13px;
}
.comment .comment-body .comment-bubble::before {
display: none;
}
.emoji-text {
font-size: 13px;
}
#view a:hover,
a:active,
a.black:hover,
a.black:active,
input.link:hover,
input.link:active,
input.link.black:hover,
input.link.black:active {
color: #1aa0d8 !important;
text-decoration: underline;
cursor: pointer;
}
a,
input.link {
color: #1aa0d8;
text-decoration: none;
text-shadow: none;
}
.intro-banner .intro-container {
background: unset;
}
.intro-banner .intro-header {
color: #F9A739;
position: relative;
font-weight: 400;
top: 12px;
}
.video-image img {
visibility: hidden;
}
.video-image {
background: url(https://cdn.scratch.mit.edu/scratchr2/static/__d227dda79ab53b07e3b30c100291aaac__//images/hp-video-screenshot.png) no-repeat;
}
.login {
padding: 3px;
}
.dropdown.with-arrow::before {
border-radius: unset !important;
}
.stage_green-flag-overlay_cYqxt {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAGfElEQVR42u2c709bVRjH64vplpgYfaEv9IUaNcY/QV/4Qn3hjw3nYhZfqDP+CmoyM2CwOKOOjMjYDzecoszpxDk1sIUFMxOg40eB0kKlwIZQWigtTBg/bDYorMrj81zozeHuFmjvOb33Nvck37SU9t5zP3nOOc95znOOzaZDAYA7UNmoY6hqlHtxcXEYNYPvb8BSWUTN42dT+OpHtaGqUAdRr6FutWVywQe8H/UVKrwMQ2v5D+VD7UfdlSmQHkdVopVMJ0MCvy8pyTKGKkc9YkZQT6FCqz3dwsICXL9+DSKRCExPT8Pk5FUYH/8brlwZg9HRsCR6T5/R/+g79F36Df12jdKFetQMoB5DdSeymmg0CjMz0yugpCq6Bl2LrpnAGunDOtTdRgR1D8qu7JvoQWZnZ2FqahLGxkY1Q0okujbdg+6lAo/6utOojUaBVbpcqRVlbm5Oak6iICUS3ZPurdYLoHbqCWoDql1Zq/n5eZiYmEg7KKWoDlQXlXIm7bDQ7O9DjbO1iMVuSM1Cb1BKUZ2oborSi9qULst6mgyJvTv1HSL7KB59HNVR0b/OCHdB8Cb5yo49EvnHsKCUoroqSgy1VZRl7VWOgEZsgutpooqRlP7YwhvWs6xlxWIxXUZAniMpPQNTqJN7iBesB5gJsXQjHo6n3qJnYKEtT982aYW1ETXJNkMzW5aapbH...