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
/*留言對話框,自己留言靠右*/
/*把123456789取代成自己的uid*/
/*對話框參考:https://www.plurk.com/p/ogg8nj*/

/*****可改的地方*****/
.response_box {
  --自己對話框顏色: #9DE693;
  --其他人對話框顏色: #FFF;
  --留言區背景色: #97B3DB;
  --最上方回應數顏色: #FFF;
}
.list .name { /*暱稱顏色&樣式*/
  color:#46556C !important; 
  text-decoration: none;
} 
.timeline-cnt .plurk_box {
  width: 445px; /*點開噗文寬度*/
}
.list .plurk_cnt .text_holder {
  max-width: 66%; /*更改回應最大寬度*/
}
/********************/

.list .tr_cnt > td { /*名字換行*/
  display: block;
}
.list .tr_cnt:has(.name[data-uid="123456789"]) .td_cnt, /*自己留言靠右,填入自己的uid*/
.list .tr_cnt:has(.name[data-uid="99999"][style="color:#0a9c17"]) .td_cnt {
  display: flex;
  justify-content: flex-end;
}
.list .tr_cnt:has(.name[data-uid="123456789"]) .td_qual, /*自己名字靠右,填入自己的uid*/
.list .tr_cnt:has(.name[data-uid="99999"][style="color:#0a9c17"]) .td_qual {
  display:flex;
  justify-content: flex-end;
  width: auto;
}
.list .plurk_cnt .td_cnt { /*對話框邊距調整*/
  padding: 0.5em 5px 0;
}
.list .plurk_cnt .text_holder  { /*對話框樣式*/
  display: inline-block;
  padding:0.5em 1em;
  width:auto !important;
  border-radius:16px;
  min-width: 0;
  background: var(--其他人對話框顏色);
}
.list .tr_cnt:has(.name[data-uid="123456789"]) .text_holder, /*自己對話框顏色,填入自己的uid*/
.list .tr_cnt:has(.name[data-uid="99999"][style="color:#0a9c17"]) .text_holder {
  background:var(--自己對話框顏色);
}
.response .plurk_cnt {background-color: transparent;}
.list .plurk_cnt .text_holder::after { /*對話框尾巴樣式和位置*/
  content:"";
  position:absolute;
  left:3px;
  top:-2px;
  border-style: solid;
  border-width: 7px 5px; 
  border-color: transparent;
  border-left-color: var(--其他人對話框顏色);
}
.list .tr_cnt:has(.name[data-uid="123456789"]) .text_holder::after, /*自己對話框尾巴位置,填入自己的uid*/
.list .tr_cnt:has(.name[data-uid="99999"][style="color:#0a9c17"]) .text_holder::after {
  left: auto;
  right: 3px;
  border-left-color: transparent;
  border-right-color: var(--自己對話框顏色);
}
.qualifier.q_says { /*隱藏發語詞*/
  display: none;
}
.response_box {background-color: var(--留言區背景色);} /*回應背景色*/
.response-count.pif-message {color: var(--最上方回應數顏色);} /*最上方回應數顏色*/
.response.show-response-manager .plurk_cnt { /*滑鼠移上背景色*/
  background: none;
}