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*/
Old Tumblr Dashboard (Userstyle) by Pixiel
Details
AuthorPixiel
LicenseNo License
Categoryhttps://www.tumblr.com/
Created
Updated
Size33 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 (Userstyle1)
@namespace github.com/openstyles/stylus
@version 11.6
@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;
}
}
@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;
}
}
.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*/
/*Reorders the Icons in the header*/
/*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;*/
}
/*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: 8;
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"] {
order: 3 !important;
}
/*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: 11;
}
/*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"] {
order: 9;
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"] {
order: 10;
Display: None;
}
/*Activity*/
.gM9qK > span.ZQMrc:nth-of-type(1) {
order: 5;
}
/*Chat*/
.gM9qK > span.ZQMrc:nth-of-type(2) {
order: 4;
}
/*Shop*/
@media (min-width: 1161.4px) {
.gM9qK > span.ZQMrc:nth-of-type(3) {
order: 2;
}
}
.gM9qK > span.ZQMrc:nth-of-type(4) {
order: 2;
}
/*Xkit*/
.tab_xkit.iconic.tab {
order: 12;
}
/*Create a post for DUF Compatibility*/
.fvSXi.xxqHJ {
order: 12;
}
/*Patio*/
.sebgd {
width: 144px;
position: fixed;
left: 119px;
top: 4px;
padding: 12px 16px;
}
@media (min-width: 1018px) {
.hXNpI {
-moz-column-gap: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 4px;
display: flex;
}
.hXNpI .COENx {
text-align: center;
font-size: inherit !important;
}
}
/*Fixes Some of the changes to the Activity Menu*/
.ybmTG.ufrME > div.DxQ0f.AzqQv.P4LH6:has(.jBtpD) {
transform: translate3d(-82.8px, 49px, 0px) !important;
}
.mCR4G a {
color: rgba(var(--black), .65) !important;
}
.vlkFO {
height: 30px;
padding-top: 0px;
padding-bottom: 0px;
}
.wvij3 {
background-color: RGB(var(--white));
border-top: 1px solid rgba(var(--black), .13);
}
.lUKCu ...