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
/********************在暱稱前增加圖示*********************/
/***********下方更改圖片***********/
/*改全部噗非噗主小圖示，要改圖片在url那邊改就可以了*/
.list .response:not(.highlight_owner) .name::after {
  background-image: url('https://emos.plurk.com/555bf956957c034b09aa13b3803dba85_w42_h42.gif');
}
/*改全部噗噗主小圖示，要改圖片在url那邊改就可以了*/
.list .response.highlight_owner .name::before {
    background-image: url('https://emos.plurk.com/362648ae2a2db332998ae307bc9c3813_w48_h48.gif');
}

/*改偷偷說非噗主小圖示*/
.list .response:not(.highlight_owner) .tr_cnt .name[data-uid='99999']::after {
  background-image: url('https://emos.plurk.com/7e4f98d93b2c08d78e01036cf4ce5aff_w48_h48.png');
}
/*改偷偷說自己回應的小圖示*/
.list .response:not(.highlight_owner) .tr_cnt .name[data-uid='99999'][style="color:#0a9c17"]::after {
  background-image: url('https://emos.plurk.com/cd79df9d61894349a3ef9453c4a1f693_w48_h48.png');
}
/*改偷偷說噗主小圖示*/
.list .response.highlight_owner .tr_cnt .name[data-uid='99999']::before {
  background-image: url('https://emos.plurk.com/0a4b22f0c7d674c2ff0a035156b2f4eb_w48_h48.png');
}

/*改特定帳號非噗主小圖示，uid自行更換*/
.list .response:not(.highlight_owner) .tr_cnt .name[data-uid='12345678']::after {
  background-image: url('https://emos.plurk.com/889b365fd6f40815c6d1691a453324f8_w48_h48.png');
}
/*改特定帳號噗主小圖示，uid自行更換*/
.list .response.highlight_owner .tr_cnt .name[data-uid='12345678']::before {
  background-image: url('https://emos.plurk.com/889b365fd6f40815c6d1691a453324f8_w48_h48.png');
}

/*隨機非噗主小圖示，uid尾數為9為同一張圖*/
.list .response:not(.highlight_owner) .name[data-uid$='9']::after {
  background-image: url('https://emos.plurk.com/090c4e3622f3301169ffef72fe980814_w48_h48.gif');
}
/*隨機噗主小圖示，uid尾數為4為同一張圖*/
.list .response.highlight_owner .name[data-uid$='4']::before {
  background-image: url('https://emos.plurk.com/3518cacad7b69eb25928955983ff6afa_w48_h48.png');
}
/***********上方更改圖片***********/

/*圖示樣式設定*/
.list .response:not(.highlight_owner) .name::after, .list .response.highlight_owner .name::before {
  background-size: 100%;
  display: inline-block;
  width: 20px; 
  height: 20px;
  content:"";
  border-radius: 50%;  /*頭貼圓角*/
  background-repeat: no-repeat;
  background-position: center;
}
/*頭貼位置設定*/
.list .response:not(.highlight_owner) .name::after {
  margin: 0px -5px -7px 5px;
}
.list .response.highlight_owner .name::before {
  margin: 0px 5px -7px -5px;
}

/*名字換行*/
.list .tr_cnt {
  display: flex;
  flex-direction: column;
}
/*留言靠右*/
.list .td_cnt {
  display: flex;
  justify-content: flex-end;
}
/*名字靠右*/
.list .plurk_cnt .td_qual {
  display:flex;
  justify-content: flex-end;
  width: auto;
}

/*把噗主調回來*/
.list .highlight_owner .td_cnt {
  display: block;
  justify-content: flex-end;
}
.list .highlight_owner .plurk_cnt .td_qual {
  display: block;
}

/*邊距調整*/
.list .plurk_cnt .td_cnt {
  padding: 0 5px;
}

/*右側無空白*/
.list .plurk_cnt .text_holder  {
  display: inline-block;
  padding:0.5em 1em;
  width:auto !important;
  min-width: 0;
}

/*更改回應最大寬度*/
.list .plurk_cnt .text_holder  {
  max-width: 66%;
}