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
/*趴趴回應數：人物圖*/
.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;
    /*字體*/ font-family:微軟正黑體;
}
 .response_count {
    /*字色*/ color:#8f8f8f;
}

.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 .plurk[data-uid="15862454"] .plurk_cnt::after {
    /*圖片*/ content:url(https://emos.plurk.com/f26a761bd2d83257cb8d6f6a70f1d41c_w48_h48.png);
}
/*趴趴回應數：氣泡-河道主人的*/
.plurk[data-uid="15862454"] .td_response_count {
    /*顏色*/ background:#FAA;
}
.plurk[data-uid="15862454"] .response_count {
    /*字色*/ color:#333;
}

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

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

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