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 | /*對話框參考:https://www.plurk.com/p/ogg8nj*/ /********************下方不要更動*********************/ /*名字換行*/ .list .response:not([data-pid="1499728005"]) .tr_cnt { display: flex; flex-direction: column; } /*噗主留言靠右*/ .list .highlight_owner:not([data-pid="1499728005"]) .td_cnt { display: flex; justify-content: flex-end; } /*噗主名字靠右*/ .list .highlight_owner:not([data-pid="1499728005"]) .plurk_cnt .td_qual { display:flex; justify-content: flex-end; width: auto; } /*對話框邊距調整*/ .list .response:not([data-pid="1499728005"]) .plurk_cnt .td_cnt { padding: 0.5em 5px 0; } /*對話框樣式*/ .list .response:not([data-pid="1499728005"]) .plurk_cnt .text_holder { display: inline-block; padding:0.5em 1em; width:auto !important; border-radius:16px; min-width: 0; } .response:not([data-pid="1499728005"]) .plurk_cnt {background-color: transparent;} /*對話框尾巴樣式和位置*/ .list .response:not([data-pid="1499728005"]) .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:not([data-pid="1499728005"]) .plurk_cnt .text_holder::after { left: auto; right:3px; } /********************上方不要更動*********************/ /*點開噗文寬度*/ .timeline-cnt .plurk_box { width: 445px; } /*隱藏發語詞*/ .qualifier.q_says { display: none; } /*更改回應最大寬度*/ .list .response:not([data-pid="1499728005"]) .plurk_cnt .text_holder { max-width: 66%; } /*回應背景色*/ .response_box {background-color: #97B3DB;} /*最上方回應數顏色*/ .response-count.pif-message {color: #FFF;} /*暱稱顏色*/ .list .response:not([data-pid="1499728005"]) .name { color:#46556C !important; text-decoration: none; } /*非噗主對話框顏色*/ .list .response:not([data-pid="1499728005"]) .td_cnt .text_holder { background:#FFF; } /*非噗主對話框尾巴顏色*/ .list .response:not([data-pid="1499728005"]) .plurk_cnt .text_holder::after { border-left-color: #FFF; } /*噗主對話框顏色*/ .list .highlight_owner:not([data-pid="1499728005"]) .td_cnt .text_holder { background:#9DE693; } /*噗主對話框尾巴顏色*/ .list .highlight_owner:not([data-pid="1499728005"]) .plurk_cnt .text_holder::after { border-left-color: transparent; /*這一行不要動*/ border-right-color: #9DE693; /*改這邊*/ } |
Direct link: https://paste.plurk.com/show/d9SnOGxtqaFj7gHMm2i3