Awesome new userstyle (based on the one by @shinkansen / @jTron)

MegaApuTurkUltra

swag

So I found an amazing userstyle by @shinkansen / @jTron, but apparently it's not being updated anymore: https://userstyles.org/styles/109083/scratch-2-0-according-to-shinkansen-full

I decided to try to fix/improve it! I've gone through a lot of Scratch pages to verify they work, but I haven't gone through all pages, so there may some bugs.

Installation

Go to https://userstyles.org/styles/110430/scratch-2-0-swaggification and follow the instructions there
Optional: if you don't like the blurry homepage images, here's a script that fixes them:
https://greasyfork.org/en/scripts/8101-scratch-swaggification-homepage-fixer

Screenshots (sorry some of these are from older versions of my style)

Homepage: http://i.gyazo.com/04dae6efbf76c7d118eeb10f369bf340.jpg (I think static backgrounds behind scrolling content looks awesome :P)
Explore: http://i.cubeupload.com/H7VCrj.png
Expanded search bar: http://i.cubeupload.com/yY6DpY.png
My profile: http://i.cubeupload.com/P886En.png
A project: http://i.cubeupload.com/r4e490.png (one of the glitches - the MSU download button is off and the see inside button is too close to the edge)
My stuff: http://i.cubeupload.com/1Qd5UH.gif (found an awesome loading animation on preloaders.net so I replaced all of Scratch's loading gifs)
Comments: http://i.cubeupload.com/voqUNi.png (amazing, right?)

swag

There are way more features/animations than I can put in screenshots/gifs so go try it out!

If you have any complaints (about bugs, hard-to-read text, etc) post below! \/
As I said I haven't tested this on all Scratch pages yet, so I'm sure there are still a few problems.

Last edited by MegaApuTurkUltra (Feb. 17, 2015 00:40:16)

DuckTapeProductions

Awesome! thats GENIUS!

Thepuzzlegame

Very nice!

MrSherlockHolmes

It looks awesome, but can you uninstall changes?

MegaApuTurkUltra

MrSherlockHolmes wrote:
It looks awesome, but can you uninstall changes?

Click the stylish button while on Scratch and hit disable.

QuillzToxic

This is going on my phone xD

MegaApuTurkUltra

QuillzToxic wrote:
This is going on my phone xD

I've tried it on firefox mobile and it's not too zoom friendly, unfortunately. Sorry! (ok to be fair Scratch by itself isn't very zoom-friendly)

Working on some forum style updates right now, watch out for them!
Here's a preview: http://i.cubeupload.com/nHcUyf.png

Edit: Update is live! Head over to the userstyles page and hit update, then check out the swaggy forums style.
Edit 2: I fixed this depending on MSU, now it should work fine without it

Last edited by MegaApuTurkUltra (Feb. 15, 2015 22:11:15)

goldfish678

Looks awesome. I'll try it out once I get home… on a Kindle Fire right now

MegaApuTurkUltra

Moar updates! I think this is my best work yet. I fiddled with some image filters and text-shadow, and this

looks amazing xD

Edit: even moar updates - http://i.gyazo.com/56fbe66b1fb56114b9f9de7138385824.png

Last edited by MegaApuTurkUltra (Feb. 17, 2015 01:48:12)

goldfish678

Just installed it - this is amazing!

MegaApuTurkUltra

Are you annoyed by the blurry homepage project images?
I have a fix! Unfortunately I can't replace images by pure CSS (although I can already do content: url(attr(“data-original”)) which would work except for the fact that I need to replace a certain portion of the URL)
So, I have an accompanying userscript that auto-fixes the images: https://greasyfork.org/en/scripts/8101-scratch-swaggification-homepage-fixer

iwotastic

Awesome

MegaApuTurkUltra

Bump

djdolphin

The homepage fixer is broken in Firefox with Greasemonkey. I'm getting the error “Permission denied to access property ‘call’”.

MegaApuTurkUltra

djdolphin wrote:
The homepage fixer is broken in Firefox with Greasemonkey. I'm getting the error “Permission denied to access property ‘call’”.

Lol I'll look into it (stupid greasemonkey and unsafeWindow.jQuery I'm assuming)

Edit: fixed

Last edited by MegaApuTurkUltra (Feb. 17, 2015 01:54:13)

andrewjcole

Looks nice! I did notice that the Discuss button does overlap the search bar. It could be because I have MSU installed.

MegaApuTurkUltra

andrewjcole wrote:
Looks nice! I did notice that the Discuss button does overlap the search bar. It could be because I have MSU installed.

Yeah. I actually had it compensate for the wiki link before, but I assumed that most people don't use MSU so I disabled wiki link and made the search bar work without it.

Either you can disable wiki link yourself (account menu > MSU settings > uncheck wiki link), or you can manually edit the style to work with wiki link.
To edit it, go to the stylish options and hit edit under my style. In the first section, scroll down until you find code like this (in Chrome, for some reason it won't let you CTRL-F unless you scroll all the way through the section)

#topnav form.search input{
  box-shadow:none;border-radius:5;width:200px;-webkit-transition:250ms all;transition:250ms all;position: relative;left:0px;background-image:url(http://i.cubeupload.com/rFLBx1.png);background-repeat:no-repeat;background-position: 5px 0px;
}

Replace it with

#topnav form.search input{
  box-shadow:none;border-radius:5;
  width:130px; /* <<<<< */
  -webkit-transition:250ms all;transition:250ms all;position: relative;left:0px;background-image:url(http://i.cubeupload.com/rFLBx1.png);background-repeat:no-repeat;background-position: 5px 0px;
}

Then hit save.

jTron

I wrote:
If anyone would like to pick up the project they can message me on Scratch or github.

I wrote:
The CSS on userstyles.org is a minified/production version of this project. Development (minimally commented, non-minified) CSS is available upon request at my Scratch user page.

I wrote:
want to contribute: Start a discussion on userstyles or (preferred) leave a comment on my Scratch profile.

Want the original, non-minified CSS?

Also, you've gotta get rid of the NC, please.

MegaApuTurkUltra

jTron wrote:
Also, you've gotta get rid of the NC, please.

Sorry, I'll remove NC.

jTron wrote:
Want the original, non-minified CSS?

I formatted the parts of your CSS that I did change, but I didn't change a lot compared to my additions, so I think I'm good

I can always format the whole thing if I want.

Also, I'm sorry I didn't message you - I didn't read the entire description on the userstyles page :P

Last edited by MegaApuTurkUltra (Feb. 17, 2015 16:56:06)

Iditaroid

This looks very cool, you should advertise it in a project so people on the main site can see!

Discuss Scratch