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

/*顯示時間樣式更改*/
.response-manager {
  position: relative;
  top: auto;
  right: auto;
  display: flex;
  justify-content: start;
  margin: 0 0.5em 0 1em;  
  border: 0;
  background: transparent;
  transform-origin: left;
}
/*顯示投幣樣式更改*/
.response-manager .coin {
    position: relative;
    top: auto;
    right: auto;
}
/*噗主時間靠右*/
.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: 4px 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;
}
.list .plurk_cnt .text_holder  {
  display: inline-block;
  padding:0.5em 1em;
  margin: 1.5em 1em 0;
  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%;
}
/*回應背景色*/
.response_box {background-color: #97B3DB;}

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

/*暱稱顏色*/
.list .name {
  color:#46556C !important; 
  text-decoration: none;
} 

/*非噗主對話框顏色*/
.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; /*改這邊*/
}