Skip to content

Old Tumblr Dashboard (Userstyle) by Pixiel

Screenshot of Old Tumblr Dashboard (Userstyle)

Details

AuthorPixiel

LicenseNo License

Categoryhttps://www.tumblr.com/

Created

Updated

Size45 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A fix for the new Tumblr dashboard! If you don't want the sticky header you can remove the labelled script at the top of the css below /* Sticky Header*/

Notes

Original post with Updates, Bugfixes & Known issues/Unfixable issues (as well as some tips on how to fix some cosmetic issues caused by monitor size) here on my Tumblr! https://www.tumblr.com/pixiel/723402150351437824/anyway-i-created-a-stylish-stylus-that

Feel free to support me on ko-fi.com/pixiel as I update this userstyle

Updates (for more frequent updates check the Tumblr post):
v11.0: Temporary Chat feature fix after Tumblr broke it, fixed some positioning issues and j/k scrolling!

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!

v9.6: Moved the Following | For you | Your Tags to below the create a post panel. Fixed the Accounts Menu! + Bugfixes

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

v8.0: Fixed masonry view icons, hidden the reblog icon on dashboard icons, fixed icons in blog viewport, Fixed issue with icons not working on soft-refresh & with endless scrolling disabled - be sure to complain to staff!

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

V.6 - Figured out how to reorganise the icons in the header. This may cause some new issues! 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 but be aware it may break other features!

V.5 (1~3 August) - Fixed some issues with masonry view, moved userstyle to new document. Fixed Xkit's text update! Minor bugfixes.

V.5 cont. (Aug 3) - Added a new guide to make moving the Settings and Accounts buttons easier if you remove icons with Ublock.

V.4 (23/07 2:25AM UK time) - Possibly solved the menus not closing when you click away - this may add some bugs, message me with any problems! Also moved the /Sticky Header/ option to the top so it's easier to find and remove!

V.3 (21/07 23:23 UK Time) - Updated the Menus so they look more closely to the old menus, fixed some smaller bugs

V.2 - Fixed how the settings & user menu looks, it pops up when you visit some pages and needs to be manually closed. Will see if I can figure out how to make it close on its own another day.

V.1 - A few issues with the search bar when you remove the sticky header on wider monitors and the Settings menu pops up on some pages, but overall I'm happy with it

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Old Tumblr Dashboard (Userstyle)
@namespace      github.com/openstyles/stylus
@version        13.4
@description    For Tumblr Update 2023
@author         Pixiel
==/UserStyle== */
@-moz-document url-prefix("https://www.tumblr.com/") {


    /*No Go ad-free today button*/
    .HOjIH {
        display: none;
    }


    


    @media (min-width: 990px) {







  /* If you wish to remove the sticky header and have it stay in place, 
    remove all the text between this and ''Sticky header End''
    you will need to redo this any time you update the style!

    Unfortunately a fixed header is a bit buggy so remove at your own risk!*/
        
        /*Sticky Header*/
        .ZkG01 .h_Erh {
            z-index: 99 !important;
            position: fixed !important;
        }

        @media (min-width: 1161.3px) {
            /*Moves the search bar - Fullscreen + Sticky*/
            .N5wJr,
            .zmjaW {
                position: fixed !important;
                left: 125px !important;
                top: -5px !important;
                z-index: 99 !important;
                width: 415px !important;
            }
            .N5wJr.X7vaQ {
                left: 133px !important;
                top: 9px !important;
                width: 399px !important;
            }
            
            .G6PED {
                position: fixed !important;
                top: 8px !important;
                z-index: 99;
                left: 133px !important;
                width: 415px;
            }
        }


        @media (max-width: 1161.3px) {
            /*Moves the search bar - Smallscreen + Sticky*/
            .N5wJr,
            .zmjaW {
                position: fixed !important;
                left: 45px !important;
                top: -5px !important;
                z-index: 99 !important;
                width: 280px !important;
            }
            .N5wJr.X7vaQ {
                left: 54px !important;
                top: 9px !important;
            }
            
            .G6PED {
                position: fixed !important;
                top: 8px !important;
                z-index: 99;
                left: 53px !important
            }
            
        }

        .X7vaQ {
            margin-top: 0px;
            padding-top: 14px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .FtjPK .AD_w7 .JZ10N.y0ud2 {
            top: calc(55px + var(--dashboard-tabs-header-height, 0px))!important;
        }


        .N5wJr.QI77K {
            top: 9px !important;
            left: 133px !important;
            width: 399px !important;
        }
        
    
        /*Sticky Header End*/
        
        
        



@media (max-width: 1161.3px) {
        /*Reorders the Icons in the header*/

/*COMMUNITIES UPDATE - REMOVE /* (around order) IF USING COMMUNITIES PAGES*/

    /*Communities*/

    .gM9qK > span.ZQMrc:nth-of-type(1) {
    /*order: 3 !important;*/
}
    /*Activity*/

    .gM9qK > span.ZQMrc:nth-of-type(2) {
    /*order: 8 !important;*/
}  
    /*Chat*/

    .gM9qK > span.ZQMrc:nth-of-type(3) {
    /*order:7 !important;*/
} 
  /*Accounts*/ 

    .gM9qK > span.ZQMrc:nth-of-type(4) {
    /*order: 15 !important;*/
}
    /*shop*/ 

    .gM9qK > span.ZQMrc:nth-of-type(5) {
    /*order: 5 !important; */
        } 
    }
        
        /*Accounts*/
        ul li.g8SYn {
            order: 13;
        }

        @media (max-width: 1161.3px) {
            /*Accounts*/
            .gM9qK > span.ZQMrc:nth-of-type(3) {
                order: 13;
            }
        }
        /*Home*/
        ul li.g8SYn[title="Home"],
        ul li.g8SYn[title="Welcome"],
        ul li.g8SYn[title="ホーム"],
        ul li.g8SYn[title="Pano"],
        ul li.g8SYn[title="Inicio"],
        ul li.g8SYn[title="Главная"],
        ul li.g8SYn[title="Strona główna"],
        ul li.g8SYn[title="Início"],
        ul li.g8SYn[title="홈"],
        ul li.g8SYn[title="主页"],
        ul li.g8SYn[title="首頁"],
        ul li.g8SYn[title="主頁"],
        ul li.g8SYn[title="Beranda"],
        ul li.g8SYn[title="होम"],
        ul li.g8SYn[title="Accueil"] {
            order: 1;
        }
        /*Explore*/
        ul li.g8SYn[title="Explore"],
        ul li.g8SYn[title="Entdecken"],
        ul li.g8SYn[title="Esplora"],
        ul li.g8SYn[title="探索"],
        ul li.g8SYn[title="Keşfet"],
        ul li.g8SYn[title="Explorar"],
        ul li.g8SYn[title="Обзор"],
        ul li.g8SYn[title="Odkrywaj"],
        ul li.g8SYn[title="Verkennen"],
        ul li.g8SYn[title="둘러보기"],
        ul li.g8SYn[title="发现"],
        ul li.g8SYn[title="Jelajah"],
        ul li.g8SYn[title="एक्सप्लोर करें"],
        ul li.g8SYn[title="Explorer"] {
            order: 2;
            
        }

        /*Patio*/
        ul li.g8SYn[title="Patio"] {
            order: 3;
        }

        .G16Pk {
            Display: none;
        }
        /*If you want to hide the patio button, 
        remove the " /* " around display: none; */
        ul li.g8SYn[title="Patio"],
        .KTRcB:has(.B1L2M[aria-label="Patio"]) {
            /*display: none;*/
        }
        
        /*If you want to hide the "patio feedback?" button, 
        remove the " /* " around display: none; */
        .sebgd {
            /*display: none;*/
        }

        /*Communities*/
        ul li.g8SYn[title="Communities"],
        ul li.g8SYn[title="Communitys"],
        ul li.g8SYn[title="Communautés"],
        ul li.g8SYn[title="Community"],
        ul li.g8SYn[title="コミュニティ"],
        ul li.g8SYn[title="Topluluklar"],
        ul li.g8SYn[title="Comunidades"],
        ul li.g8SYn[title="Сообщества"],
        ul li.g8SYn[title="Społeczności"],
        ul li.g8SYn[title="Community's"],
        ul li.g8SYn[title="커뮤니티"],
        ul li.g8SYn[title="社区"],
        ul li.g8SYn[title="社群"],
        ul li.g8SYn[title="समुदाय"],
        ul li.g8SYn[title="Komunitas"] {
            order: 4;
            Display: block
        }

    /*If you've hidden any other icons to the right of Communities
 OR don't have xkit choose one below and remove the " /* " around it */
        
        /*Hidden 1 icon OR no New Xkit button*/

/*      #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
          right: 383px !important; }
        #community_subnav {
          right: 390px !important;
            }
*/

        /*Hidden 2 icons*/

/*      #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
          right: 330px !important; }

        #community_subnav {
          right: 290px !important;
            }
*/
        
           /*Hidden 3 icons*/

 /*     #community_button.TRX6J.UyyJb[aria-expanded="true"] > .EvhBA.tDT48 {
          right: 276px !important; }

        #community_subnav {
          right: 240px !important;
            }
 */    
        
        
        /*Shop*/
        @media (min-width: 1161.4px) {
            .gM9qK > span.ZQMrc:nth-of-type(3) {
                order: 5;
            }
        }
        .gM9qK > span.ZQMrc:nth-of-type(4) {
            order: 5;
        }

        /*Inbox*/
        ul li.g8SYn[title="Inbox"],
        ul li.g8SYn[title="Posteingang"],
        ul li.g8SYn[title="Mailbox"],
        ul li.g8SYn[title="Posta"],
        ul li.g8SYn[title="受信箱"],
        ul li.g8SYn[title="Gelen Kutusu"],
        ul li.g8SYn[title="Bandeja de entrada"],
        ul li.g8SYn[title="Входящие"],
        ul li.g8SYn[title="Skrzynka odbiorcza"],
        ul li.g8SYn[title="Caixa de entrada"],
        ul li.g8SYn[title="수신함"],
        ul li.g8SYn[title="收件箱"],
        ul li.g8SYn[title="收件匣"],
        ul li.g8SYn[title="Kotak Masuk"],
        ul li.g8SYn[title="इनबॉक्स"],
        ul li.g8SYn[title="Boîte de réception"] {
            order: 6 !important;
        }

        /*Chat*/
        .gM9qK > span.ZQMrc:nth-of-type(2) {
            order: 7;
        }
        
        /*Activity*/
        .gM9qK > span.ZQMrc:nth-of-type(1) {
            order: 8;
        }

        /*Settings*/
        ul li.g8SYn[title="Settings"],
        ul li.g8SYn[title="Einstellungen"],
        ul li.g8SYn[title="Impostazioni"],
        ul li.g8SYn[title="設定"],
        ul li.g8SYn[title="Ayarlar"],
        ul li.g8SYn[title="Configuración"],
        ul li.g8SYn[title="Настройки"],
        ul li.g8SYn[title="Ustawienia"],
        ul li.g8SYn[title="Preferências"],
        ul li.g8SYn[title="Configurações"],
        ul li.g8SYn[title="Instellingen"],
        ul li.g8SYn[title="설정"],
        ul li.g8SYn[title="设置"],
        ul li.g8SYn[title="設定"],
        ul li.g8SYn[title="Pengaturan"],
        ul li.g8SYn[title="सेटिंग"],
        ul li.g8SYn[title="Paramètres"] {
            order: 9;
        }
        
        /*Tumblr Live*/
        ul li.g8SYn.IYrO9[title="Live"],
        ul li.g8SYn.IYrO9[title="live"],
        ul li.g8SYn.IYrO9[title="ライブ"],
        ul li.g8SYn.IYrO9[title="Tumblr Live"],
        ul li.g8SYn.IYrO9[title="Прямая трансляция"],
        ul li.g8SYn.IYrO9[title="Na żywo"],
        ul li.g8SYn.IYrO9[title="Em direto"],
        ul li.g8SYn.IYrO9[title="라이브"],
        ul li.g8SYn.IYrO9[title="直播"],
        ul li.g8SYn.IYrO9[title="Langsung"],
        ul li.g8SYn.IYrO9[title="लाइव"] {
            order: 0;
            Display: None;
        }

        /*Domain*/
        ul li.g8SYn[title="Get a domain"],
        ul li.g8SYn[title="Domain kaufen"],
        ul li.g8SYn[title="Ottieni domini"],
        ul li.g8SYn[title="ドメインを取得"],
        ul li.g8SYn[title="Alan adını kap"],
        ul li.g8SYn[title="Compra un dominio"],
        ul li.g8SYn[title="Получить домен"],
        ul li.g8SYn[title="Uzyskaj domenę"],
        ul li.g8SYn[title="Obtém um domínio"],
        ul li.g8SYn[title="Obtenha um domínio"],
        ul li.g8SYn[title="Gebruik een domein"],
        ul li.g8SYn[title="도메인 사용하기"],
        ul li.g8SYn[title="获取一个域名"],
        ul li.g8SYn[title="取得一個網域"],
        ul li.g8SYn[...

Reviews

No reviews yet.