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 160 161 162 163 164 165 166 167 168 169 | /* 趴趴回應數 ver.2.0 */ .cboxAnchor[data-type="plurk"]>table{ position: relative; } .cboxAnchor[data-type="plurk"]>table::before{ content:""; color:red; position: absolute; width:70px; height:46px; right: 40px; top:-42px; background-image:url(https://images.plurk.com/6ZrZ1qntCbCvpJHWNAC8EV.png ); /*可替換圖片*/ z-index:100; background-size:contain; background-repeat: no-repeat; } .timeline-cnt{ position:relative; margin-top: 30px; /* 增加數字避免讓最上面的趴趴撞到上面的bar */ } /* 已讀氣泡框 */ .response_count{ position: relative; top:-52px; left:-40px; border:5px solid transparent; border-radius:30px; background-color:#ffc979; font-size: 10px; text-align:center; z-index:100; width:100%; height:100%; min-width:25px; max-height:20px; color:#ffffff; line-height:8px; font-family:微軟正黑體 !important; } /* 未讀氣泡框 */ .new .response_count{ border:5px solid transparent; background-color:red; } /* 已讀尾巴 */ .response_count::after { content:""; position:absolute; left:4px; top:10px; border-color: #ffc979 transparent transparent #ffc979; border-style: solid solid solid solid; border-width: 5px 5px; height: 0px; width: 0px; } /* 未讀尾巴 */ .new .response_count::after { border-color: #fb0047 transparent transparent red; } /**======== Create by Plurk CSS Generator ========**/ /**== https://hoshikata.github.io/PlurkCSSGenerator ==**/ /*噗首外觀:消音*/ .timeline-cnt .muted { opacity: 0; } /*噗首內文*/ .timeline-cnt .plurk_cnt { border-radius: 8px 8px 5px 5px; border: 3px solid rgba(255, 219, 219, 1); } /*噗首內文:新訊息*/ .timeline-cnt .plurk_cnt[class*="new"] { background-color: #feffd6; } /*噗首的頭像*/ .timeline-cnt .p_img { overflow: hidden; border-radius: 10px 10px 10px 10px; } /*噗內整體調整*/ #form_holder { overflow: hidden; border-radius: 0px 0px 10px 10px; border: 3px solid #ffdbdb; } /*頻道圖示化*/ #filter_tab li { position: relative; } #filter_tab a { width: 30px; padding: 0; overflow: hidden; } #filter_tab a i { float: left; width: 30px; line-height: 25px; } #filter_tab a i::before { width: 30px; } /*讓頻道未讀數字出現在右邊*/ #updater { margin-left: 35px; } #filter_tab a .unread_generic { position: absolute; top: 0; left: 30px; width: 30px; height: 25px; line-height: 25px; margin-top: 6px; margin-left: 0; padding: 0 4px; border-radius: 5px; } /*官方生物*/ #dynamic_logo #creature { opacity: 0; } /*噗幣旁生物*/ .profile-icons::before { content: ''; position: absolute; display: block; bottom: 0; left: 0; pointer-events: none; transform: translateX(-100%); background-position: bottom right; background-repeat: no-repeat; background-image: url('https://emos.plurk.com/01b05da5e8e30559e5fca84340db3d61_w48_h48.png'); width: 60px; height: 60px; opacity: 1; } /*往前按鈕*/ .browse_button .cmp_arrow_left { opacity: 0; } /*往後按鈕*/ .browse_button .cmp_arrow_right { opacity: 0; } /*回到最前按鈕*/ .browse_button .cmp_back_to_today { opacity: 0; } /*官方 Loading*/ .loading-div .cnt img { opacity: 0; } |
Direct link: https://paste.plurk.com/show/MRcTj3nwFKozllArfh2j