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/4KVpMGakqUnUd6VaZrwgnO.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:30px;
    /*顏色*/ background:#2d2d2d;
    /*字色*/ 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/4KVpMGakqUnUd6VaZrwgnO.gif);
}

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