Plurk paste

/*2019噗版CSS基本款*/
/*plurkcss2019*/

/*Designed by Be Myself Inc. For personal use only. Please don't present again. All Rights Reserved.*/

/*僅供個人自用，請勿改製再分享或用於商業用途  Copyright: 版權所有 保留一切權利*/

/*NAME:  2019噗版CSS基本款 */
/*DATE: 2019-01-27*/
/*BACKGROUND: none */
/*INSTALL: (https://www.plurk.com/installDesign/3997864-0102d35ee6) */

/*----------隱藏項目----------*/
#dynamic_logo, #logo img, img#creature,  /*噗浪生物*/
#div_loading, .loading, .loading_div,  /*噗浪loading圖*/
div#empty_timeline_fg img, div#empty_timeline_bg img,  /*設為私密狀態時的噗浪肉骨獸*/
div#footer,  /*頁尾*/
#getting_started, .login_to_see a,
.red_link, .login_to_see, #reply #not_logged_in, 
#validate_email, #sign_up_small, #registerToday, 
div.feed-link, div.help, #fan_holder.friend_holder span,  /*登入註冊噗浪說明相關*/
#relationship_container,  /*感情狀態*/
#karma_arrow, .link_arrow, .cmp_points-arrow,
.cmp_karma_up, .cmp_karma_down,
a.link_arrow,  a.link_arrow link_badges,  /*卡馬小箭頭*/
div.show_mutual_friends, .show_all_friends,  /*列出朋友、共同朋友、粉絲*/
.nick_name,  /*@暱稱*/
#dash-award,  /*小徽章*/
.snowflake,  /*雪花*/
#plurk_ads, div.adsense, #cbox_ads, #sliderAds, 
div#resp_banner_ads, div#resp_banner_ads.show, 
section.adsense, .sliderAds,section.adsense h3 /*廣告*/
{ display : none !important; transform: scale(0); }
#plurk_ads a { overflow: hidden;_overflow: none; }

/*----------影音圖片連結----------*/
.plurk a.hashtag, .plurk a.hashtag:hover
{
color: rgba(2,39,59,1) !important;
background: none !important;
border: 0 !important;
border-radius: 0px  !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0.2) !important;
}
.plurk a.oembed, 
.plurk a.oembedmeta,
.plurk a.ogvideo.meta,
.plurk a.youtube.video, 
.plurk a.appledaily, 
.plurk a.gmap,
.plurk a.og, .plurk a.meta, 
.plurk a.embed,
.plurk_content a.og, 
.plurk_content a.meta, 
.plurk_content a.embed,
.plurk_content a.oembed, 
.plurk_content a.oembedmeta, 
.plurk_content a.youtube, 
.plurk_content a.appledaily, 
.plurk_content a.gmap
{
color: rgba(2,39,59,1) !important;
background: none !important;
border: 0 !important;
border-radius: 0px;
margin: 0px !important;
}
a.youtube img, 
a.youtube:hover img, 
.youtube img, 
.youtube:hover img,
.video img, 
.video:hover img,
a.oembed img, 
a.oembed:hover img,
a.oembedmeta img, 
a.oembedmeta:hover img,
a.ogvideo.meta:hover,
a.ogvideo.meta:hover img,
a.appledaily img, 
a.appledaily:hover img, 
a.og img, a.og:hover img,
a.meta img, a.meta:hover img,
a.embed img, a.embed:hover img,
a.ex_link pictureservices bigimg, 
a.ex_link:hover pictureservices bigimg,
.content a.ex_link pictureservices bigimg, 
.content a.ex_link pictureservices bigimg:hover,
.pictureservices img, 
.pictureservices:hover img,
.plurk a.pictureservices img, 
.plurk a.pictureservices:hover img,
.plurk a.pictureservices, 
.plurk a.pictureservices:hover,
.plurk a.meta:hover img,
body.t #dashboard_holder a.meta:hover img,
body.t #dashboard_holder a.pictureservices img,
body.t #dashboard_holder a.pictureservices,
body.t #dashboard_holder a.pictureservices:hover,
.permaplurk #dashboard_holder a.pictureservices img,
.permaplurk #dashboard_holder a.meta:hover img,
.permaplurk #dashboard_holder a.pictureservices,
.permaplurk #dashboard_holder a.pictureservices:hover,
.permaplurk #timeline_holder a.meta:hover img,
.permaplurk #timeline_holder a.pictureservices img,
.permaplurk #timeline_holder a.pictureservices,
.permaplurk #timeline_holder a.pictureservices:hover
{
background: none !important;
border: 0 !important;
border-radius: 0px;
margin: 0px !important;
}
a.youtube:hover img, 
a.oembed:hover img, 
.youtube:hover img,
.video:hover img,
.plurk a.meta:hover img,
a.embed:hover img,
a.ex_link:hover pictureservices bigimg,
.pictureservices:hover img,
.plurk a.pictureservices:hover img,
.content a.ex_link pictureservices bigimg:hover,
body.t #dashboard_holder a.meta:hover img,
.permaplurk #dashboard_holder a.meta:hover img,
.permaplurk #timeline_holder a.meta:hover img
{
box-shadow: 0px 0px 5px rgba(170,204,255,0.6) !important;
}
p#about_me .youtube img, 
p#about_me .youtube:hover img 
{ border: 0 !important; border-radius: 3px; }
p#about_me a.youtube.video
{
font-size: 0px !important;
max-height: 45px !important;
overflow: hidden;_overflow: none;
}
p#about_me a.ogvideo:after, 
p#about_me a.videoservices:after 
{ opacity: 0 !important; zoom: 1; }
.plurk_content .meta { padding: 4px !important; }
/*去除播放紅箭頭*/
.plurk a.ogvideo:after,.permaplurk #permanent_body a.ogvideo:after,body.t #dashboard_holder a.ogvideo:after,.plurk a.videoservices:after,.permaplurk #permanent_body a.videoservices:after,body.t #dashboard_holder a.videoservices:after
{ content : none !important ; }




/*----------畫面佈景----------*/

/*去除預設背景*/
._lc_, ._lch_, div.bar-color,
footer.clearfix,
#footer
{
background: none !important;
border: 0 !important;
}

html
{
background: #efefef url(https://i.imgur.com/Xwioud3.jpeg) center top repeat !important;
background-size: cover !important; /*符合瀏覽器大小*/
}


/*----------整體字型----------*/
body.language-large-font, 
body.language-large-font html5, 
.textarea, #input_big.content, .content,
td.td_cnt textarea, textarea#input_small,
html, body 
{
font-family:  Helvetica Neue, Arial, Verdana !important;
font-weight: normal !important;
text-transform: normal !important;
-webkit-text-size-adjust:none; /*Google瀏覽器字型預設取消*/
}

/*浪上噗與主控台字型*/
#timeline_holder .plurk_cnt, .list .plurk_cnt, 
.td_cnt .text_holder, div.content,
div#plurk-dashboard, 
{
font-weight: 400 !important;
font-size: 1em !important; 
line-height: 1.6em !important; 
letter-spacing: 0.18em !important;
color: rgba(137,137,137,1)  !important; 
}
#full_name, #display_name, .nick_name, #span_years, #m_or_f, 
{
font-weight: 400 !important;
font-size: 1em !important; 
line-height: 1.6em !important; 
letter-spacing: 0.18em !important;
color: rgba(225,225,225,1)  !important; 
padding-left: 20px !important; 
}
#location, p#about_me, p#relationship_container, 
{
font-weight: 400 !important;
font-size: 1em !important; 
line-height: 1.6em !important; 
letter-spacing: 0.18em !important;
color: rgba(137,137,137,1)  !important; 
}
#plurk-dashboard a:hover
{
color: #fff !important; 
text-decoration: underline !important; 
text-shadow: 0px 0px 7px #ffeeee !important; 
}

/*回應列表與回覆時間字型*/
.list .plurk_cnt
{
font-size: 1.1em !important;
}
div.response_time.plurk_cnt, div.holder p
{ 
font-size: 0.95em !important; 
line-height: 1.3em !important; 
letter-spacing: 0.12em !important;
color: rgba(137,137,137,1) !important; 
}
/*浪上噗內容的連結*/
.plurk a.ex_link, .text_holder a.ex_link,  
.plurk a.ex_link:visited, .plurk a.ex_link:active,
.plurk_content a.ex_link
{
color: rgba(2,39,59,1) !important;
text-decoration: none !important;
text-shadow: 0px 0px 3px rgba(255,241,0,0.1) !important;
background: none !important;
border-bottom: 0px solid rgba(98,197,226,0.4) !important;
}
.plurk a.ex_link:hover, .text_holder a.ex_link:hover,
.plurk_content a.ex_link:hover
{
color: rgba(98,197,226,1) !important;
text-decoration: none !important;
text-shadow: 0px 0px 3px rgba(255,241,0,0.1) !important;
background: none !important;
border-bottom: 0px solid rgba(238,134,168,0.1) !important;
}

/*浪上噗暱稱連結*/
.td_qual a 
{
font-size: 1em !important; 
font-weight: 430 !important;
color: rgba(137,137,137,1) !important;
letter-spacing: 0.1em !important;
}
.td_qual span a:hover
{
color: rgba(0,0,0,0.7) !important;
}

/*去除連結外框虛線*/
a:focus, :focus, a, a:link, a:visited, a:active, select, select:focus 
{ -moz-outline-style: none !important; outline: none !important; outline: 0 !important; }


/*----------時間軸----------*/
div#timeline-holder,  /*時間軸背景*/
div.timeline-holder,  /*時間軸背景*/
div#bottom_line  /*時間軸底線*/
{
background: none !important;
border: 0 !important;
}

/*時間*/
.bottom_start
{
top: 0px !important;
height: 16px !important;
background: none !important;
border: 0 !important;
color: rgba(255,255,255,0.9) !important; 
} 
/*日期*/
.day_start
{
color: rgba(137,137,137,0.7) !important; 
} 


/*每則噗的對應時間*/
#time_show
{
background: rgba(255,255,255,0.3) !important;
border: 0 !important;
padding: 2px 12px !important;
border-radius: 12px !important;
}
#time_show span 
{
color: rgba(0,0,0,0.7) !important;
font-size: 12px !important;
font-weight: 400  !important;
}

/*沒有未讀訊息、顯示所有訊息*/
#empty_timeline_fg, #empty_timeline_bg 
{
color: rgba(137,137,137,0.7) !important; 
font-size: 15px !important;
text-shadow: 0px 0px 0px rgba(1,1,1,0.4); 
} 
#empty_timeline_fg a, #empty_timeline_bg a 
{ 
color: rgba(0,0,0,0.7) !important;
}
#empty_timeline_fg a:hover, #empty_timeline_bg a:hover
{ 
color: rgba(0,0,0,1) !important;
}
#empty_timeline_bg { display : none !important; }


/*----------河道瀏覽前後箭頭----------*/

/*更換往前往後按鈕*/
.cmp_arrow_right
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/arrow_right_alt1_32x32.png);
width:32px; height:32px;
}
.cmp_arrow_left
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/arrow_left_alt1_32x32.png);
width:32px; height:32px;
}

/*透明度變化*/
.cmp_arrow_right,
.cmp_arrow_left,
.cmp_back_to_today
{
opacity: 0.1; zoom:1;
transition: opacity 1.5s ease;
}
.cmp_arrow_right:hover,
.cmp_arrow_left:hover,
.cmp_back_to_today:hover
{
opacity: 0.9; zoom:1;
transition: opacity 1.5s ease;
}
.browse_button .cmp_arrow_right:before, 
.browse_button .cmp_arrow_left:before, 
.browse_button .cmp_back_to_today:before
{ opacity: 0 !important; }

div.cmp_back_to_today.pif-arrow-left, /*左方回到最前*/
div.cmp_back_to_today.pif-arrow-right /*右方回到最前*/
{
font-size: 10px !important;
color:#898989 !important;
background: none !important;
margin-left: -10px !important;
}
div.cmp_back_to_today.pif-arrow-left::before,
div.cmp_back_to_today.pif-arrow-right::before
{
font-size: 10px !important;
color: #bbb !important;
}


/*----------訊息選單列----------*/
a#all_plurks.filter_selected.bottom_line_bg,  /*所有訊息*/
a#own_plurks_tab_btn.off_tab,  /*我發表的訊息*/
a#private_plurks_tab_btn.off_tab,  /*私人訊息*/
a#responded_plurks_tab_btn.off_tab,  /*回應過的訊息*/
a#mentioned_plurks_tab_btn.off_tab, /*提到我的訊息*/
a#replurked_plurks_tab_btn,   /*轉噗的訊息*/
a#favorite_plurks_tab_btn.off_tab,  /*喜歡的訊息*/
#filter_tab a.off_tab,   /*未選*/
#filter_tab a.filter_selected  /*正選*/
{
background: none !important;
color: rgba(0,0,0,0.5) !important;
font-size: 0.85em !important;
float : left !important;
}

div#updater a,  /*檢視未讀訊息*/
a#noti_re_text,
a#mark_all_link, 
a#view_all_plurk
{
background: none !important;
color: rgba(0,0,0,0.5) !important;
font-size: 0.85em !important;
}
#updater a:hover, #updater a:hover span 
{
text-decoration: none !important;
border-bottom: 0 !important;
}
.unread_generic  /*未讀噗的數目*/
{
background: none !important;
border: 0 !important;
color: rgba(0,0,0,0.5) !important;
font-weight: 400 !important; 
font-size: 0.85em !important;
border-radius: 15px !important;
}
 /*滑鼠移至效果*/
#filter_tab a.off_tab:hover,
#filter_tab a.filter_selected:hover,
#updater a:hover
{
background: rgba(255,255,255,0.3) !important;
color: #111 !important;
text-decoration: none !important;
border-radius: 15px !important;
}

/*訊息選單前的小圖示*/
i.pif-messages, i.pif-message-my, i.pif-message-private, i.pif-message, i.pif-replurk, i.pif-like, i.pif-tag
{ opacity: 0 !important; display : none !important; transform: scale(0); }

/*檢視未讀訊息選單前的小圖示*/
i.pif-message-new, i.pif-check, i.pif-cancel
{ opacity: 0 !important; display : none !important; transform: scale(0); }


/*----------浪上的噗----------*/

/*去除陰影線*/
.plurk_cnt, #form_holder
{
box-shadow: 0 0 0 !important;
}


/*包括頭貼的寫法*/
.block_cnt .plurk_cnt
{
background: rgba(255,255,255,0.66) !important;
border: 0 !important;
border-bottom: 1px solid rgba(204,187,187,0.2) !important;
border-radius: 24px;
transition: background 0.6s ease;
}
.block_cnt .plurk_cnt
{
padding: 5px 5px 5px 30px !important;
margin: -5px 0px 0px -30px !important;
}
.block_cnt .link_extend .plurk_cnt
{
background: rgba(255,255,255,0.9) !important;
border-bottom: 1px solid rgba(204,187,187,0.2) !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
transition: box-shadow 0.1s ease, background 0.6s ease;
border-radius: 24px;
}
.block_cnt .plurk_box .plurk_cnt, 
.mini_form, .info_box
{
background: rgba(255,255,255,0.9) !important;
border: 0 !important;
border-bottom: 1px solid rgba(204,187,187,0.2) !important;
}
.block_cnt .plurk_box .plurk_cnt
{
border-bottom: 0 !important;
border-radius: 24px 24px 0px 0px !important;
}
.list .plurk_cnt /*展開後的回應區*/
{
background: none !important;
transition: background 0.7s ease-out;
border-radius: 24px !important;
}
.list .plurk_cnt:hover
{
background: rgba(137,137,137,0.2) !important;
transition: background 0.3s ease-in;
border-radius: 24px !important;
}
.plurk_box
{
border-radius: 24px !important;
background: rgba(255,255,255,0.01) !important;
}
.mini_form
{
border-radius: 0px 0px 24px 24px !important;
}
.list
{
transition: height 0.5s ease;  /*列表延伸動態*/
}
.response_box
{
background: rgba(255,255,255,0.9) !important;
border-radius: 0px 0px 0px 0px !important;
border-top: 0px solid rgba(204,187,187,0.2) !important;
border-bottom: 0px solid rgba(204,187,187,0.2) !important;
}
.input_holder,
td.td_cnt textarea, 
textarea#input_small   /*回應列表下方輸入區*/
{
background: none !important;
font-size: 1em !important; 
line-height: 1.2em !important; 
letter-spacing: 0.1em !important;
color: rgba(137,137,137,1)  !important; 
padding: 2px;
min-height: 40px;
}
/*噗列表換行*/
.list .plurk_cnt .td_qual 
{ position: absolute; width: auto; overflow: visible; padding: 0.4em; margin-left: 0.5em; }
.list .plurk_cnt .text_holder 
{ margin-top: 1.5em; padding: 0.4em; margin-left: 0.4em; width: auto !important; }

/*浪上的噗換行*/
.block_cnt .plurk table { min-width: 322px !important;  }
.block_cnt .plurk_cnt .td_qual { position: absolute; overflow: visible; padding: 0em 0em 0.6em 0.6em;}
.block_cnt .plurk_cnt .text_holder { margin-top: 1.3em; overflow: visible;  padding: 0.3em 0.6em;}
div.plurk .link_extend { z-index: 2200; } 
.block_cnt
{ padding: 0px !important; width: 300px !important; height: 56px !important; }
.block_cnt .div_inner, .div_bottom
{ max-height: 0px !important; }

/*調整噗浪寬度*/
.display table, .toggled table, .plurk_box table 
{ width: 470px !important; }
.display .text_holder,.toggled .text_holder, 
.plurk_box .input_holder, .list table 
{ width: 100% !important; }
.plurk .truncated, .text_holder 
{ min-width: 322px !important; min-height: 20px; }

/*新噗底色*/
.plurk_box td .shade_6, td .shade_6, 
.plurk_box td .shade_5, td .shade_5,
.plurk_box td .shade_4, td .shade_4, 
.plurk_box td .shade_3, td .shade_3,
.plurk_box td .shade_2, td .shade_2, 
.plurk_box td .shade_1, td .shade_1
{ background: rgba(255,255,255,0.66) !important; }
.plurk.new .plurk_cnt
{ box-shadow: 0px 0px 4px rgba(204,187,187,0.3); }

/*回應區噗主設定*/
.list .highlight_owner .td_qual a  /*名稱*/
{
color: #000 !important;
text-decoration: none !important;
} 
.list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt:hover  /*區塊*/
{
border-left: 0px solid #bbb !important;
} 
.list .highlight_owner .plurk_cnt .text_holder  /*訊息*/
{
color: #444 !important;
} 

/*回應數*/
.dots .inner { display : none !important; }
.response_count { color: rgba(137,137,137,1) !important; background: none !important; margin-left: 2px !important; margin-top: -4px !important;}
.new .response_count
{
background: rgba(98,197,226,0.9) !important;
border: 0px solid #111 !important;
color: #fff !important;
border-radius: 24px;
padding: 3px 5px !important;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
text-shadow: 0px 0px 0px #ddd;
text-decoration: ;  /*blink*/
}
/*浪上的噗友圖*/
div.p_img /*去除圖片底框線*/
{
border: 0 !important;
}
div.p_img img /*圖片*/
{
border: 0 !important;
padding: 0px;
background: none !important;
border-radius: 24px !important;
}

/*隱藏已消音的噗*/
div.muted { opacity: 0.01 !important; zoom: 1; transition: opacity 1.5s ease;}
div.muted:hover { opacity: 0.5 !important; zoom: 1; transition: opacity 1.5s ease;}

/*喜歡與轉噗數字連結*/
div.favorite_count /*喜歡*/
{
font-size: 10px;
font-weight: normal !important;
color: rgba(137,137,137,0.9) !important;
background: none !important;
text-decoration: none !important;
}
div.replurk_count /*轉噗*/
{
font-size: 10px;
font-weight: normal !important;
color: rgba(137,137,137,0.9) !important;
background: none !important;
text-decoration: none !important;
}

/*發噗時間*/
.plurk .time a, .plurk .time a:hover
{
font-size: 11px;
font-weight: normal !important;
color: rgba(137,137,137,0.9) !important;
background: none !important;
text-decoration: none !important;
letter-spacing: 0.03em !important;
}

/*功能列*/
div.manager {} 
div.manager a { font-size: 11px !important; color: rgba(137,137,137,0.7) !important;} 
div.manager a:hover  { background: none !important; color: rgba(137,137,137,0.7) !important;} 
a.pif-volume.mute-off,
a.pif-replurk.replurk-off::before,
a.pif-replurk.replurk.replurk-on::before,
a.pif-like.like.like-on::before,
a.pif-bone.gift
{ color: rgba(137,137,137,0.7) !important; }
/*回應功能已關閉*/
div.info_box.c_disabled
{
font-size: 0.95em;
color: rgba(137,137,137,0.7) !important;
background: none !important;
}

/*每則噗前面的標注圖示*/
.plurk_icon
{
margin-left: -20px !important;
color: rgba(137,137,137,0.7) !important;
}

/*回應列表每則噗的時間*/
.response-manager
{
background: rgba(255,255,255,0.7) !important;
border-radius: 24px !important;
}
.response-manager:hover
{
background: rgba(255,255,255,1) !important;
border-radius: 24px !important;
}
.response-manager .time
{
font: 400 11px verdana;
color: #555 !important;
}

/*回覆按鈕*/
div.mention.pif-message
{
background: none !important;
border-radius: 24px !important;
color: rgba(137,137,137,1) !important;
}
div.mention.pif-message:hover
{
background: none !important;
border-radius: 24px !important;
color: #555 !important;
}

/*----下方控制列*//*info_box.controller*/

/*按Enter送出*/
div.char_updater, div.char_updater span
{
color: rgba(137,137,137,0.8) !important;
background: none !important;
}

/*尚餘數字*/
div.char_updater.char_highlight 
{
font-size: 0.95em;
color: #777 !important;
background: none !important;
text-decoration: none !important;
}
div.char_updater.char_highlight a
{
font-size: 0.95em;
color: #444 !important;
background: none !important;
text-decoration: none !important;
}
div.char_updater.char_highlight a:hover
{
font-size: 0.95em;
color: rgba(137,137,137,0.8) !important;
background: none !important;
text-decoration: none !important;
}

/*----------主控台----------*/

/*去除預設背景*/
div.segment-content
{
background: none !important;
border-radius: 0px !important;
border: 0 !important;
}
div#plurk-dashboard
{
background: none !important;
border-radius: 0px !important;
border: 0 !important;
}

/*去除統計、朋友、粉絲標題*/
div.segment-content h2
{
background: none !important;
border-radius: 0px !important;
display: none !important;
}

/*主控台各區背景*/
div.dash-segment.dash-segment-profile /*自介區*/
{
background: none !important;
border-radius: 20px !important;
border: 0 !important;
padding: 5px;
font: 400 11px verdana;
color: #000  !important;
}
div.dash-segment.dash-segment-stats  /*統計區*/
{
background: none !important;
border: 0 !important;
border-radius: 20px !important;
padding: 5px 5px 13px 5px;
font: 400 11px verdana;
color: #000  !important;
}
div.dash-segment.dash-segment-friends /*朋友區*/
{
background: none !important;
border: 0 !important;
margin-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 24px !important;
font: 400 11px verdana;
color: #000  !important;
}
div.dash-segment.friendsList.dash-segment-fans /*粉絲區*/
{
background: none !important;
border: 0 !important;
margin-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 24px !important;
font: 400 11px verdana;
color: #000  !important;
}
/*主控台各區隱藏效果*/
div.dash-segment.dash-segment-profile,
div.dash-segment.dash-segment-stats,
div.dash-segment.dash-segment-friends,
div.dash-segment.friendsList.dash-segment-fans
{
background: rgba(0,0,0,0.1) !important;
opacity: 1 !important; zoom: 1;
transition: opacity 0.9s ease-out;
transition: background 0.9s ease-out;
} 
div.dash-segment.dash-segment-profile:hover,
div.dash-segment.dash-segment-stats:hover,
div.dash-segment.dash-segment-friends:hover,
div.dash-segment.friendsList.dash-segment-fans:hover
{
background: rgba(0,0,0,0.4) !important;
opacity: 1 !important; zoom: 1;
transition: opacity 0.9s ease-in;
transition: background 0.9s ease-out;
}

/*主控台各區內容*/

 /*大頭貼*/
.dash-segment img.profile-pic
{
width: 100px !important;
height: 100px !important;
border: 0px solid #bbb;
box-shadow: 4px 4px 0px rgba(255,255,255,0.6);
border-radius: 60px !important;
transition: width 0.6s ease-out, height 0.6s ease-out;
}
#dash-profile
{
max-height: 155px !important;
}
#profile_pic img { border-radius: 60px; }

 /*姓名*/
div#full_name
{
font-size: 1em !important;
font-family:  Helvetica Neue, Arial, Verdana !important;
color: #fff !important;
text-shadow:rgba(38,38,38,0.9) 0 0 10px !important;
padding-left: 40px !important; 
}
div#display_name
{
font-size: 1em !important;
font-family:  Helvetica Neue, Arial, Verdana !important;
color: #fff !important;
text-shadow:rgba(38,38,38,0.9) 0 0 10px !important;
padding-left: 0px !important; 

/*關於我*/
p#about_me
{
font-size: 0.96em !important;
font-family:  Helvetica Neue, Arial, Verdana !important;
line-height: 1.7em !important; 
color: #fff !important;
text-shadow:rgba(38,38,38,0.9) 0 0 7px;
}
p#about_me a
{
font-size: 0.96em !important;
color: #fff !important;
border-bottom: 0px solid rgba(187,187,187,0.5) !important;
background: none !important;
text-decoration: none !important;
text-shadow:rgba(38,38,38,0.7) 0 0 7px;
}
p#about_me a:hover
{
font-size: 0.96em !important;
color: #fff !important;
border-bottom: 0px solid rgba(187,187,187,0.8) !important;
background: none !important;
text-decoration: none !important;
text-shadow:rgba(38,38,38,0.9) 0 0 10px;
}
/*位置*/
span#location
{
font-size: 0.93em !important;
font-family:  Helvetica Neue, Arial, Verdana !important;
color: #fff !important;
text-shadow:rgba(38,38,38,0.9) 0 0 7px;
}

 /*卡馬*/
#karma
{
font-size: 1em !important;
color: rgba(255,255,255,1) !important;
text-shadow: rgba(211,120,16,0.8) 0 0 8px;
}
.karma_hover
{
font: 300 15px verdana !important;
color: #fff !important;
}

/*統計*/
#dash-stats table th  /*項目*/
{
font-size: 0.9em !important;
color: #fff !important;
}
#dash-stats table td  /*數值*/
{
font-size: 0.9em !important;
color: #fff !important;
}

/*統計項目與卡馬區對齊調整*/
#dash-stats table th { float : left; height: 0px !important;}
.karma_hover { margin: 0px !important; }

/*朋友粉絲圖*/
.user_link img
{
opacity: 0.6 !important; zoom:1;
transition: opacity 1.5s ease;
border-radius: 20px !important;
}
.user_link img:hover 
{
opacity: 1 !important; zoom:1;
transition: opacity 1.5s ease;
border-radius: 20px !important;
}

/*朋友粉絲圖縮小*/
.friend_holder { margin-bottom: 4px; border: 0 !important; }
.friend_holder table { margin-left: auto !important; margin-right: auto !important; border:0!important; }
.friend_holder .user_link { height: 25px !important; width: 25px!important; border: 0 !important; }
.friend_holder img { width: 25px; height: 25px; border: 0!important; }

/*朋友粉絲按鈕*/
a.friend_man
{
background: rgba(255,255,255,0.3) !important;
border: 0 !important;
border-radius: 24px !important;
font-size: 12px !important;
color: rgba(2,39,59,1) !important;
transition: background 0.6s ease;
}
a.friend_man:hover
{
background: rgba(255,255,255,0.8) !important;
border: 0 !important;
border-radius: 24px !important;
text-decoration: none !important;
color: rgba(2,39,59,1) !important;
transition: background 0.6s ease;
}
a.friend_man.add_friend,
a.friend_man.remove,
a#follow_managment.friend_man.remove,
a#follow_managment.friend_man.add_follow
{}
.friend_man:before { display: none; }  /*隱藏連結前符號*/
a.friend_man private_plurk.hideBlock {}
div#friend_managment,
div#fan_managment,
div#private_plurk
 { text-align: left !important; }

/*時間軸設定-私密*/
div#fan_holder.friend_holder
{
}
div#fan_holder.friend_holder p
{
margin-top:-10px !important;
padding-top: 0px !important;
font-size: 0px !important;
color: #777 !important;
}
div#fan_holder.friend_holder a
{
font-size: 11px !important;
color: #777 !important;
text-decoration: none !important;
}
div#fan_holder.friend_holder a:hover
{
font-size: 11px !important;
color: #444 !important;
text-decoration: none !important;
}

/*發噗區*/
div.input_holder, #input_big
{
background: none !important;
border: 0 !important;
}
#input_big.content { color: # !important; }
textarea#input_big_private, textarea#input_big, textarea #input_big .content, textarea#input_permalink, input#current_query, td.td_cnt textarea, textarea#input_small
{
background: rgba(255,255,255,0.2) !important;
border: 0 !important;
min-height: 152px;
line-height: 24px;
color: #000 !important;
font-size: 16px !important;
border-radius: 15px !important;
padding: 4px 2px 3px 2px !important;
box-shadow: 0pt 0px 0pt rgba(0,0,0,0.02), 0pt 0px 0px rgba(0,0,0,0.01) inset;
transition: background 0.6s ease;
}
td.td_cnt textarea, textarea#input_small
{
font-size: 12px !important;
min-height: 40px;
line-height: 1.6em !important; 
letter-spacing: 0.13em !important;
color: #000 !important;
padding: 0px 2px 3px 2px !important;
border-bottom: 0px solid rgba(137,137,137,0.89) !important;
border-radius: 0px !important;
}
textarea:hover, textarea#input_big_private:hover, textarea#input_big:hover, textarea#input_permalink:hover, input#current_query:hover
{
background: rgba(255,255,255,0.5) !important;
border-bottom: 0px solid rgba(137,137,137,0.89) !important;
box-shadow: 0pt -1px 0pt rgba(0,0,0,0.02), 0pt 1px 2px rgba(0,0,0,0.01) inset;
color: #000 !important;
transition: background 0.6s ease;
}
textarea:focus, textarea#input_big_private:focus, textarea#input_big:focus,textarea#input_permalink:focus, input#current_query:focus
{
background: rgba(255,255,255,0.7) !important;
box-shadow: 0pt 1px 2px rgba(0,0,0,0.03) inset, 0pt 1px 0pt rgba(255,255,255,0.02);
color: #000 !important;
border-bottom: 0px solid rgba(137,137,137,0.89) !important;
transition: background 0.6s ease;
}
/*表情符號分享訊息列圖示*/
.icons_holder { margin-left: 0px !important; }  /*對齊發噗框*/

/*各圖示*/
.pif-emoticon.cmp_emoticon_off,  /*表情符號*/
.pif-media.cmp_media_off,  /*分享資訊*/
.pif-sync.cmp_sync_off,  /*同步更新*/
.pif-anynomous.cmp_anynomous_off,  /*偷偷說*/
.pif-poll,  /*投票*/
.pif-privacy.cmp_privacy_off  /*私人訊息及隱私選項*/
{ font-size: 1.1em !important; color: #444 !important; width:20px!important; opacity: 0.6 !important; zoom: 1; transition: opacity 0.3s ease;}

/*各圖示滑鼠移至效果*/
.pif-emoticon.cmp_emoticon_on,
.pif-media.cmp_media_on,
.pif-sync.cmp_sync_on,
.pif-anynomous.cmp_anynomous_on,
.pif-poll:hover, 
.pif-privacy.cmp_privacy_on
{ font-size: 1.1em !important; color: #333 !important; width: 20px !important; opacity: 1 !important; zoom: 1; transition: opacity 0.3s ease; }

/*浪上的噗內發噗區小圖示*/
.cmp_emoticon_mini_off.pif-emoticon,
.pif-media.cmp_media_mini_off
{ color: #666 !important; font-size: 0.98em !important; opacity:0.6 !important; zoom: 1; transition: opacity 0.3s ease; }
.cmp_emoticon_mini_on.pif-emoticon,
.pif-media.cmp_media_mini_on
{ color: #333 !important; font-size: 0.98em !important; opacity:1 !important; zoom: 1; transition: opacity 0.3s ease; }

/*去除表符圖示背景*/
.pif-emoticon.cmp_emoticon_off::before,
.pif-emoticon.cmp_emoticon_off::after,
.pif-emoticon.cmp_emoticon_on::before,
.pif-emoticon.cmp_emoticon_on::after,
.cmp_emoticon_mini_off.pif-emoticon::after,
.cmp_emoticon_mini_on.pif-emoticon::after
{ background: none !important; }

/*plurk按鈕*/
.submit_img 
{
background: rgba(255,255,255,0.4) !important;
border-radius: 25px !important;
color:#222 !important; 
font-size: 1.4em !important; 
text-shadow: 0px 0px 3px rgba(255,255,255,0.4) !important;
transition: background 0.6s ease;
}
.submit_img:hover
{
background: rgba(255,255,255,0.7) !important;
transition: background 0.6s ease;
}

/*下拉箭頭*/
.pif-dropdown::before { transform: scale(0.4); }

/*浪上的噗語助詞*/
.qualifier, .m_qualifier, .r_qualifier, div.bigplurk .r_qualifier, .mini_form .m_qualifier, .user .qualifier, .qual_menu td, span.qualifier.q_shares, .qual_menu .q_shares, .q_shares, td .q_shares, td .q_likes, td .q_loves, td .q_gives, td .q_hates, td .q_wants, td .q_wishes, td .q_needs, td .q_will, td .q_hopes, td .q_asks, td .q_has, td .q_was, td .q_wonders, td .q_feels, td .q_thinks, td .q_says, td .q_is, td .q_replurks
{
background: none !important;
border: 0 !important;
font-size: 0.9em !important;
font-weight: 400 !important;
color: rgba(137,137,137,0.9) !important;
}
.q_replurks { background-image: none !important; }

/*回應列表發噗區語助詞*/
.plurkForm .m_qualifier { background: none !important; font-size: 1em !important; }
.plurkForm .m_qualifier { color: #888 !important; }

/*發噗區語助詞*/
.plurkaction .m_qualifier { color: #888 !important; font-size: 0.56em !important; }

/*換圖片*/
.list .empty /*沒有回應的噗*/
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/Snow/1270600471_Dragon.png) no-repeat 50% 0px transparent;
height: 32px;
color: #fff !important;
margin: 20px 0 0 0;
padding: 30px 0 0 0; 
text-indent: -9999px;
}

/*選取標注*/
::-moz-selection
{
background: #000 !important;
color: #bbb;
}
::selection
{
background: #000 !important;
color: #bbb;
}

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

/*噗幣改圖片*/
#plurk-dashboard #dash-profile .profile-icons { height:auto; line-height:0; }
#plurk-dashboard #dash-profile .premium img {
 /*高度*/ height:16px;
 /*寬度*/ width:16px;
 /*圖片*/ content:url(https://i.imgur.com/g7ym2bR.png) ;
}

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

/*對話框參考：https://www.plurk.com/p/ogg8nj*/
/********************下方不要更動*********************/
/*名字換行*/
.list .tr_cnt {
  display: flex;
  flex-direction: column;
}
/*噗主留言靠右*/
.list .highlight_owner .td_cnt {
  display: flex;
  justify-content: flex-end;
}
/*噗主名字靠右*/
.list .highlight_owner .td_qual {
  right: 0px;
}

/*對話框邊距調整*/
.list .plurk_cnt .td_cnt {
  padding: 0.5em 5px 0;
}

/*對話框樣式*/
.list .plurk_cnt .text_holder  {
  display: inline-block;
  padding:0.5em 1em;
  width:auto !important;
  border-radius:16px;
  min-width: 0;
}

.response .plurk_cnt {background-color: transparent;}

/*對話框尾巴樣式和位置*/
.list .plurk_cnt .text_holder::after {
  content:"";
  position:absolute;
  border-style: solid;
  border-width: 7px 5px; 
  height: 0px; 
  width: 0px;
  left:3px;
  top:-2px;
  border-color: transparent;
}

/*噗主對話框尾巴位置*/
.list .highlight_owner .plurk_cnt .text_holder::after {
  left: auto;
  right:3px;
}
/********************上方不要更動*********************/

/*隱藏發語詞*/
.qualifier.q_says {
  display: none;
}

/*更改回應最大寬度*/
.list .plurk_cnt .text_holder  {
  max-width: 66%;
}

/*非噗主對話框顏色*/
.list .td_cnt .text_holder {
  background:rgba(193, 229, 231, 0.6) !important; 
}

/*噗主對話框顏色*/
.list .highlight_owner .td_cnt .text_holder {
  background:rgba(212, 200, 228, 0.6) !important; 
}

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

/*圖片彈出視窗圓角*/
._lch_ ~ .pop-window .divplurk,
._lch_ ~ .pop-window .pop-window-view,
._lch_ ~ .pop-window .response_box,
._lch_ ~ .pop-window .mini_form,
._lch_ ~ .pop-window .img-holder {
  background: none !important;
}
._lch_ ~ .pop-window .pop-window-view {
  border-radius: 18px !important;
  font-size: 1em; 
}

/*圖片彈出視窗輸入框圓角*/
._lch_ ~ .pop-window .plurkForm.mini-mode .input_holder,
._lch_ ~ .pop-window .mini_form .input_holder {
  border-radius: 18px !important;
}
._lch_ ~ .pop-window .m_qualifier {
  border-radius: 18px !important;
}


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

/* 20240505新版_top_bar背景及文字顏色 */
'{:is('{'), 
body,
:is(url(})) {
  /* top_bar文字顏色 */
  --top-bar-text-color: rgba(255, 255, 255, 1);
  /* top_bar背景色 */
  --top-bar-bg-color: rgba(170, 150, 190, 0.5);
  /* top_bar背景模糊程度 */
  --top-bar-blur-px: 15px;
  /* top_bar背景模糊飽和度 */
  --top-bar-blur-saturate: 80%;
}

'{:is('{'), 
#top_bar,
:is(url(})) {
  color: var(--top-bar-text-color);
  background: var(--top-bar-bg-color);
  backdrop-filter: saturate(var(--top-bar-blur-saturate)) blur(var(--top-bar-blur-px));
  -webkit-backdrop-filter: saturate(var(--top-bar-blur-saturate)) blur(var(--top-bar-blur-px));
}
'{:is('{'), 
.bar-color,
:is(url(})) {
  background: none;
}
'{:is('{'), 
#top_bar #top-bar-main .tab.current:after,
:is(url(})) {
  background: rgba(208, 208, 200, 0.7);
  left: calc(50% - 1.5px);
  top: 32px;
  width: 3px;
  height: 3px;
  border-radius: 5px;
}

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