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); }