#sidebars

[galaxy--supernova-scans]

Layouts in honor of Vernon's birthday (from recent scans). please like/reblog if you save!

[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; } } }

[ananiujitha]

A partial solution to the Tumblr sidebars...

I'd like a complete solution which replaces the sidebars. But adding space between the sidebars and the posts helps avoid *some* of the migraines...

You can add the following to your userContent.css

/* Global Fix Tumblr */

.ZkG01 {justify-content: start !important}

.h_Erh {margin-left: 50px !important}

.lSyOz {margin-left: 250px !important}

.lSyOz {margin-right: 250px !important}

.lSyOz {min-width: 600px !important}

I've set the spacing for a 1080p monitor. You can adjust the distances to whatever feels right.

[lazycatie]

boa @ glitter graphics

[logangarfield]

Hey everyone!! I decided to start doing edit commissions to help pay for my dental work because it is laughable how expensive it is. You can find details here!!

I’ll be doing icons, headers, sidebars, and psds. You can find examples under the cut and at the above link!!

Icons:

Sidebars:

Headers:

PSDs:

[lgbtincomics]

Assorted LGBTQ comic characters sidebars


- Some of the previous sidebars we’ve used on this blog, now available for anyone who’d like to use them! 

Characters: Scandal Savage; Karolina Dean; Roxy Washington; Yusuf Al Kaysani & Nicolo di Genova; Kyle Jinadu & Jean-Paul Beaubier; David Alleyne; Elena Abbott; Peter Quill.

[ao3screenshotss]

[hirarii-fans]

Hirari layouts (POV: sexy swimwear model)