Skip to content

ALHPA:Tumblr Post Width & Icon Block (OTD+ Pixiel) by Pixiel

Screenshot of ALHPA:Tumblr Post Width & Icon Block (OTD+ Pixiel)

Details

AuthorPixiel

LicenseNo License

Categoryhttps://www.tumblr.com/

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tumblr Post Width, positioning & Easier Icon Block for Old Tumblr Dashboard

Notes

!!!THIS USERSTYLE IS IN ALPHA TESTING, IT WILL MOST LIKELY HAVE BUGS!!!
If you were not invited to Alhpa test this userstyle and install it regardless, please know there's only so many people I can reply to about issues with this style! Just keep the script updated and note any changes you have made (as updating will clear those).

This usersyle requires manual editing to function!

This userstyle requires the use of Old Tumblr Dashboard https://www.tumblr.com/pixiel/723402150351437824/anyway-i-created-a-stylish-stylus-that

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Tumblr Post Width & Icon Block (OTD+ Pixiel)
@namespace      github.com/openstyles/stylus
@version        7.1
@description    Tumblr Post Width & Icon Block for Old Tumblr Dashboard
@author         Pixiel
==/UserStyle== */
@-moz-document url-prefix("https://www.tumblr.com/") {

    @media (min-width: 990px) {



        :is(.D5eCV) > .ZkG01 > div > :is(.gPQR5), :is(.D5eCV) > .ZkG01 > div > :is(.iM0gm, .XKCjm, .GzZtE, .gG278, .HT4SV, .dzJuF, .zNXsU, .pgfyp, .X4sMj, .QiSmE, .GIEHd, .q1ZAL, .Qq2kF, .aVu3s, .y8Hml, .veGhd, .gg0IL, .RkANE, .S3E1Y, .rGuEh, .M4ozn, .Jexdo, .pNyDU, .HEmvO, .NRB1z, .sGELZ, .Ax_5I, .FQkf4, .IO8lN, ._45C1, .Qihwb, .BGh2j, .VE_M2, .DqHCa, .n4if2, .uzQXY, .leVy7, .yCNr1, .X2bNy, .xMd0G, ._72ef2, .XuT0g, .Rn2ZH, .WEIv6, .UH33k, .v4Qva, .HaeOc, .c7xit, .Jslv2, .o1SJL, .PuLtZ, .UPJCY, .As9E4, .vHT8v, .EatnB, .Yunii, .p3LhK, .cfBaP, .q9Ryt, .skjTR):not(:is(.f_ziq, .pTaNm)) {

            /*Global Content feed Positioning (nudges dashboard left or right)*/
        /*Default: 0px (to move more left use minus numbers ie. -1px)*/
            left: 0px !important;
        }

            /*Patio Content feed Positioning*/
    /*Default: 0px (to move more left use minus numbers ie. -1px, 
    to move more right use positive numbers ie. 5px)*/
        :is(.D5eCV) > .ZkG01 > div > :is(.I1C5C) {
            left: 0px !important;
        }

        /*Dashboard & Search (single column) post width
    Increase the number in 'flex-basis' below to change the width
    Default: 881px;*/
        .ZkG01 ._3xgk.ZN00W {
            flex-basis: 881px !important;
        }

        /*VIEWING post width (when you click on a post and view it)
    Increase the number in 'flex-basis' below to change the width
    Default: 960px;*/
        .raBdW,
        .ZkG01 ._3xgk {
            flex-basis: 977px !important;
        }

        /*Labs patio - Column -
    Increase the number in 'Width' below to change the width of "Column" style Patio elements
    Default: 380px;*/
        .GdwvN {
            width: 380px;
        }

        /*Labs patio - Wide Column & Thumbnails -
    Increase the number in 'Width' below to change the width of "Wide Column" and "Thumbnail" style Patio elements
    Default: 560px;*/
        .GdwvN.__draggable-item__.LRIjp {
            width: 560px;
        }

        /*Labs patio - Grid View - 
    Increase the number in 'Width' below to change the width of "Grid View" style Patio elements
    Default: 560px;*/
        .GdwvN.__draggable-item__.LuB0e {
            width: 560px;
        }



        /*EXPERIMENTAL - May have issues*/
    /*Search page Masonry view Font size (Change by .1rem or more if zooming out for more columns)*/
        .k31gt {
            font-size: 1.0rem;
        }


        /*Search page Masonry view (two columns)*/
        .ZkG01 ._3xgk.VsR8V.f_ziq {

    /*Change number in 'Max-width' to change the width of Two Column search page posts
    Default 960px*/
            max-width: 960px;
        }

        /*Dont touch*/
        .USr9U {
            max-width: calc(100% - 360px) !important;
            min-width: 0px !important;
            width: fit-content !important;
        }
            /*Dont touch*/

        
        /*Search page Masonry view (Three columns)*/
        @media (min-width: 1540px) {
            .ZkG01 ._3xgk.VsR8V.f_ziq {

    /*Change number in 'Max-width' to change the width of Three Column search page posts
    Default 1281px*/
                max-width: 1281px;
            }

            /*Dont touch*/
            .USr9U {
                max-width: calc(100% - 700px) !important;
                min-width: 0px !important;
                width: fit-content !important;
            }
            /*Dont touch*/
        }


        /*Search page Masonry view (Four columns)*/
        @media (min-width: 1860px) {
            .ZkG01 ._3xgk.VsR8V.f_ziq {

    /*Change number in 'Max-width' to change the width of Four Column search page posts
    Default 1601px*/
                max-width: 1601px !important;
            }

            
            /*Dont touch*/
            .USr9U {
                max-width: calc(100% - 1040px) !important;
                min-width: 0px !important;
                width: inherit !important;
            }
            /*Dont touch*/
        }


        @media (min-width: 1280px) {
            .j8ha0.qr36f {
                max-width: 100%;
            }
        }


        
        
    /*To hide specific icons in the header change 'Display: block;' to 'Display: none;'
    If it still shows, type '!important' after 'none'*/
        /*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"] {
            Display: block;
        }
        
        /*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"] {
            Display: block;
        }

        /*Shop CHANGE BOTH of these*/
        @media (min-width: 1161.4px) {
            .gM9qK > span.ZQMrc:nth-of-type(3) {
                Display: block;
            }
        }
        /*Shop CHANGE BOTH of these*/
        .gM9qK > span.ZQMrc:nth-of-type(4) {
            Display: block;
        }

        /*Patio*/
        ul li.g8SYn[title="Patio"],
        .KTRcB:has(.B1L2M[aria-label="Patio"]) {
            Display: block;
        }
        
        /*"patio feedback?" button*/
        .sebgd {
            Display: block;
        }

        /*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="लाइव"] {
            Display: None;
        }

        /*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"] {
            Display: block;
        }

        /*Chat*/
        .gM9qK > span.ZQMrc:nth-of-type(2) {
            Display: block;
        }

        /*Activity*/
        .gM9qK > span.ZQMrc:nth-of-type(1) {
            Display: block;
        }

        /*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[title="取得網域"],
        ul li.g8SYn[title="Dapatkan domain"],
        ul li.g8SYn[title="एक डोमेन लें"],
        ul li.g8SYn[title="Obtenez un domaine"],
        ul li.g8SYn[title="Ottieni dominio"] {
            Display: none;
        }

        /*Ad Free*/
        ul li.g8SYn[title="Go Ad-Free"],
        ul li.g8SYn[title="Go Ad Free"],
        ul li.g8SYn[title="Weg mit Werbung"],
        ul li.g8SYn[title="Surf without ads"],
        ul li.g8SYn[title="Vai senza pubblicità"],
        ul li.g8SYn[title="広告なし機能"],
        ul li.g8SYn[title="Reklamlardan Kurtul"],
        ul li.g8SYn[title="Tumblr sin anuncios"],
        ul li.g8SYn[title="Убрать рекламу"],
        ul li.g8SYn[title="Przejdź na Tumblr bez reklam"],
        ul li.g8SYn[title="Navega sem anúncios"],
        ul li.g8SYn[title="Navegar sem anúncios"],
        ul li.g8SYn[title="Browsen zonder advertenties"],
        ul li.g8SYn[title="광고 없이 보기"],
        ul li.g8SYn[title="设为无广告"],
        ul li.g8SYn[title="選用無廣告"],
        ul li.g8SYn[title="設定無廣告"],
        ul li.g8SYn[title="Bebas Iklan"],
        ul li.g8SYn[title="ऐड-फ़्री हो जाएँ"],
        ul li.g8SYn[title="Surfez sans pub"] {
            Display: None;
        }

        /*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[titl...

Reviews

No reviews yet.