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 | /* 好寶寶獎章 */ /* 更換頭貼旁噗幣圖示+游標移上去出現提示框 */ img#premium-icon{ opacity:0; height:26px !important; width:26px !important; } .premium{ background:url(https://emos.plurk.com/f2f82b06ece35b4b88ea8d46c923b857_w26_h26.png) no-repeat; width:26px; height:26px; position:relative; font-size: 12px; z-index:100; } .profile-icons{ height:26px !important; } .premium::before{ display:none; box-sizing: border-box; border:solid black 1px; position:absolute; padding:0 7px; border-radius:5px; left:50%; /* 置中用-不用調整 */ min-width:100%; /* 提示框寬度-不用調整 */ content:"好寶寶"; /*框內文字*/ height:26px; /* 提示框高度 */ color:white; /* 文字顏色 */ text-align:center; /* 文字左右置中 */ line-height:22px; /* 行高 */ margin-left:-27px; /* 提示框左右位置 */ background-color:#383838; /* 背景顏色 */ top:-32px; /* 提示框位置高度 */ } .premium::after{ display:none; box-sizing: border-box; content:""; width:5px; height:5px; border:solid 5px; position:absolute; transform: rotate(-135deg); left:50%; /* 置中用-不用調整 */ border-color: #383838 transparent transparent #383838; /* 提示框尾巴顏色 */ margin-left:-4px; /* 提示框左右位置 */ top:-12px; /* 提示框尾巴位置高度 */ } .premium:hover::before{ display:block; } .premium:hover::after{ display:block; } |
Direct link: https://paste.plurk.com/show/P4NBiDHPMYkeemcCmWdS