Skip to content

Complr for Tumblr by crassboard

Screenshot of Complr for Tumblr

Details

Authorcrassboard

LicenseMIT

Categoryhttps://www.tumblr.com/

Created

Updated

Size4.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Compressed Tumblr for shorter posts.

Notes

Complr reduces the heights of posts, leaving less blank spaces when scrolling.

This is version 3+.0.0 — Complr 1 and 2 were WIP sandboxes I messed around with. My goal is to keep this code tidy, coherent, and simple to edit.



19.09.2024 - .19 : the top of replies in the reblogs tab of a post would get clipped by the username box above. made some adjustments to fix that
16.08.2024 - .18 : reduced the padding in the activity tab (TZgeO)
12.08.2024 - .17 : reduces the bar of the "close notes" button and its line, the source link's line, margin around tags reduced, source link's line height reduced
09.08.2024 - .16.2 : increased spotify embed padding to fit the embed & ".2" fixes GIF sizes back to normal
20.03.2024 - .15 : reverted previous update, made the website jumpy
16.03.2024 - .14 : fixed results page post-tab overflow
07.03.2024 - .13 : list of users in a post's "likes" tab shortened
05.03.2024 - .12 : margin above reblogs reduced
03.03.2024 - .11 : comment usernames and content no longer overlap + reduced notes reblogs height
28.02.2024 Note: this style is mainly optimized for your dashboard. Problems occur in the results page after searching for something on tumblr and in the comments section of any post. Will be trying to resolve the issue with the comments
3.0.10 : reduced soundcloud embed height + adjustments; removed needless lines of code
3.0.9 : reduced reblog pfp-sizes + adjustments to that change
3.0.8 : added some distance between OP's follow/username and the time it's posted
3.0.7 : posts: increased Bottom-most line's bottom margin. uploaded images covered the text



Update notes 2024 02 10

  • reduced Quotes' line height
  • edited formatting
  • removed notes counter's border
  • moved notes counter closer to the left
  • less lines in the code
  • same functionality

Source code

/* ==UserStyle==
@name           Complr for tumblr
@namespace      github.com/openstyles/stylus
@version        3.0.19
@description    Compressed Tumblr for shorter posts.
@author         crassboard
==/UserStyle== */
@-moz-document url-prefix("https://www.tumblr.com/") {

.ZJdm4 {/*reblogger:"time posted" in same line as usernames*/ display: block ruby} /*alternatives: -webkit-box and -webkit-inline-box*/

.BjErQ { /*non - reblog post - ... around username*/
	padding-top: 0px;
	padding-bottom: 0px}

.HsI7c .RoN4R.tPU70 { /* Reduces reblog profile pictures */
      height: 80% !important;
      width: 80% !important}

.RoN4R.tPU70.xhGbM { /* Previous rule affects pictures in posts. This one overrides it*/
      height: 100% !important;
      width: 100% !important}

.DdFPj .RoN4R.tPU70{ /* It also affected GIFs. */
      height: 100% !important;
      width: 100% !important}

.BjErQ {/*around reblogger's username*/
      padding-top: 2px;
      padding-bottom: 2px}

.fAAi8 {/*Margins abv/blw a reblog-OP's username*/
      padding-top: 10px;
      padding-bottom: 4px}

.fAAi8 .GdjMk {/*Original Post date same line*/ display: block ruby}
.fAAi8 .zSfnO {margin-right: 12px; margin-left: -8px} /* added distance : follow to time*/

.XZFs6 .WIYYp .wvu3V    {/*margin below asker's username*/  margin-bottom: 1px}
.XZFs6 .WIYYp           {/*Ask margins abv/blw text*/       padding: 6px 0 6px}
.XZFs6                  {/*Margin below ask - box*/         padding-bottom: 8px}      

    /*Above text in text post*/ 
.k31gt:first-child {margin-top: 1px}

.k31gt {/*Text line height, the distance between lines*/
      line-height: 1.1;
/*Line breaks and below the bottom -most line*/
      margin-top: 5px;
      margin-bottom: 0px}

.k31gt .iQED4 {/*Quotes*/ line-height: 1.1}

.iLvsm { /*Margin between a Poll's Title and its first option. And some other stuff*/
	margin-bottom: 6px;
	font-size: 20px;
	font-weight: 800;
	line-height: 30px}
      
.BIsI3.OHDdK {/*Spotify Embed Height*/
	padding-bottom: 30%}
      
.Z6JVM.OHDdK {/*Spotify Embed Padding*/
	padding-bottom: 28%}

/* Soundcloud Embeds */
.Z6JVM.no7Dd {height: 30%}
.Z6JVM.zZeJN {padding-bottom: 30%}

.hAFp3 { /*Margin above tags to post content, margin between tag lines*/
	margin-top: 4px;
	line-height: 1.15}
      
.d_FyU { /*Source link line*/
	margin-top: 1px;
      margin-bottom: 0px!important}



      /* !!! ACTIVITY TAB !!!  */
.TZgeO { /* Padding around singular notifications */
padding-top: 8px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px}



      /* !!! NOTES !!! */
/*Above+around Note Counter*/
.tOKgq, .qYXF9 {margin-top: 5px}
.tOKgq .m5KTc {padding:0px 0}

/* "close notes" button */
.rlv6m .ePsyd {height: 25px}
/* "close notes" line*/
.m5KTc {height: 25px}

/* reduces the comment/reblog/like bar's height */
.poThh {height:35px}

.vE6sH {/*Messes with the Notes Border. Removes it and pulls closer to the left*/
      border: 0px;
	height: 32px;
	padding: 2px 2px}

.u2tXn {margin-top: 2px} /*Margins between reblogs*/

.MI6Q7 .k31gt:first-child{/* Comment username and content dont overlap */
      margin-top:7px}

.MI6Q7 {margin-bottom: 4px} /*between replies on a post*/ 

.As9E4 {/*more space on right for comments, less space between content and box*/
      margin-right: 1px;
      padding: 10px 4px} /*U+D & L+R*/

.rEGcu.fYhK7 {/*between the two very top and v bottom comments*/
      padding-top: 2px;
      padding-bottom: 0px}
      
.UwAQg {margin: 4px 0} /*List of users in a post's "likes" tab shortened*/

.SsGE3 {display: block ruby} /*username + time in same line*/ .zWtFe {margin-right: 12px; margin-left: 8px} /*added distance*/
.QjaJb {padding:4px 0px 4px 0px} /*less space between notes reblogs*/ .hAFp3{margin-top:2px!important; margin-bottom:4px!important}/*reduced margins in notes reblogs content*/
}

Reviews

No reviews yet.