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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
/*94趴趴佈景*/
/*語法出處：https://www.plurk.com/p/ogg8nj*/


.timeline-cnt .plurk_cnt::after {

position:absolute;

content:url(https://images.plurk.com/3PNoXKjusNrjU9V9jnMdWy.png);

/*位置調整*/right:10px;top:-58px;

}



/*噗文排版*/

.timeline-cnt { margin-top:30px; }

.timeline-cnt .plurk_cnt { padding:5px 30px 5px 5px; border-radius:13px; }

.timeline-cnt .tr_cnt { margin:20px; display:inline; }

.td_img { position:absolute; left:0px; margin:5px; border-radius:50%; overflow:hidden; z-index:1; }



/*回應數氣泡*/

.td_response_count {

  position:relative; line-height:8px; padding:5px 7px; z-index:1; display:block;

  border-radius:30px; font-size:10px; width:min-content; max-height:20px;

  /*位置*/ bottom:55px;right:30px;

  /*底色*/ background:#4b6b85;

  /*字色*/ color:#D0D0D0;

  /*字體*/ font-family:微軟正黑體;

}


.td_response_count * { background:inherit!important; }

.td_response_count::after { content:""; position:absolute; left:9px; bottom:-5px; background:inherit; clip-path:polygon(0 0, 100% 0, 0 100%); height:10px; width:10px; }

[data-respcount="0"] .td_response_count { display:none; }



/*新回應氣泡*/

.new .td_response_count {

  /*顏色*/ background:#fa9da4;

  /*字色*/ color:#003D79;

}



/*如果不想要看到那麼多活潑的澤貂可以修改以下這塊*/

/*(1)整個刪掉以下就都是睡覺的樣子*/

/*(2)換成靜態圖片：https://images.plurk.com/6xX8T3kY0QB1wGe2TIQEdy.png*/

/*==================================*/

.timeline-cnt .new .plurk_cnt::after {

  /*動態圖片*/ content:url(https://images.plurk.com/2tII06zgkN0PIiVxA3KjVW.gif);

}