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
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
/********************在暱稱前增加圖示*********************/

/*改非噗主的前面小圖示，要改圖片在url那邊改就可以了*/
._lc_ .list .response:not(.highlight_owner) .plurk_cnt .td_qual::before {
    content: '';
    position: absolute;
    background-image: url(https://emos.plurk.com/03062a85bf26ed96669a2136f5ce22cf_w48_h48.png);
    background-size:100%;
    background-repeat: no-repeat;
    background-position:center;/*置中圖片*/
    background-color:white;/*預防上傳圖片不是正方形的加了個白底*/
    left: -24px;
    top: 2.5px;
    width: 20px;
    height: 20px;
}
/*改噗主的前面小圖示，要改圖片在url那邊改就可以了*/
._lc_ .list .response.highlight_owner .plurk_cnt .td_qual::before {
    content: '';
    position: absolute;
    background-image: url(https://emos.plurk.com/b6425616cf326067b8e7babbfd58d29d_w48_h34.gif);
    background-size:100%;
    background-repeat: no-repeat;
    background-position:center;/*置中圖片*/
    background-color:white;/*預防上傳圖片不是正方形的加了個白底*/
    left: -24px;
    top: 2.5px;
    width: 20px;
    height: 20px;
}

/********************更改時間樣式*********************/
/*每則留言間的空隙調小*/
.response-manager > * {
    padding: 2px 6px 0px;
}
.response {
  margin: 0;
}
.response .plurk_cnt {
    padding: 0;
}

/*顯示時間樣式更改*/
.response-manager {
  position: relative;
  top: auto;
  right: auto;
  display: flex;
  justify-content: start;
  margin: 0 1em;  
  border: 0;
  background: transparent;
  transform-origin: left;
}

/*噗主時間靠右*/
.highlight_owner .response-manager {
  justify-content: end;
  transform-origin: right;
}

/*時間、回覆跟箭頭的顏色&背景*/
.response-manager .edit, .response-manager .time a, .response-manager .mention, .response-manager .option {
  background: transparent;  
  color: #FFF;
}
/*回應邊距調整*/
.response .td_cnt {
    padding: 2px 3px 20px 0;
}
/*顯示時間時留位置給它*/
.response.show-response-manager .td_cnt {
    padding-bottom: 0px;
}

/*對話框參考：https://www.plurk.com/p/ogg8nj*/
/********************下方不要更動*********************/

/*名字換行*/
.list .plurk_cnt .td_qual  {
  position:absolute;
  width:auto;
  overflow:visible;
  margin: 0 0.7em 0 2.5em; /*為了暱稱前小圖示修改外間距*/
  padding:5px 10px 2.5px 10px; /*為了暱稱外框調整內間距*/
}
.list .plurk_cnt .text_holder  {
  display: inline-block;
  padding:0.5em 1em;
  margin: 2.25em 1em 0; /*為了暱稱外框，外間距調整1.5em > 2em*/
  width:auto !important;
  border-radius:16px;
}

.response .plurk_cnt {background-color: transparent;}

/*對話框尾巴樣式和位置*/
.list .plurk_cnt .text_holder::after {
  content:"";
  position:absolute;
  border-style: solid;
  border-width: 7px 5px; 
  height: 0px; 
  width: 0px;
  left:3px;
  top:-2px;
  border-color: transparent;
}

/*噗主對話框尾巴位置*/
.list .highlight_owner .plurk_cnt .text_holder::after {
  left: auto;
  right:3px;
}

/*噗主留言靠右*/
.list .highlight_owner .td_cnt {
  display: flex;
  justify-content: flex-end;
}

/*噗主暱稱靠右*/
.list .highlight_owner .td_qual {
  right: 0px;
}
/********************上方不要更動*********************/

/*點開噗文寬度*/
.timeline-cnt .plurk_box {
  width: 445px;
}
/*隱藏發語詞*/
.qualifier.q_says {
  display: none;
}
/*更改回應最大寬度*/
.list .plurk_cnt .text_holder  {
  max-width: 66%;
}

/*當沒有要改統一一個暱稱顏色時可以幫大家暱稱加底框*/
._lc_ .list .plurk_cnt .td_qual{
background-color:#eee;/*底框顏色*/
border-radius:10px;/*圓弧弧度*/
}
/*把說/想...等等狀態關掉，這樣暱稱看起來才會置中*/
._lc_ .list .plurk_cnt .td_qual span span{
display:none;
}

.highlight_owner .name {
     text-decoration: none; 
}

/*回應背景色*/
.response_box {background-color: #97B3DB;}

/*最上方回應數顏色*/
.response-count.pif-message {color: #FFF;}

/*暱稱顏色*/
.list /*替換後就是該人的暱稱*/ {
  color: /*換成想要的顏色*/ !important;
}

/*替換後就是該人的暱稱*//*←請全數替代*/

/**更改自己暱稱：.name[data-uid="(自己的UID)"] UID可在電腦版設定＞噗浪貼＞複製噗浪貼的HTML裡找到**/
/**更改噗主暱稱：.highlight_owner**/
/**更改非噗主暱稱：.td_cnt**/
/**更改偷偷說噗主暱稱：.highlight_owner .name[data-uid="99999"]**/
/**更改偷偷說非噗主暱稱：.name[data-uid="99999"]**/

/*非噗主對話框顏色*/
.list .td_cnt .text_holder {
  background:#FFF;
}
/*非噗主對話框尾巴顏色*/
.list .plurk_cnt .text_holder::after {
  border-left-color: #FFF;
}

/*噗主對話框顏色*/
.list .highlight_owner .td_cnt .text_holder {
  background:#9DE693;
}
/*噗主對話框尾巴顏色*/
.list .highlight_owner .plurk_cnt .text_holder::after {
  border-left-color: transparent; /*這一行不要動*/
  border-right-color: #9DE693; /*改這邊*/
}