Skip to content

Multi-Column Tumblr Dash by isaackuo

Screenshot of Multi-Column Tumblr Dash

Details

Authorisaackuo

Licensepublic domain

Categorytumblr.com

Created

Updated

Size8.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Gives 2 to 5 column Dashboard. You can browse your dash much faster

Notes

This works best if you switch Tumblr dash to paged viewing rather than continuous

Source code

/* ==UserStyle==
@name           Multi-Column Tumblr Dash
@namespace      USO Archive
@author         Isaac Ji Kuo
@description    `Gives 2 or 3 or 5 column Dashboard. You can browse your dash much faster this way!`
@version        20221208.21.36
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("www.tumblr.com") {

/* The following was for a tumblr update on 2021-11-10 */

.lSyOz > main,    
div.gPQR5  { margin: 0px 0px 0px 80px !important; max-width: 9999px !important; }
/* Five column if wide enough */
@media only screen and (min-width: 3125px) {
    div.gPQR5  { max-width: 9999px !important; width: calc(19px + 5*625px + 88px) !important; }
    div.lSyOz  { max-width: 9999px !important; width: calc(19px + 5*625px + 88px) !important; }
    div.lSyOz > main,
    .kOFpP,
    div.lSyOz > main > div > div,
    main.O4V_R { max-width: 9999px !important; width: calc(9px  + 5*625px) !important; }
}
/* Quad column if wide enough */
@media only screen and (min-width: 2500px) and (max-width: 3124px) {
    div.gPQR5  { max-width: 9999px !important; width: calc(19px + 4*625px + 88px) !important; }
    div.lSyOz  { max-width: 9999px !important; width: calc(19px + 4*625px + 88px) !important; }
    div.lSyOz > main,
    .kOFpP,
    div.lSyOz > main > div > div,
    main.O4V_R { max-width: 9999px !important; width: calc(9px  + 4*625px) !important; }
}
/* Triple column if wide enough */
@media only screen and (min-width: 1875px) and (max-width: 2499px) {
    div.gPQR5  { max-width: 9999px !important; width: calc(19px + 3*625px + 88px) !important; }
    div.lSyOz  { max-width: 9999px !important; width: calc(19px + 3*625px + 88px) !important; }
    div.lSyOz > main,
    .kOFpP,
    div.lSyOz > main > div > div,
    main.O4V_R { max-width: 9999px !important; width: calc(9px  + 3*625px) !important; }
}
/* Double column otherwise */
@media only screen and (max-width: 1874px) {
    div.gPQR5  { max-width: 9999px !important; width: calc(19px + 2*625px + 88px) !important; }
    div.lSyOz  { max-width: 9999px !important; width: calc(19px + 2*625px + 88px) !important; }
    div.lSyOz > main,
    .kOFpP,
    div.lSyOz > main > div > div,
    main.O4V_R { max-width: 9999px !important; width: calc(9px  + 2*625px) !important; }
}

    
/* normal posts */    
div.So6RQ {
    vertical-align: top !important;
    width: 625px !important;
    display: inline-block !important;
    padding: 0;
}
div.wttFd { width: 540px !important; } /* New post header */
div.m3lOJ { width: 540px !important; } /* PREV ... NEXT */
    
    
    
    
/* The following was for a tumblr update on 2021-08-19 */

.acReb { margin: 0px 0px 0px 0px !important; }
/* Five column if wide enough */
@media only screen and (min-width: 3125px) {
    .acReb { max-width: 9999px !important; width: calc(19px + 5*625px + 88px + 990px - 625px) !important; }
    .T5uZR { max-width: 9999px !important; width: calc(19px + 5*625px + 88px) !important; }
    .tyUMl { max-width: 9999px !important; width: calc(19px + 5*625px) !important; }
}
/* Quad column if wide enough */
@media only screen and (min-width: 2500px) and (max-width: 3124px) {
    .acReb { max-width: 9999px !important; width: calc(9px + 4*625px + 88px + 990px - 625px) !important; }
    .T5uZR { max-width: 9999px !important; width: calc(9px + 4*625px + 88px) !important; }
    .tyUMl { max-width: 9999px !important; width: calc(9px + 4*625px) !important; }
}
/* Triple column if wide enough */
@media only screen and (min-width: 1875px) and (max-width: 2499px) {
    .acReb { max-width: 9999px !important; width: calc(9px + 3*625px + 88px + 990px - 625px) !important; }
    .T5uZR { max-width: 9999px !important; width: calc(9px + 3*625px + 88px) !important; }
    .tyUMl { max-width: 9999px !important; width: calc(9px + 3*625px) !important; }
}
/* Double column otherwise */
@media only screen and (max-width: 1874px) {
    .acReb { max-width: 9999px !important; width: calc(9px + 2*625px + 88px + 990px - 625px) !important; }
    .T5uZR { max-width: 9999px !important; width: calc(9px + 2*625px + 88px) !important; }
    .tyUMl { max-width: 9999px !important; width: calc(9px + 2*625px) !important; }
}
/* Normal posts */
.IGdYk {
    vertical-align: top !important;
    width: 625px !important;
    display: inline-block !important;
    padding: 0;
}
.JmReO { width: 540px !important; } /* New post header */
.j3_kY { width: 540px !important; } /* inline ads */
._4uRw { width: 540px !important; } /* PREV ... NEXT */
    

    
    
/* The following was for a tumblr update on 2021-04-18 */
    
._2YKZE { margin: 40px 40px 80px 80px !important; }
/* Five column if wide enough */
@media only screen and (min-width: 3125px) {
    .kW_rp  { max-width: 9999px !important; width: calc(19px + 5*625px + 88px + 990px - 625px) !important; }
    ._29jR1 { max-width: 9999px !important; width: calc(19px + 5*625px + 88px) !important; }
}
/* Triple column if wide enough */
@media only screen and (min-width: 1875px) and (max-width: 3124px) {
    .kW_rp  { max-width: 9999px !important; width: calc(9px + 3*625px + 88px + 990px - 625px) !important; }
    ._29jR1 { max-width: 9999px !important; width: calc(9px + 3*625px + 88px) !important; }
}
/* Double column otherwise */
@media only screen and (max-width: 1874px) {
    .kW_rp  { max-width: 9999px !important; width: calc(9px + 2*625px + 88px + 990px - 625px) !important; }
    ._29jR1 { max-width: 9999px !important; width: calc(9px + 2*625px + 88px) !important; }
}
    
/* Bugfix alignment change or something */
._2erxf {
    vertical-align: top !important;
}


/* Normal posts */
._2erxf._3Z_GW {
    vertical-align: top !important;
    width: 625px;
    display: inline-block !important;
    padding: 0;
}

/* inline ads */
._2erxf:not([class='_2erxf 3Z_GW']) {
    width: 540px;
    display: inline-block !important;
    padding: 0;
    margin-right: 88px;
}

._3u2Ih { width: 540px !important; } /* New post header */
    
    
/* The following was for a tumblr update on 2020-03-26 */

/* Five column if wide enough */
@media only screen and (min-width: 3125px) {
    .k6432  { max-width: 9999px !important; width: calc(19px + 5*625px + 88px + 990px - 625px) !important; }
    ._27pa2 { max-width: 9999px !important; width: calc(19px + 5*625px + 88px) !important; }
    ._35Kmi { max-width: 9999px !important; width: calc(19px + 5*625px) !important; }
    .sJ4Kj  { max-width: 9999px !important; width: calc(19px + 5*625px) !important; }
}
/* Triple column if wide enough */
@media only screen and (min-width: 1875px) and (max-width: 3124px) {
    .k6432  { max-width: 9999px !important; width: calc(9px + 3*625px + 88px + 990px - 625px) !important; }
    ._27pa2 { max-width: 9999px !important; width: calc(9px + 3*625px + 88px) !important; }
    ._35Kmi { max-width: 9999px !important; width: calc(9px + 3*625px) !important; }
    .sJ4Kj  { max-width: 9999px !important; width: calc(9px + 3*625px) !important; }
}
/* Double column otherwise */
@media only screen and (max-width: 1874px) {
    .k6432  { max-width: 9999px !important; width: calc(9px + 2*625px + 88px + 990px - 625px) !important; }
    ._27pa2 { max-width: 9999px !important; width: calc(9px + 2*625px + 88px) !important; }
    ._35Kmi { max-width: 9999px !important; width: calc(9px + 2*625px) !important; }
    .sJ4Kj  { max-width: 9999px !important; width: calc(9px + 2*625px) !important; }
}

    
/* Bugfix alignment change or something */
._1DxdS {
    vertical-align: top !important;
}


/* Normal posts */
._1DxdS._2jOH- {
    vertical-align: top !important;
    width: 625px;
    display: inline-block !important;
    padding: 0;
}

/* inline ads */
._1DxdS:not([class='_1DxdS _2jOH-']) {
    width: 540px;
    display: inline-block !important;
    padding: 0;
    margin-right: 88px;
}

._1PcJ1 { width: 540px !important; } /* New post header */
._3hynO { width: 540px !important; } /* Prev Next button footer */


/* The following was for tumblr before an update on 2020-03-26 */

.l-content { padding: 0 !important; }
.l-container { padding: 0; padding-top: 75px; }
@media only screen and (min-width: 1875px) {
    .l-container { width: calc(3*625px + 88px + 990px - 625px) !important; }
    #left_column { width: calc(3*625px + 88px); }
}
@media only screen and (max-width: 1874px) {
    .l-container { width: calc(2*625px + 88px + 990px - 625px) !important; }
    #left_column { width: calc(2*625px + 88px); }
}
#posts.posts>#new_post_buttons { display: block !important; }
#posts.posts>.post_container {
    vertical-align: top;
    width: 625px;
    display: inline-block !important;
    padding: 0;
}
#posts.posts>.standalone-ad-container {
    width: 540px;
    display: inline-block !important;
    padding: 0;
    margin-right: 88px;
}
.l-footer-container { height: 100000px; }

}

Reviews

No reviews yet.