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 | /* 像素寮服Rook未讀回應版.感謝原始語法分享者阿斗.plurk@_audo */ .cboxAnchor[data-type="plurk"] >table{ position: relative; } .cboxAnchor.new[data-type="plurk"] >table::before{ content:""; color:red; position: absolute; width:48px; height:48px; right:70px; top:-45px; background-image:url(https://images.plurk.com/5W2Wt3qkDVOjqWQ6ZrKhuE.png ); /* 可替換圖片 */ z-index:100; background-size:contain; background-repeat: no-repeat; } .timeline-cnt{ position:relative; margin-top: 25px; /* 增加數字避免讓最上面的趴趴撞到上面的bar */ } /* 新回應氣泡框 */ .new .response_count{ position: relative; top:-30px; left:-32px; border:5px solid transparent; border-radius:30px; background-color:#ff850d; font-size: 8px; text-align:center; z-index:100; width:100%; height:100%; min-width:25px; max-height:22px; line-height:8px; font-family:微軟正黑體 !important; } /* 新回應氣泡框尾巴 */ .new .response_count::after { content:""; position:absolute; left:-2px; top:10px; border-style: solid solid solid solid; border-width: 3px 10px; height: 0px; width: 0px; border-color: #ff850d transparent transparent #ff850d; } /* 拯救噗寶不下墜 */ #dynamic_logo{ position: absolute; left:35px; top: 0; } |
Direct link: https://paste.plurk.com/show/xCcUXVjLLC27z8tt0xlA