#Stylus

[pixiel]

Old Tumblr Dashboard (Userstyle)!!

I created a Userstyle for the Chrome/Firefox Stylus Extension that reverts the new dashboard to the old look!

You need to have Stylus installed. So if you don't have it:

Install the Stylus Firefox Addon or the Manifest V2 Chrome Extension (You can install Chrome Extensions on Edge as well)

Once it's installed into Firefox/Chrome/Edge you can proceed with adding this style or any other.

To add the style (Stylus), follow the instructions:

Go to this link: https://userstyles.world/style/11286/old-tumblr-dashboard-july-2023

Click on "install".

Style will open a tag with it and in the left side you'll have a button that says "install style", click there. (Step-by-step copied from the lovely dorothyoz39 who wrote this in a reply!) If you don't want the sticky header you can remove the labelled script at the top of the css below /* Sticky Header*/

For Manifest V3 only Chrome Or Stylus incompatible browsers:

For Chrome Manifest V3 install the Tampermonkey Extension

Then add the Tampermonkey Backup Script instead of the Stylus version

https://greasyfork.org/en/scripts/492279-old-tumblr-dasboard-backup I highly recommend you switch to Firefox for continued use of good extensions! Stylus does not have a V3 update yet; however, the tamermonkey script works just as good.

Be sure to check for updates regularly and if you'd like, consider supporting me on Ko-Fi https://ko-fi.com/pixiel !

I'm currently taking donations so I can afford a much-needed wheelchair, so please check out my GoFundMe for more details! Any Ko-Fi donations will be added manually to the GoFundMe

..::::HOW TO UPDATE::::..

click the Manage button on Stylus and click the check for update button next to the userstyle, then click again to install!

Make sure to check the Userstyle and see if the version number matches the one below if you don't see any changes!

NEW UPDATE: 18/11/24 (D/M/Y) 01:28PM BST v16.3

v14.11: Made Premium Perks button available in the bottom left corner for all premium users v15.2: Fixed the Tumblr fuckup AND added a cool new feature that allows you to customise the look of your header & hide the reply-to-replies button if you like, here's how to customise this. Set to "Block" if you want the button/icon visible, Set to "None" if you want it hidden! V15.5: Given labels to options for clarity - now says 'show' or 'hide'! You can also fix the positioning of the Communities button and subnav from this menu as well - it should remember your settings when you update!

v15.9: The Boopdate! V16.0: Fixed Search view pages and made them look normal, unfortunately, I can't bring back the dropdown menus for "top"/"All Time" etc - but it should look more like the original now v16.3: Minor tweaks to make search pages look better

Tumblr Post Width & More (OTD+ Userstyle) Is now available!!

OTD+ is an add on for Old Tumblr dashboard that you can use to edit the Post Width, Content Positioning & More - It must be used with Old Tumblr Dashboard installed as well on the latest update! This style might be merged with OTD in the future.

THE CREATOR OF THIS USERSTYLE SUPPORTS THEIR TRANS SISTERS. WE'RE ALL IN THIS TOGETHER!

Check the readmore for the changelog, custom code & known issues!

----- Known issues:

Only two columns in Masonry view. Semi-Unfixable, Tumblr creates columns based on monitor size, if I try adding another column (because it doesn't exist) it just perpetually loads on screen. Semi-fix: Zoom out in chrome/firefox and it adds more columns, you may need to change the font size of the page though

Search bar doesn't appear on some pages (like viewing a post), this is because Tumblr removed the search bar on those pages completely. Unfixable but not a big deal

Tumblr has ONCE AGAIN CHANGED THE ACCOUNTS MENU. The menus are now shorter and have less information on them. This is unfortunately permanent. I do not see any way to fix this. Unfixable.

If you want people's icons to stay fixed in place, instead of scrolling with the dashboard change this in Stylus;

Or if you're using the tampermonkey version

Find text:

.NLCTe > div.Evcyl > div > div > .So6RQ.YSitt > .ge_yK > .c79Av > article > header > .RYkKH > .nZ9l5 { pointer-events: auto; top: 55px; transition: top .25s; position: -webkit-sticky; position: sticky; } and replace it with;

.NLCTe > div.Evcyl > div > div > .So6RQ.YSitt > .ge_yK > .c79Av > article > header > .RYkKH > .nZ9l5 { pointer-events: auto; top: 0px; transition: top .25s; position: absolute; }

Solved issues: (Update)

Menus need to be manually closed SOLVED! in V.4 and updated in V.5! The menu & icon WILL scroll with you if you have removed the sticky header CSS, however, clicking anywhere on screen will make the Menu disappear still.

Masonry view in searches is now fixed!

Resized Messenger Chat Box!

NEW UPDATE 16/08/23, 23:55 BST v6.5: Figured out how to reorganise the icons in the header. Let me know if you have any problems with it and make sure to update your Userstyle! Some icons are hidden with Display: Block; you can hide more icons with this method!

Solved issues p2

Brought back SOME of the icons for Tumblrs latest update - Unfortunately, this does not bring back user icons for Reblogged posts! Make sure to yell at Tumblr for removing the icons as well as the horrible dashboard update here! v7.5 Fixed icons for all posts and put them back where they came from!

v6.9.6.9 (I promise this is the last funny number): Fuck Off Buggy The Clown Update + All languages support for the old header design!

v7.0: Fixed the search bar for tumblrs new collections feature, so it looks like the original search bar!

v8.0: Fixed masonry view icons, hidden the reblog icon on dashboard icons, fixed icons in blog viewport

V8.1: Fixed issue with icons not working on soft-refresh & with endless scrolling disabled - be sure to complain to staff!

v9.3: Changed a few things with the search feature, I also made the posts less round.

UPDATE2 11/04/2024: SO We mighhtttt have overrun their servers. 😅 I'm getting a 500 Internal Server Error every time I try to fix it or upload it as a new style - the massive influx of people downloading the userstyle was probably too much. The Tampermonkey backup on Greasyfork works just fine though! Probably easier for a lot of people migrating anyway! UPDATE 11/04/2024:: My code has broken on Userstyles.world, (it is now fixed as of 12/04/24) until this is fixed I have created a Tampermonkey Backup Version of the Userstyle so feel free to use this version if you've broken yours!

https://greasyfork.org/en/scripts/492279-old-tumblr-dasboard-backup

v9.6: Moved the Following | For you | Your Tags to below the create a post panel. Fixed the Accounts Menu! + Bugfixes V10.3: Patio compatibility. Added a way to hide the Patio button & "patio feedback?" button, just search for patio in the code and follow the instructions! v11.0: Temporary Chat feature fix after Tumblr broke it, fixed some positioning issues and j/k scrolling!

v12.3: Fixed a text issue (my bad!), I undid the changes to the replies function and added a way to fix icons order for when you get the communities update!

v12.5: Update to make compatible with the Content Positioning using Tumblr Post Width & More (OTD+ Userstyle) v12.6: Post buttons fixed, icons unable to be fixed yet as I haven't got the tumblr changes just yet - but I will fix them asap!

v11.7: Communities Update, changed the new search bar on communities page to resemble the old one. The search bar still doesn't work on these pages yet for some reason. Blog view icons fixed. v13.0: The icons change should now have a working patchfix! BIG THANK YOU to arcadian-asgardian for sending me the screenshots I needed and testing if it worked. + Minor tweak, communities button resized to fit the rest of the icons better v13.2: Mini fixes now that I have better access to the new changes! Communities icon re-centered, usernames nudged back into place.

V13.5 & v13.7: Nuked the Go Premium button - Re-positioned the search bar on search pages v13.10: Changed a lot of the new look for replies - it's not perfect yet mind. Small bug with the "..." menu moving to the left with shorter replies. Looks a lot more like the old replies section though! Made it possible to remove the reply to reply button just search for "NEW Replies UI" in the userstyle and remove the /* */ around "display: none" OR use Ublock to block the element! v14.1: Reverted the "Original Poster" border + text to look like old version. Edit: Whoops, fixed an issue with showing the timestamps

v13.4: Added a way to fix the communities icon position if you don't have the New Xkit button or have hidden any of the icons. Just remove the highlighted /* */ pair in the code for what you need.

[gummi-stims]

DS stims we all did as 2000s kids

[nicstylus]

An untied shoelace can be dangerous!

[yw4]

src

[agustd-daechwita]

if anyone's having problems with the old dashboard style, go to edit code, find this

and you should notice there aren't commas between the different classes (the .IYr09 etc) and you just need to put commas between there and it should get rid of the text

[nyctothemes]

Tumblr 2023 Layout - cleaned up

I personally am open to a new look, but my god is it cluttered 😵 I'm rusty with coding, so lemme know if there's any bugs.

How to add:

Add the Stylus Chrome or Firefox extension.

While on tumblr's homepage, click the extension's "Write style for: www.tumblr.com/" button.

Paste this code into the top area (replace any default code already present)

Delete any part of the code that hides something you want (e.g. the Explore button).

Save!

[vilev4mpire]

CHROMAKOPIA FANART

[emanuele-fr]

I always wanted to have water flight's art as a background without changin' flights, so I wrote a style to use with the Stylus add-on 👀 it works with "Simple Dark Redux for Flight Rising" by meow, too (tho in this screenshot I did change some colors and fonts)

I wanted to share it with everyone so if you'd like to change yer backgrounds too, link to install it is here !

[maripapercat]

the more I try to escape the more I get absorbed in the fandom, so last night I started looking on pinterest for all error and ink fanchilds I could find, I tried to find the credits of all but I couldn't, I'll probably draw them all at some point as I want to draw them (and many others that I found and didn't fit on the canvas) in more detail

credits ☟︎

inspired by this

Paper Jam - @7goodangel

Gradient - @askcomboclub

Drop - uyuni-piyo ?

Den - @thenerdartkid ?

Design - @pepper-mint

Cinnamon - @thesmallsoul ?

Spilled ink - @edythilusion

Bonbon - @sosozsofieia

Sketch - @winterbreh20 ?

Stylus - @romandraconics

White ink- @sapphirescarletta123

Pandora - @zsofieia

Caper Pen - @lostorigin

Glim - not found

Errin - @verinel2

Despair/spectrum- andrewture (toyhouse)

Guffe - seaseelie (twitter)

Adobe - 80sneoncowboy (twitter)

Spatter and splatter - nutella kuu ?

Rain - @xxxxsrtaluna

Monochrome - @kamigarin

Graphite - petra (amino)

Wrongink and overlay - not found

Acrylic - @drawsomeshet

hey, here are more errorink fanchilds in case you are interested :]

[msfisherot]

finally giving Ralph justice by drawing him properly

[ifartconfetti]

Everyone who uses the "old dashboard" addon please update it:

[nicstylus]

That'll teach him to underestimate stupid people

[yw4]

src

[cheemsroniakalittleguy]

Wiiver and Stylus

[thesilicontribesman]

Replica Roman Items from Caerleon Roman Baths Museum, Caerleon, nr. Newport and Cardiff, Wales

[nobodysuspectsthebutterfly]

A quick Stylus script to make Tumblr's new sidebars a little less crowded and more comfortable

So, that new sidebar, yeah? Sure is a thing. The tumblr devs might change things before it's fully implemented across the board, and Xkit Rewritten might add some options after the interface moves from testing to permanent -- but until they do, here's a little fix to spread things out a little, so that your tumblr experience doesn't feel so squished. It results in a dash like this:

which is a little more comfortable than the original, I think.

To install the script, first make sure you install the addon/extension Stylus, if you don't have it already. And then, well, simply click here, and click "install" to add the style. Enjoy your more wide open spaces!

(Code under the cut for advanced users; comments or suggestions are welcome. You're also free to modify your own copies for any sidebar width or spacing you prefer.)

/* ==UserStyle== @name Tumblr - New Sidebar Fixes @namespace https://nobodysuspectsthebutterfly.tumblr.com @author Mindset @description Moves Tumblr's new sidebars outward to make things a little less crowded. @version 1.3 @license GPL-3.0-or-later ==/UserStyle== */ @-moz-document domain("tumblr.com") { /* makes sure this only applies to page sizes where the sidebars appear */ @media (min-width: 1150px) { /* moves the left sidebar further left */ .ZkG01 .h_Erh { margin-right: 100px !important; margin-left: -90px !important; } /* keeps the center section the width it should be and moves the right sidebar to the right */ .ZkG01 .lSyOz { min-width: 625px !important; padding-right: 100px !important; } /* keeps the right sidebar the width it should be */ .ZkG01 .e1knl { min-width: 320px !important; } } }