Tumblr Post Width, positioning & Easier Icon Block for Old Tumblr Dashboard
Tumblr Post Width & More (OTD+ Userstyle) by Pixiel
Details
AuthorPixiel
LicenseNo License
Categoryhttps://www.tumblr.com/
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
!!!THIS USERSTYLE IS NEW, IT WILL MOST LIKELY HAVE BUGS!!!
Original post with Updates, Instructions, Bugfixes & Known issues here on my Tumblr!
https://www.tumblr.com/pixiel/753835965270884352/otdplus-tumblr-post-width
Feel free to support me on ko-fi.com/pixiel as I update this userstyle
This usersyle requires manual editing to function!
Instructions in the Original Post above!
This userstyle requires the use of Old Tumblr Dashboard (v12.5)
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 & More (OTD+ Userstyle by Pixiel)
@namespace github.com/openstyles/stylus
@version 8.0
@description Tumblr Post Width, Content Positioning & 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;
}
/*Dashboard, Activity, & 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 a post width (when you click on a post and view it)
Increase the number in 'flex-basis' below to change the width
Default: 977px;*/
.raBdW,
.ZkG01 ._3xgk {
flex-basis: 977px !important;
}
/*EXPERIMENTAL Features - May have issues*/
/*Search Page Padding, set to 0px if full size posts*/
.ZkG01 ._3xgk.VsR8V.f_ziq {
padding-left: 50px !important;
}
/*Search page Masonry view (two columns)*/
.Evcyl.W0qvx, .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) {
.Evcyl.W0qvx, .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) {
.Evcyl.W0qvx, .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*/
/*Search page Masonry view Font size
(Change by .1rem or more if zooming out on your browser to create more columns
- ctrl + Middle mouse wheel or in the Menu -)*/
.hAFp3 .KSDLH, .k31gt {
font-size: 1.0rem;
}
}
@media (min-width: 1280px) {
.j8ha0.qr36f {
max-width: 100%;
}
}
/*Patio Content feed Positioning (if this breaks I cant fix it)*/
/*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;
}
/*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;
}
/*Communities content feed positioning*/
/*(to move more left use minus numbers ie. -1px,
to move more right use positive numbers ie. 5px)
Default: 0px
Dashboard default Match: 21.3px*/
.Rhhp3, .b3I1L {
left: 0px !important;
}
/*Communities Banner height
Default: 280px*/
.bln7g, .Rhhp3 {
Height: 280px;
}
/*Communities Banner Override for full width banners
Remove " /* " around the code below then Adjust width
and 'left' to match your Screen size*/
/* .Rhhp3 {
width: 1493px;
left: -21vw !important;
} */
/*Communities post width Default: 540px,
Numbers after minmax change the sidebar width, best not to change too much,0
default: minmax(280px, 360px)*/
.b3I1L {
grid-template-columns: 540px
minmax(280px, 360px);
}
/*Reorders the Icons in the header when using the Communities Update*/
/*COMMUNITIES UPDATE - REMOVE /* IF USING COMMUNITIES PAGES*/
@media (max-width: 1161.3px) {
.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;
Display: block*/
}
}
/*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;
}
/*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"] {
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.g...