Plurk paste

/**======== Create by Plurk CSS Generator ========**/
/**== https://hoshikata.github.io/PlurkCSSGenerator ==**/
/*噗首內文*/
.timeline-cnt .plurk_cnt {
font-size: 14px;
border-radius: 8px 8px 8px 8px;
}
/*噗首的頭像*/
.timeline-cnt .p_img {
overflow: hidden;
border-radius: 8px 8px 8px 8px;
}
/*噗的回應數*/
.timeline-cnt .response_count {
border-radius: 8px 8px 8px 8px;
}
/*噗的未讀回應數*/
.timeline-cnt .new .response_count {
background-color: #82A6B1;
}
/*噗的時間顯示*/
.timeline-timeshow {
background-color: #e000;
font-size: 10px;
opacity: 0;
}
/*時間軸的時間*/
.bottom_start {
background-color: #e000;
color: #e000;
}
/*時間軸的線*/
#bottom_line {
background-color: #e000;
}
/*河道往前往後鈕*/
.browse_button {
opacity: 0.5;
}
/*噗內整體調整*/
#form_holder {
opacity: 1;
overflow: hidden;
border-radius: 6px 6px 6px 6px;
}
/*回應內容*/
.response_box .list .plurk_cnt {
font-size: 13.6px;
}
/*噗主回應內容*/
.response_box .list .highlight_owner .plurk_cnt {
background-color: #ECF5FF;
font-size: 13.6px;
}
/*更新的未讀數字*/
#updater .unread_generic {
background-color: #82A6B1;
}
/*頻道的未讀數字*/
#filter_tab a .unread_generic {
background-color: #82A6B1;
}
/*官方 Loading*/
.loading-div .cnt img {
opacity: 0;
}
/*讓噗列表換行*/
.list .plurk_cnt .td_qual
{
position:absolute;
width:auto;
overflow:visible;
margin-left:0.7em;
}
.list .plurk_cnt .text_holder
{
margin-top:1.8em;
padding:0.5em;
margin-left:0.7em;
width:auto !important;
background:# !important;
border-radius:3px;
}


/*游標更改*/
*, body, a, a:hover {cursor: url(https://images.plurk.com/5ym2YhjIKoF78iJHS8AbAk.png), auto;}
a:hover, {cursor: url(https://images.plurk.com/5ym2YhjIKoF78iJHS8AbAk.png), auto;}


===============================================

/****◆ 下方主控台半透明變化◆****/

/*平常不透明度10%*/
div#plurk-dashboard
{filter:alpha(opacity=10) !important;
-moz-opacity:0.1!important;opacity:0.1!important;
zoom:1;}

/*滑過去後80%*/
div#plurk-dashboard:hover
{filter:alpha(opacity=80) !important;
-moz-opacity:0.8!important;opacity: 0.8!important;zoom:1;}
/*數值可自行修改，透明為0，不透明為1*/

body{ font-family: sans-serif; }


/*透明度與淡入淡出效果*/
div#plurk-dashboard
{
filter:alpha(opacity=20) !important; opacity:0.2 !important; zoom:1;
-moz-transition:opacity 0.7s ease-out;
-webkit-transition:opacity 0.7s ease-out;
-o-transition:opacity 0.7s ease-out;
}
div#plurk-dashboard:hover
{
filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
-moz-transition:opacity 0.7s ease-in;
-webkit-transition:opacity 0.7s ease-in;
-o-transition:opacity 0.7s ease-in;
}

==============================

/*滑鼠移至效果*/

/*隱藏往前往後圖示*/
.cmp_arrow_right, /*往右*/
.cmp_back_to_today /*移至最前*/
{
filter: alpha(opacity=0); opacity: 0; zoom:1;
}
#footer /*頁尾*/
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
div.dash-segment:hover,
#footer:hover
{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}
/*測試區噗隱藏*/
#timeline_cnt {
filter:alpha(opacity=10); (將浪上的噗隱藏起來，透明度設"10"，讓它若隱若現)
-moz-opacity:0.1;
opacity:0.1;
zoom:1;
}
#timeline_cnt:hover{
filter:alpha(opacity=100); (滑鼠移過去，浪上的噗就會清楚顯現，設"100,1,1")
-moz-opacity:1;
opacity:1;
zoom:1;
}
/*噗整體透明度*/
.plurk_cnt,
.plurk_box .caption,
.plurk_box .list,
.plurk_box .mini_form,
.info_box,
td.td_cnt texture,
textarea#input_small {
filter: alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; zoom:1; (通常設"90,0.9,0.9"或"80,0.8,0.8"，太透明的話文字會看不清楚喔)
}
/*滑鼠移至效果*/

=============================
#dash-stats td {
filter:alpha(opacity=0) !important;
opacity:0 !important;
-moz-opacity:0 !important;
}

/* =噗半透明CSS語法= */

.plurk{
filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;
-moz-transition:opacity 0.4s ease-out; /*滑出效果*/
-webkit-transition:opacity 0.4s ease-out;
-o-transition:opacity 0.4s ease-out;
}
.plurk:hover
{
filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
-moz-transition:opacity 0.4s ease-in; /*滑入效果*/
-webkit-transition:opacity 0.4s ease-in;
-o-transition:opacity 0.4s ease-in;
}

=========================

/*Plurk 生物*/
#dynamic_logo img,#logo a img {
filter: alpha(opacity=0);opacity:0.0;
}


#dynamic_logo{
/*個人頁面*/
height: 500px; /*請依照您的生物調整到適當高度*/
width: 500px; /*請依照您的生物調整到適當寬度*/
margin-top: 4px; /*生物距離頂部的位置*/
margin-right: -1000px; /*生物的左右位置 ( px > 0 時會往左邊，px < 0 時會往右邊)*/
background-repeat: no-repeat; /*重覆設 定*/
background-image: url(圖片網址); /*您的生物*/
}

=============================
/*噗內暱稱上移*/
#form_holder .plurk_cnt .td_qual {
position: absolute;
}
#form_holder .plurk_cnt .text_holder {
margin-top: 1.5em;
padding-left: 0.4em;
}








/* === 捏捏崑西小朋友噗寶 === */
/* 請將語法貼在自訂佈景最後面 */
/* 在自介「最後面」加上這段：「--* ** ** ** ** ** ** ** *--」(不要複製到引號) */


html{
/* 捏捏噗寶大小 */
--resizenene:1; /* 噗寶縮放倍率，可以自由等比例設定噗寶的大小，小數點OK，預設為1 (180x248px) */
}

#about_me strike:last-child{
box-sizing:border-box;
display: block;
width: calc(180px * var(--resizenene));
height: calc(248px * var(--resizenene));
position:fixed;
left:950px; /* 噗寶位置-左 */
bottom:50px; /* 噗寶位置-下 */
z-index: 99999;
pointer-events: none;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,.3)); /* 噗寶陰影 */
}

#about_me strike:last-child i{
box-sizing:border-box;
display: block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

#about_me strike:last-child i:nth-child(1), #about_me strike:last-child i:nth-child(2), #about_me strike:last-child i:nth-child(3), #about_me strike:last-child i:nth-child(4), #about_me strike:last-child i:nth-child(5), #about_me strike:last-child i:nth-child(6){
width:3%;
height:20%;
cursor: url(https://images.plurk.com/16DDOyF675Ucwsg7Vv0XHl.png) , auto !important;
pointer-events:auto;
top:50%;
}

#about_me strike:last-child i:nth-child(1):hover~i:nth-child(7), #about_me strike:last-child i:nth-child(2):hover~i:nth-child(7), #about_me strike:last-child i:nth-child(3):hover~i:nth-child(7), #about_me strike:last-child i:nth-child(4):hover~i:nth-child(7), #about_me strike:last-child i:nth-child(5):hover~i:nth-child(7), #about_me strike:last-child i:nth-child(6):hover~i:nth-child(7) {
background: url() no-repeat top right/30%, url(https://images.plurk.com/7GH9a7CUzvFzcogNMFT1yu.png) no-repeat center center/contain;
}

#about_me strike:last-child i:nth-child(1):hover~i:nth-child(8), #about_me strike:last-child i:nth-child(2):hover~i:nth-child(8), #about_me strike:last-child i:nth-child(3):hover~i:nth-child(8), #about_me strike:last-child i:nth-child(4):hover~i:nth-child(8), #about_me strike:last-child i:nth-child(5):hover~i:nth-child(8), #about_me strike:last-child i:nth-child(6):hover~i:nth-child(8) {
opacity:1;
}

#about_me strike:last-child i:nth-child(1){left:72%;}
#about_me strike:last-child i:nth-child(2){left:75%;}
#about_me strike:last-child i:nth-child(3){left:78%;}
#about_me strike:last-child i:nth-child(4){left:81%;}
#about_me strike:last-child i:nth-child(5){width:6%;left:84%;}
#about_me strike:last-child i:nth-child(6){width:6%;left:90%;}

#about_me strike:last-child i:nth-child(7){
background: url(https://images.plurk.com/1PvjvhIA0Uyi7eEKQjolEc.gif) no-repeat top right/30%, url(https://images.plurk.com/1irgWD8RB3PJwQiHpxu30Q.png) no-repeat center center/contain;
z-index:-2;
transform-origin: center bottom;
transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#about_me strike:last-child i:nth-child(8){
background: url(https://images.plurk.com/5pzaw4r7Rh3RvJlz38vRKo.png) no-repeat center center/contain;
z-index:-1;
opacity:0;
transform-origin: center bottom;
transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#about_me strike:last-child i:nth-child(2):hover~i:nth-child(8){transform: scale(1.1, .99);left:.5%;}
#about_me strike:last-child i:nth-child(3):hover~i:nth-child(8){transform: scale(1.12, .98);left:1%;}
#about_me strike:last-child i:nth-child(4):hover~i:nth-child(8){transform: scale(1.13, .97);left:2%;}
#about_me strike:last-child i:nth-child(5):hover~i:nth-child(8){transform: scale(1.14, .96);left:2.5%;}
#about_me strike:last-child i:nth-child(6):hover~i:nth-child(8){transform: scale(1.2, .95);left:2.5%;}
#about_me strike:last-child i:nth-child(2):hover~i:nth-child(7){transform: skew(-1deg,0deg) scale(1, .99);}
#about_me strike:last-child i:nth-child(3):hover~i:nth-child(7){transform: skew(-2deg,0deg) scale(1, .98);}
#about_me strike:last-child i:nth-child(4):hover~i:nth-child(7){transform: skew(-3deg,0deg) scale(1, .97);}
#about_me strike:last-child i:nth-child(5):hover~i:nth-child(7){transform: skew(-4deg,0deg) scale(1, .96);}
#about_me strike:last-child i:nth-child(6):hover~i:nth-child(7){transform: skew(-5deg,0deg) scale(1, .95);}