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 | /*主控台處理-整體預先處理*/ #dashboard_holder { width:66%; min-width:389px; max-width:657px; } #plurk-dashboard { display:flex; flex-direction:column; } #plurk-dashboard > div { float:unset; width:100%; } #plurk-dashboard .dash-segment { float:unset; position:unset; } #plurk-dashboard .dash-group-left { padding:0; height:100px; order:2; height:100px; } #plurk-dashboard .dash-group-right { background:#FAA; order:1; } #dash-profile > div, .dash-segment-stats, .dash-segment-award { display:none; } /*主控台處理-新區塊預先處理-頭貼和自介*/ .dash-segment-profile { height:100%; display:flex; } .dash-group-left .segment-content { margin:0; padding:0; height:100%; } .dash-group-left .segment-content:nth-child(1) { width:100px; background:none; } .dash-group-left .segment-content:nth-child(2) { flex:1; order:2; margin-left:10px; } #plurk-dashboard #dash-profile img.profile-pic { width:100px; height:100px; border-radius:50%; } #plurk-dashboard #dash-additional-info { height:100%; padding:10px; } #dash-additional-info > *:not(#private_plurk, #about_me) { display:none; } #plurk-dashboard #dash-additional-info #about_me { overflow:auto; height:100%; padding:0; } /*主控台處理-新區塊預先處理-按鈕*/ #plurk-dashboard #dash-additional-info #private_plurk { margin:0; text-align:center; } .dash-group-right .segment-content { padding:0; margin:0; } .dash-segment-profile:before { content:""; display:block; order:1; margin-left:10px; width:100px; height:100%; background:no-repeat center / contain; } #plurk-dashboard #dash-friends #friend_managment, #plurk-dashboard #dash-fans #fan_managment { margin:0; } #render_private_plurk a, #render_friend a, #render_follow a { display:block; width:100px; margin:0; padding:0; line-height:27px; } #render_friend a:before, #render_follow a:before { line-height:27px; } #render_private_plurk, #render_friend, #render_follow { position:absolute; left:110px; top:0; } #render_send_gift { display:none; } #render_friend { top:37px; } #render_follow { top:74px; } #dash-friends > *:not(#friend_managment), #dash-fans > *:not(#fan_managment) { display:none; } /*主控台處理-河道主人自己看按鈕區塊時填充的圖案*/ .own .dash-segment-profile:before { /*圖片*/ background-image:url(圖片網址); /*格子顏色*/ background-color:transparent; /*格子顏色說明:transparent是透明,改成色碼可使用顏色*/ /*圓角尺寸*/ border-radius:10px; } /*主控台處理-新區塊和發噗區的距離*/ #plurk-dashboard .dash-group-right { /*距離*/ margin-top:10px; } |
Direct link: https://paste.plurk.com/show/79ClnyWYYXxRpbn5dCji