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
/*人物圖*/
.timeline-cnt .plurk_cnt::after {
/*這些不動*/ position:absolute;
/*圖片*/ content:url(https://images.plurk.com/47buphJsRnBGKAEgMfR6tl.gif);
/*位置*/ right:10px;
/*位置*/ top:-42px;
}

/*排版*/
.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:10px;
/*顏色*/ background:#cfcbc8;
/*字色*/ color:#8f8f8f;
/*字體*/ 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; }

/*==================================*/
/* 下面可有可無 */
/* 有新回應(原本是紅色)時的改變 */
/*==================================*/

/*新回應人物圖*/
.timeline-cnt .new .plurk_cnt::after {
/*圖片*/ content:url(https://images.plurk.com/47buphJsRnBGKAEgMfR6tl.gif );
}

/*新回應氣泡*/
.new .td_response_count {
/*顏色*/ background:#f5864d;
/*字色*/ color:#8f8f8f;
}