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 | .response_count{ position: relative; top:-55px; left:-35px; border:5px solid transparent; border-radius:30px; background-color:#a099d1; font-size: 10px; text-align:center; z-index:100; width:100%; height:100%; min-width:25px; max-height:20px; color:#FFF; line-height:8px; font-family:GenSenMaruGothicTW-Medium !important; } .new .response_count{ border:5px solid transparent; background-color:#bd7da7; } .response_count::after { content:""; position:absolute; left:4px; top:10px; border-color: #a099d1 transparent transparent #a099d1; border-style: solid solid solid solid; border-width: 5px 5px; height: 0px; width: 0px; } .new .response_count::after { border-color: #bd7da7 transparent transparent #bd7da7; } |
Direct link: https://paste.plurk.com/show/EBDYHkIVwBbF6OqUWjNE