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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/*區塊變成四行*/
#plurk-dashboard .dash-group-form, #plurk-dashboard .dash-group-right,
#plurk-dashboard .dash-group-left .segment-content,
#plurk-dashboard .dash-group-left { width:50%; }

/*新區塊統一設定預先處理*/
#plurk-dashboard .dash-group-left { padding-right:var(--space); }
.dash-segment .segment-content { border-radius:var(--border-radiust); background:var(--block-color); margin-top:var(--space); }
#plurk-dashboard .dash-segment-friends { width:calc(50% - var(--space) / 2); margin-right:var(--space); }
#plurk-dashboard .dash-segment-fans { width:calc(50% - var(--space) / 2); }

/*頭貼處理*/
#dash-profile a, #plurk-dashboard #dash-profile img.profile-pic { display:inline-block; position:unset; width:100%; height:auto; margin:0; line-height:0; border-radius:var(--border-radiust); }
#plurk-dashboard .dash-segment-profile #dash-profile { height:auto; display:flex; flex-direction:column-reverse; border-radius:inherit; }
.dash-group-left .segment-content:nth-child(1) { padding:0; background:none; float:left; width:50%; padding-right:var(--space); }

/*隱藏*/
/*自己河道好友區*/ #plurk-dashboard.own .dash-segment-friends,
/*自己河道粉絲區*/ #plurk-dashboard.own .dash-segment-fans,
/*友粉數量與頭貼*/#dash-friends-pics, #dash-fans-pics,
/*徽章*/ .dash-segment-award,
/*統計、友粉標題*/ #plurk-dashboard h2,
/*年齡性別*/ .profile-info { display:none; }

/*名字區*/
#plurk-dashboard #dash-profile #full_name {
	/*這裡勿動*/ margin:0; border-radius:var(--border-radiust);
	/*這兩個勿動，不然按鈕會被蓋住*/ margin-bottom:var(--space); height:60px;
	/*內距*/ padding:10px;
	/*背景色*/ background:var(--block-color);
	/*名字文字大小*/ font-size:24px;
}

/*私噗、噗幣按鈕*/
#dash-additional-info { border-radius:inherit; }
.dash-group-left .segment-content:nth-child(2) { float:right; }
#plurk-dashboard #dash-additional-info #private_plurk {
	/*這裡勿動不然按鈕可能被蓋住*/ margin-top:calc(50% + 60px + var(--space) + var(--space));
	/*這裡勿動*/ position:absolute; margin-bottom:0; left:0; width:calc(50% - var(--space)); top:0;
	/*這裡勿動*/ border-radius:var(--border-radiust); line-height:0;
	/*這裡勿動*/ display:flex; justify-content:space-evenly;
	/*背景色*/ background:var(--block-color);
	/*內距*/ padding:10px 5px;
}

/*噗幣、驗證帳號圖示*/
#plurk-dashboard #dash-profile .profile-icons {
	/*這裡勿動*/ bottom:auto;
	/*上下位置*/ top:5px;
	/*左右位置*/ right:5px;
}

/*噗幣旁噗寶（沒噗幣的時候會消失）*/
#dash-profile .premium:before {
	/*這裡勿動*/ position:absolute;
	/*圖片*/ content:url(https://s.plurk.com/emoticons/basic2/d52e817f51980ac5e06f.gif);
	/*左右位置*/ right:100%;
	/*上下位置*/ top:0;
}

/*區塊設定*/
#dashboard_holder {
	/*圓角*/ --border-radiust:10px;
	/*間距*/ --space:10px;
	/*區塊顏色*/ --block-color:#FFF;
}