1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | /*噗文左上圖示垂直排列 (含置頂噗)*/ /*置頂噗顯示其他icon*/ .plurk.pinned .plurk_icon { display: block; } .plurk_icon, .pinned_plurk_icon { --上方距離: 10px; --左側距離: -8px; --icon之間距離: 17px; } .plurk_icon, .pinned_plurk_icon { left: var(--左側距離) !important; } .plurk:not(.pinned) .plurk_icon:nth-of-type(1), .pinned_plurk_icon { top: var(--上方距離); } .plurk:not(.pinned) .plurk_icon:nth-of-type(2), .plurk.pinned .plurk_icon:nth-of-type(1) { top: calc(var(--上方距離) + var(--icon之間距離)); } .plurk:not(.pinned) .plurk_icon:nth-of-type(3), .plurk.pinned .plurk_icon:nth-of-type(2) { top: calc(var(--上方距離) + var(--icon之間距離) * 2); } .plurk:not(.pinned) .plurk_icon:nth-of-type(4), .plurk.pinned .plurk_icon:nth-of-type(3) { top: calc(var(--上方距離) + var(--icon之間距離) * 3); } .plurk:not(.pinned) .plurk_icon:nth-of-type(5), .plurk.pinned .plurk_icon:nth-of-type(4) { top: calc(var(--上方距離) + var(--icon之間距離) * 4); } .plurk:not(.pinned) .plurk_icon:nth-of-type(6), .plurk.pinned .plurk_icon:nth-of-type(5) { top: calc(var(--上方距離) + var(--icon之間距離) * 5); } |
Direct link: https://paste.plurk.com/show/Kc8Nn8eXoVJtUrpT36aj