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 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 | /**======== Create by Plurk CSS Generator ========**/ /**== https://hoshikata.github.io/PlurkCSSGenerator ==**/ /*噗首外觀*/ .timeline-cnt .plurk { opacity: 0.45; } /*噗首外觀:滑鼠移至*/ .timeline-cnt .link_extend { opacity: 0.85; } /*噗首外觀:消音*/ .timeline-cnt .muted { opacity: 0.07; } /*噗首內文*/ .timeline-cnt .plurk_cnt { background-color: #960018; color: rgb(252, 250, 242); font-size: 13px; border-radius: 6px 6px 6px 6px; border: 2px solid rgba(0, 0, 0, 0.8); } /*噗首內文:新訊息*/ .timeline-cnt .plurk_cnt[class*="new"] { background-color: #C3552B; color: rgb(252, 250, 242); font-size: 13px; border-radius: 6px 6px 6px 6px; } /*噗首的頭像*/ .timeline-cnt .p_img { opacity: 1; overflow: hidden; border-radius: 4px 4px 4px px; } /*噗的有圖連結*/ .plurk a.meta { background-color: #000000; color: rgba(255, 255, 255, 1); } /*噗的普通連結*/ .plurk a.ex_link { color: rgba(255, 255, 255, 1); } /*噗的時間顯示*/ .timeline-timeshow { background-color: #ff7d38; } /*隱藏時間標記*/ .timeline-bg .block_bg .bottom_start, .timeline-timeshow { opacity: 0; } /*時間軸的線*/ #bottom_line { background-color: rgba(143, 86, 86, 0); opacity: 0; } /*河道往前往後鈕*/ .browse_button { opacity: 0; } /*河道往前往後鈕:滑鼠移至*/ .browse_button:hover { opacity: 0; } /*噗內整體調整*/ #form_holder { opacity: 0.85; overflow: hidden; border-radius: 6px 6px 6px 6px; border: 2px solid rgba(0, 0, 0, 0.8); } /*噗內回應區*/ .response_box { background-color: rgb(150, 0, 24, 1); } /*噗內回應區:滑鼠移至*/ .response_box:hover { background-color: rgb(150, 0, 24, 1); } /*回應內容*/ .response_box .list .plurk_cnt { background-color: #960018; color: rgb(252, 250, 242); } /*回應內容:滑鼠移至*/ .response_box .list .plurk_cnt:hover { background-color: #C3552B; } /*噗主回應內容*/ .response_box .list .highlight_owner .plurk_cnt { background-color: #780018; } /*噗主回應內容:滑鼠移至*/ .response_box .list .highlight_owner .plurk_cnt:hover { background-color: #C3552B; } /*噗內輸入區*/ .plurk_box .mini_form { background-color: #960018; } /*更新的按鈕:滑鼠移至*/ #updater .item a:hover { background-color: #960018; } /*更新的未讀數字*/ #updater .unread_generic { background-color: #ff7038; } /*頻道向上展開*/ #filter_tab a, #filter_tab:hover a.no_unread { height: 25px; margin-top: 6px; margin-right: 6px; } /*頻道的普通按鈕*/ #filter_tab a { background-color: rgba(234, 103, 52, 0.8); color: #ffffff; } /*頻道的普通按鈕:滑鼠移至*/ #filter_tab a:hover { background-color: #960018; } /*頻道的選中按鈕:滑鼠移至*/ #filter_tab a.filter_selected:hover { background-color: #960018; } /*頻道的未讀數字*/ #filter_tab a .unread_generic { background-color: #960018; } /*噗的Hashtag*/ .plurk .text_holder a.hashtag { color: #ffbd2e; } /*噗的Hashtag:滑鼠移至*/ .plurk .text_holder a.hashtag:hover { background-color: #3b0602; } /*噗的回應數*/ .timeline-cnt .response_count { color: #ffffff; } /*噗的未讀回應數*/ .timeline-cnt .new .response_count { color: #ffffff; } /*主控台整體*/ #plurk-dashboard { background-color: rgba(86, 21, 21, 0); color: rgba(237, 237, 237, 1); font-size: 13px; transition: 2s; } /*主控台內分區*/ .dash-segment .segment-content { background-color:#C3552B; opacity: 0.2; border-radius: 16px 16px 16px 0px; transition: 0.5s; } /*主控台內分區:滑鼠移至*/ .dash-segment .segment-content:hover { background-color: #C3552B; opacity: 1; } /*發噗鈕*/ .submit_img_color { background-color: #960018; border-radius: 10px 10px 10px 10px; } /*發噗鈕:滑鼠移至*/ .submit_img_color:hover { background-color: #ff7d38; } /*個人頭像*/ #plurk-dashboard .dash-group-left #dash-profile img.profile-pic { border-radius: 16px 16px 16px 16px; } /*統計資訊*/ #plurk-dashboard .dash-segment #dash-stats table td { color: rgb(252, 250, 242) font-size: 13px; } /*卡碼區*/ .dash-stats-karma { display: none; } /*好友區整體*/ .dash-segment-friends .segment-content { color: rgb(237, 237, 237, 1) font-size: 13px; } /*隱藏好友頭像*/ #dash-friends .friend_holder { display: none; } /*紛絲區整體*/ .dash-segment-fans .segment-content { display: none; font-size: 13px; } /* ===個人介紹及資料區背景透明CSS語法=== */ div#plurk-dashboard , div#footer {filter:alpha(opacity=0.2)!important ;opacity:1!important;background:none; border:none} /*自訂橫條背景色*/ ' {}:not(*)/* { */,/* } */ #top_bar .bar-color { background: rgba(86, 21, 21, 0.5); / } ' {} /*自介區*/ #plurk-dashboard .dash-segment-profile #dash-profile { height: 174px; } /*名字格子上方的內距*/ #plurk-dashboard .dash-segment-profile #dash-profile #full_name { margin-left: 170px; padding-top: 104px; } /*頭像右側性別及位置,數值為100+16px, 可自行測試調整*/ #plurk-dashboard .dash-segment-profile #dash-profile .profile-info {margin-left: 170px; bottom: 18px; } /*頭像的大小*/ #plurk-dashboard .dash-segment-profile #dash-profile img.profile-pic { width: 160px; height: 160px; } /****◆ 主控台的好友圖改圓角◆****/ .friend_holder img{border-radius:6px;} /*噗文滑動展開-水平*/ .timeline-cnt .plurk .text_holder { width:100%; min-width:unset; } .timeline-cnt .plurk { width:auto; } .timeline-cnt .plurk .plurk_cnt { /*滑動速度*/ transition:width 0.3s; /*平常寬度*/ width:250px; } .timeline-cnt .display .plurk_cnt { /*指上寬度*/ width:440px; } .timeline-cnt .plurk_box .plurk_cnt, #form_holder { /*點開寬度*/ width:440px !important; } /*浪上的噗換行*/ .block_cnt .plurk table { min-width: 250px !important; } .block_cnt .plurk_cnt .td_qual { position: absolute; overflow: visible; padding: 0.2em 1em;} .block_cnt .plurk_cnt .text_holder { margin-top: 1.5em; overflow: visible; padding: 0.2em 1em;} div.plurk .link_extend { z-index: 2200; } .block_cnt { padding: 0px !important; width: 240px !important; height: 50px !important; } .block_cnt .div_inner, .div_bottom { max-height: 17px !important; } /*廣告消失*/ #resp_banner_ads.show {height: 0;} .cbox_right .cbox_ads {width: 0px;} .cbox_right .cbox_response{height: 580px !important;} #cbox_right #cbox_ads {width: 0px;} #cbox_right #cbox_response{height: 580px !important;} /*更換每一則噗loading圖*/ .loading img {height:0;width:0;} .loading { background:transparent url(http://zeo.5000.com.tw/layout/blackloader.gif) no-repeat scroll center center !important; margin-top:50px; } /****◆ 往前往後左右箭頭隱藏◆****/ .browse_button{ filter: alpha(opacity=0); opacity: 0; zoom:1;} /*噗浪生物*/ #dynamic_logo::after { content: ''; position: absolute; display: block; background-repeat: no-repeat; background-image: url('https://images.plurk.com/2gxzEHnEDdDEot72zETYbX.gif'); width: 500px; height: 500px; top: -10%; left: -150%; opacity: 1; } /*官方生物*/ #dynamic_logo #creature { opacity: 0; } /*官方 Loading*/ .loading-div .cnt img { opacity: 0; } #timeline_holder { background-repeat:no-repeat; /圖片/ background-image:url(噗寶/生物圖網址); background-position: 10px 10px; } /*時間軸圖案語法*/ .timeline-bg { position: absolute; /*絕對定位*/ left: 1350px ; top: 40px ; /*根據自己喜好調整 數字越大越往下*/ overflow: visible !important ; background-image:url(https://images.plurk.com/w4hnXsSCTYJMvGYDyTr3n.png) ; /*圖案*/ background-repeat: no-repeat; background-position: left 0px bottom 0px ; /*圖片位置*/ } /* 趴趴回應數 ver.2.0 */ .cboxAnchor[data-type="plurk"]>table{ position: relative; } .cboxAnchor[data-type="plurk"]>table::before{ content:""; color:red; position: absolute; width:90px; height:46px; right: 40px; top:-44px; background-image:url(https://images.plurk.com/25jMPaAzTg2hBYHojum2B9.gif); /*可替換圖片*/ z-index:100; background-size:contain; background-repeat: no-repeat; } .timeline-cnt{ position:relative; margin-top: 52px; /* 增加數字避免讓最上面的趴趴撞到上面的bar */ } /* 已讀氣泡框 */ .response_count{ position: relative; top:-52px; left:-28px; border:5px solid transparent; border-radius:30px; background-color:#960018; font-size: 10px; text-align:center; z-index:100; width:100%; height:100%; min-width:25px; max-height:20px; color:#FFFFFB !important; line-height:8px; font-family:Microsoft JhengHei UI !important; } /* 尾巴 */ .response_count::after { content:""; position:absolute; left:4px; top:10px; border-color: #960018 transparent transparent #960018; border-style: solid solid solid solid; border-width: 5px 5px; height: 0px; width: 0px; } /* 未讀氣泡框 */ .new .response_count{ border:5px solid transparent; background-color:#ff7d38; } /* 未讀尾巴 */ .new .response_count::after { border-color: #ff7d38 transparent transparent #ff7d38; } |
Direct link: https://paste.plurk.com/show/yEDdr0e562tcE8ScYGRq