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 | /********************在暱稱前增加圖示*********************/ /***********下方更改圖片***********/ /*改全部噗非噗主小圖示,要改圖片在url那邊改就可以了*/ .list .response:not(.highlight_owner) .name::before { background-image: url('https://emos.plurk.com/555bf956957c034b09aa13b3803dba85_w42_h42.gif'); } /*改全部噗噗主小圖示,要改圖片在url那邊改就可以了*/ .list .response.highlight_owner .name::after { background-image: url('https://emos.plurk.com/362648ae2a2db332998ae307bc9c3813_w48_h48.gif'); } /*改偷偷說非噗主小圖示*/ .list .response:not(.highlight_owner) .tr_cnt .name[data-uid='99999']::before { 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"]::before { background-image: url('https://emos.plurk.com/cd79df9d61894349a3ef9453c4a1f693_w48_h48.png'); } /*改偷偷說噗主小圖示*/ .list .response.highlight_owner .tr_cnt .name[data-uid='99999']::after { background-image: url('https://emos.plurk.com/0a4b22f0c7d674c2ff0a035156b2f4eb_w48_h48.png'); } /*改特定帳號非噗主小圖示,uid自行更換*/ .list .response:not(.highlight_owner) .tr_cnt .name[data-uid='12345678']::before { background-image: url('https://emos.plurk.com/889b365fd6f40815c6d1691a453324f8_w48_h48.png'); } /*改特定帳號噗主小圖示,uid自行更換*/ .list .response.highlight_owner .tr_cnt .name[data-uid='12345678']::after { background-image: url('https://emos.plurk.com/889b365fd6f40815c6d1691a453324f8_w48_h48.png'); } /*隨機非噗主小圖示,uid尾數為9為同一張圖*/ .list .response:not(.highlight_owner) .name[data-uid$='9']::before { background-image: url('https://emos.plurk.com/090c4e3622f3301169ffef72fe980814_w48_h48.gif'); } /*隨機噗主小圖示,uid尾數為4為同一張圖*/ .list .response.highlight_owner .name[data-uid$='4']::after { background-image: url('https://emos.plurk.com/3518cacad7b69eb25928955983ff6afa_w48_h48.png'); } /***********上方更改圖片***********/ /*圖示樣式設定*/ .list .response:not(.highlight_owner) .name::before, .list .response.highlight_owner .name::after { 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::before { margin: 0px 5px -7px -5px; } .list .response.highlight_owner .name::after { margin: 0px -5px -7px 5px; } /*對話框參考:https://www.plurk.com/p/ogg8nj*/ /********************下方不要更動*********************/ /*名字換行*/ .list .tr_cnt { display: flex; flex-direction: column; } /*噗主留言靠右*/ .list .highlight_owner .td_cnt { display: flex; justify-content: flex-end; } /*噗主名字靠右*/ .list .highlight_owner .plurk_cnt .td_qual { display:flex; justify-content: flex-end; width: auto; } /*對話框邊距調整*/ .list .plurk_cnt .td_cnt { padding: 0.5em 15px 0; /*位置往外調,留出頭貼位置*/ } /*對話框樣式*/ .list .plurk_cnt .text_holder { display: inline-block; padding:0.5em 1em; width:auto !important; border-radius:16px; min-width: 0; } .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; } /********************上方不要更動*********************/ /*點開噗文寬度*/ .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; /*改這邊*/ } |
Direct link: https://paste.plurk.com/show/FZwcVfmvvKmqrRH73xIA