Plurk paste

/*棉花糖風噗文樣式*/
/*噗首*/
#timeline_holder .plurk_cnt {
background:#FFF !important;
filter:alpha(opacity=90);opacity:0.9 !important;
font-size:12px;
line-height:180%;
letter-spacing:0.08em;
border-radius:15px;
outline: 8px solid #f3969a;
/*陰影*/
box-shadow: 0px 1px 0px 7px #f3969a,
10px 10px 15px 5px #000000,
9px 15px 10px 5px #3C3C3C,
inset 0px -12px 0px #f3969a,
inset 0px -2px 1px #f3969a,
inset 0px -5px 1px #f3969a;
}
/*棉花糖標誌*/
.cboxAnchor[data-type="plurk"] >table::before{
content:"";
color:red;
position: absolute;
width:15px;
height:15px;
background-image:url(https://images.plurk.com/6ZV5XkDGt85BjUvzTGGEWu.png);
background-repeat: no-repeat;
bottom:-6px;
left:50%;
background-size:contain;
z-index:100;
}

/*噗文上圖案*/
.cboxAnchor[data-type="plurk"] >table{
position: relative;
}
/*未讀圖*/
.cboxAnchor.new[data-type="plurk"] >table::before{
content:"";
color:red;
position: absolute;
width:70px;
height:70px;
right: 05px;
top:-50px;
background-image:url(https://images.plurk.com/7oRDC4GoCjJUp0iJ2toPZB.gif);
z-index:100;
background-size:contain;
background-repeat: no-repeat;
}
/*已讀圖*/
.cboxAnchor[data-type="plurk"]>table::before{
content:"";
color:red;
position:absolute;
width:70px;
height:70px;
right: 05px;
top:-50px;
background-image:url(https://images.plurk.com/K5HM6de377oC3QSxovLfU.gif ); z-index:100;
background-size:contain;
background-repeat: no-repeat;
}



/*浪上的噗友頭貼*/
div.p_img /*去除圖片底框線*/
{ border: 0 !important; }
div.p_img img /*圖片*/
{
border: 0 !important;
padding: 0px;
background: none !important;
border-radius: 15px !important;
position: absolute;
z-index:100;
top:6px;
left: 40px;
}
/*回應數*/
.dots .inner { display : none !important; }
.response_count
{
background-color:#ADADAD !important;
border: 0 !important;
color: #fff !important;
padding: 3px 5px !important;
position: absolute;
top:-8px;
right:10%;
}
/*新回復回應數*/
.new .response_count
{
background-color:#FF5151 !important;
border: 0 !important;
color: #fff !important;
padding: 3px 5px !important;
position: absolute;
top:-8px;
right:10%;
}


/*浪上的噗換行*/
.block_cnt .plurk table { min-width: 322px !important; }
.block_cnt .plurk_cnt .td_qual { position: absolute; overflow: visible; padding: 0.2em 3.5em;}
.block_cnt .plurk_cnt .text_holder {
margin-top: 1.5em;
margin-bottom: 0.5em;
overflow: visible;
padding: 0.7em 1.5em;}
div.plurk .link_extend { z-index: 2200; }
/*回應區*/
.plurk_cnt, .link_extend .plurk_cnt,
.plurk_box .plurk_cnt,
.response_box,
.mini_form
{
background: rgba(255,255,255,0.7) !important;
border: 0 !important;
transition: background 0.8s ease;
}
.plurk_box
{
background: rgba(255,255,255,0) !important;
border: 0 !important;
transition: background 0.8s ease;
}
/*浪上噗圓角*/
.plurk_cnt, .response_box,
.plurk_box, .mini_form
{
border-radius: 10px !important;
}
/*留言區內留言*/
.list .plurk_cnt
{
background: none !important;
transition: background 0.8s ease;
border-radius: 15px !important;
}
.list .plurk_cnt:hover
{
background: rgba(255,255,255,1) !important;
transition: background 0.8s ease;
border-radius: 15px !important;
}
/*噗內喜歡數顏色*/
.favorite_count {
background-color: #ff8a8a;/*顏色*/
}
/*噗內轉噗數*/
.replurk_count {
background-color: rgba(208, 146, 221, 1);/*顏色*/
opacity: 1;
}
/*噗上轉噗符號*/
.q_replurks{background:rgba(208, 146, 221, 1);}/*顏色*/

/* 用來觸發預先載入圖片的區域 */
#dynamic_logo::before {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;

/* 將下面有用到的圖片網址寫在這裡以預先載入，避免圖片載入時產生閃爍 */
content:
url('https://images.plurk.com/7va82yyOJ7nVK2GmAhrMTq.gif')
url('https://images.plurk.com/6OhXv2xvoY2ZEtXTo9XQZv.gif')
url('https://images.plurk.com/2rQ4zlAL8vw5ZNnbYyHE2Z.gif')
url('https://images.plurk.com/3tXhUtdyXsElVJU91msVDi.png')
url('https://images.plurk.com/1HdahyUU04BKTTp4bNj4CR.png')
; /* <- 請不要刪掉這個分號 */
}

#dynamic_logo {
/* 將噗寶位置固定在距離視窗右下角10px處的最上層，並隱藏被推出去的預設噗寶 */
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
overflow: hidden;

/* 為整個噗寶加上陰影 */
filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.3));

/* 待機時噗寶圖片寬高 */
width: 300px;
height: 300px;
/* 待機時噗寶圖片網址 */
background: url('https://images.plurk.com/7va82yyOJ7nVK2GmAhrMTq.gif') no-repeat left/contain;
}

/* 用來顯示游標懸浮時噗寶圖片的區域 */
#dynamic_logo::after {
/* 讓此偽元素能夠顯示在畫面上並設定大小 */
content: '';
display: block;

/* 設定游標懸浮時噗寶圖片寬高與點擊前相同 */
width: 100%;
height: 100%;
/* 游標懸浮時噗寶圖片網址 */
background: url('https://images.plurk.com/6OhXv2xvoY2ZEtXTo9XQZv.gif') no-repeat left/contain;

/* 游標懸浮時游標圖片網址 (尺寸必須在 128x128 以內，超過的話會無法顯示) */
cursor: url('https://images.plurk.com/3tXhUtdyXsElVJU91msVDi.png'), auto;
}

/* 用來顯示點擊後噗寶圖片的區域 */
#creature {
/* 點擊前先隱藏點擊後噗寶圖片 */
display: none;

/* 將預設噗寶圖片推出畫面外 */
padding-left: 100%;

/* 設定點擊後噗寶圖片寬高與點擊前相同 */
width: 100%;
height: 100%;
/* 點擊後噗寶圖片網址 */
background: url('https://images.plurk.com/2rQ4zlAL8vw5ZNnbYyHE2Z.gif') no-repeat left/contain;

/* 點擊後游標圖片網址 (尺寸必須在 128x128 以內，超過的話會無法顯示) */
cursor: url('https://images.plurk.com/1HdahyUU04BKTTp4bNj4CR.png'), auto;
}

/* 游標懸浮時隱藏待機時噗寶圖片 */
#dynamic_logo:hover {
background: none;
}
/* 游標未懸浮時隱藏懸浮時噗寶圖片 */
#dynamic_logo:not(:hover)::after {
background: none;
}
/* 點擊後顯示點擊後噗寶圖片，同時將懸浮時噗寶圖片推出畫面 */
#dynamic_logo:active #creature, #creature:hover {
display: block;
}