1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/*重設：三大區塊、友粉各層、私噗送禮外層*/
#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-left, #plurk-dashboard .dash-group-right, #plurk-dashboard .dash-segment-friends, #plurk-dashboard .dash-segment, #plurk-dashboard .dash-segment-friends #dash-friends #friend_managment, #plurk-dashboard .dash-segment-fans #dash-fans #fan_managment, .dash-segment-friends .segment-content, .dash-segment-fans .segment-content, #plurk-dashboard .dash-segment-profile #dash-additional-info #private_plurk { all: unset; }

/*隱藏：友粉頭貼、卡馬、徽章*/
#plurk-dashboard h2, #dash-friends-pics, #dash-fans-pics, #plurk-dashboard .dash-segment-stats, #plurk-dashboard .dash-segment-award { display: none; }

/*預先設定：原本左區*/
#plurk-dashboard .dash-segment-profile { display: flex; align-items: flex-start; gap: 10px; }
.dash-segment-profile .segment-content:nth-child(2) { padding: 10px; }
#plurk-dashboard .dash-segment-profile #dash-additional-info { overflow:hidden auto; padding: 0; height: calc(86px + var(--按鈕區塊高度)); }
#plurk-dashboard.own .dash-segment-profile #dash-additional-info { height: 76px; }

/*預先設定：三大區塊直向排列、左區到最底*/
#dashboard_holder { width: calc(var(--資訊與按鈕區寬度) + 10px + var(--自介寬度)); }
#plurk-dashboard { display: flex; flex-direction: column; }
#plurk-dashboard .dash-group-form { width: 100%; }
#plurk-dashboard .dash-group-left { position:relative; order: 1; }

/*預先設定：友粉按鈕對其方式*/
#plurk-dashboard .dash-group-right { position:relative; width: var(--資訊與按鈕區寬度); display: flex; justify-content: space-evenly; height: 0; }

/*頭貼、自介寬度*/
.dash-segment-profile .segment-content:nth-child(1) { width: calc(var(--資訊與按鈕區寬度) - 10px); }
.dash-segment-profile .segment-content:nth-child(2) { width: calc(var(--自介寬度) - 20px); }

/*新區塊(放按鈕的)(自己看不到的區塊)*/
#plurk-dashboard:not(.own) .dash-segment-profile .segment-content:nth-child(1):after { content: ""; background: inherit; border-radius: inherit; height: var(--按鈕區塊高度); width: calc(100% + 10px); margin-bottom: calc(var(--按鈕區塊高度) * -1); position:relative; left: -5px; top: 15px; }

/*私噗、送禮按鈕*/
#plurk-dashboard .dash-segment-profile #dash-additional-info #private_plurk { position: absolute; top: 116px; left: 0; width: var(--資訊與按鈕區寬度); display: flex; justify-content: space-evenly; margin-top: calc((var(--按鈕區塊高度) - var(--按鈕高度) * 2) / 3); }

/*友粉按鈕*/
#render_friend a, #render_follow a { position: relative; top: 116px; margin-top: calc((var(--按鈕區塊高度) - var(--按鈕高度) * 2) / 3 * 2 + var(--按鈕高度)); }

/*私噗、送禮、友粉四顆按鈕共用*/
.friend_man { text-align: center; padding: 0; width: var(--按鈕寬度); line-height: var(--按鈕高度); }
.friend_man:before { line-height: inherit; }

/*設定區*/
#dashboard_holder {
	--按鈕高度: 25px;
	--按鈕寬度: 100px;
	--按鈕區塊高度: 100px;
	--資訊與按鈕區寬度: 300px;
	--自介寬度: 400px;
}