**因為許多噗友反應最近噗浪版型的安裝網址常失效,所以之後的噗版完整語法都會另外整理成一篇篇文章放在這裡喔**

 

/*2018噗版CSS基本款*//*PLURKCSS2018*/

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

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

/*NAME:  2018噗版CSS基本款 */
/*DATE: 2018-03-28*/
/*BACKGROUND: none */
/*INSTALL: (https://www.plurk.com/installDesign/5807705-740a77e40e) */

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

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

html
{
background: #bbb url(https://) 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, 
#full_name, #span_years, #m_or_f, #location,
p#about_me, p#relationship_container, 
#dash-stats table th, #dash-stats table td 
{
font-weight: 500 !important;
font-size: 1em !important; 
line-height: 2em !important; 
letter-spacing: 0.13em !important;
color: rgba(137,137,137,1)  !important; 
}

/*回應列表與回覆時間字型*/
.list .plurk_cnt
{
font-size: 1.1em !important;
}
div.response_time.plurk_cnt, div.holder p

font-size: 0.95em !important; 
line-height: 2em !important; 
letter-spacing: 0.06em !important;
color: rgba(137,137,137,1) !important; 
}

/*----------連結設定----------*/
a, a:link,  /*整體連結*/
#dashboard_holder #perma-right a,
div.response_time .holder a, /*每則噗回應的連結*/
div.holder a.reply_to
{
color: rgba(2,39,59,1) !important;
text-decoration: none !important;
background: none !important;
}

/*滑鼠移至的連結*/
a:hover, a:visited, a:active,
#dashboard_holder #perma-right a:hover,
div.response_time .holder a:hover,
div.holder a.reply_to:hover
{
color: rgba(211,120,16,1) !important;
text-decoration: none !important;
background: none !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(211,120,16,1) !important;
text-decoration: none !important;
text-shadow: 0px 0px 3px rgba(255,241,0,0.1) !important;
background: none !important;
border-bottom: 1px solid rgba(238,134,168,0.1) !important;
}

/*浪上噗暱稱連結*/
.td_qual a { color: rgba(137,137,137,1) !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; } 

/*----------隱藏項目----------*/
#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,  /*登入註冊噗浪說明相關*/
.nick_name,  /*@暱稱*/
#span_years,  /*年齡*/
#m_or_f,  /*性別*/
#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,  /*列出朋友、共同朋友、粉絲*/
#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; }

/*----------時間軸----------*/
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) !important; 

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

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

/*沒有未讀訊息、顯示所有訊息*/
#empty_timeline_fg, #empty_timeline_bg 
{
color: rgba(255,255,255,0.3) !important; 
font-size: 15px !important;
text-shadow: 2px 2px 1px 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#replurked_plurks_tab_btn,   /*轉噗的訊息*/
a#favorite_plurks_tab_btn.off_tab,  /*喜歡的訊息*/
#filter_tab a.off_tab,   /*未選*/
#filter_tab a.filter_selected  /*正選*/

color: rgba(0,0,0,0.5) !important;
}

div#updater a,  /*檢視未讀訊息*/
a#noti_re_text,
a#mark_all_link, 
a#view_all_plurk

color: rgba(0,0,0,0.5) !important;
}
#updater a:hover, #updater a:hover span 
{
text-decoration: none !important;
border-bottom: 0 !important;
}
.unread_generic  /*未讀噗的數目*/
{
background: rgba(255,255,255,0.7) !important;
border: 0 !important;
color: rgba(0,0,0,0.5) !important;
font-weight: 500 !important; 
border-radius: 10px !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: 10px !important;
}

/*訊息選單前的小圖示*/
i.pif-messages, i.pif-message-my, i.pif-message-private, i.pif-message, i.pif-replurk, i.pif-like
{ 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: 4px;
transition: background 0.6s ease;
}
.block_cnt .plurk_cnt
{
padding: 5px 5px 4px 24px !important;
margin: -5px 0px 0px -24px !important;
}
.block_cnt .link_extend .plurk_cnt
{
background: rgba(255,255,255,0.7) !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: 4px;
}
.block_cnt .plurk_box .plurk_cnt, 
.mini_form, .info_box
{
background: rgba(255,255,255,0.7) !important;
border: 0 !important;
border-bottom: 1px solid rgba(204,187,187,0.2) !important;
}
.list .plurk_cnt /*展開後的回應區*/
{
background: none !important;
transition: background 0.7s ease-out;
}
.list .plurk_cnt:hover
{
background: rgba(131,153,176,0.2) !important;
transition: background 0.3s ease-in;
border-radius: 4px !important;
}
.block_cnt .plurk_box .plurk_cnt
{
border-bottom: 0 !important;
border-radius: 4px 4px 0px 0px !important;
}
.plurk_box
{
border-radius: 0px !important;
background: rgba(255,255,255,0.01) !important;
}
.mini_form 
{
background: rgba(255,255,255,0.6) !important;
border-top: 1px solid rgba(204,187,187,0.2) !important;
}
.info_box 
{
background: rgba(255,255,255,0.7) !important;
border-radius: 0px 0px 5px 5px !important;
}
.response_box
{
background: rgba(255,255,255,0.6) !important;
border-radius: 0px 0px 0px 0px !important;
border-top: 1px solid rgba(204,187,187,0.2) !important;
border-bottom: 1px solid rgba(204,187,187,0.2) !important;
}
.list
{
transition: height 0.5s ease;  /*列表延伸動態*/
}
.input_holder,
td.td_cnt textarea, 
textarea#input_small 
{
background: none !important;
font-size: 1.03em !important; 
line-height: 2em !important; 
letter-spacing: 0.13em !important;
color: rgba(137,137,137,1)  !important; 
padding: 2px;
min-height: 80px;
}

/*噗列表換行*/
.list .plurk_cnt .td_qual 
{ position: absolute; width: auto; overflow: visible; padding: 1em; margin-left: 0.5em; }
.list .plurk_cnt .text_holder 
{ margin-top: 1.5em; padding: 1em; margin-left: 0.5em; 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.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); }

/*回應時間*/
div.response_time .holder { position: absolute; top: 0; left: 0px; top:20px; background: none !important; }
.response_time.plurk_cnt { padding: 0 !important; }

/*回應數*/
.dots .inner { display : none !important; }
.response_count { color: #666 !important; background: none !important; margin-left: 4px !important; margin-top: -4px !important;}
.new .response_count
{
background: rgba(211,120,16,1) !important;
border: 0px solid  !important;
color: #fff !important;
border-radius: 4px;
padding: 5px !important;
box-shadow: 2px 1px 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: 20px !important;
}

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

/*喜歡與轉噗數字連結*/
div.favorite_count /*喜歡*/
{
font-size: 10px;
color: #333 !important;
background: none !important;
text-decoration: none !important;
}
div.replurk_count /*轉噗*/
{
font-size: 10px;
color: #333 !important;
background: none !important;
text-decoration: none !important;
}

/*功能列*/
div.manager {} 
div.manager a { font-size: 12px !important; color: #222 !important;} 
div.manager a:hover  { background: none !important; color: #222 !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: #222 !important; }

/*回應功能已關閉*/
div.info_box.c_disabled
{
font-size: 0.95em;
color: #333 !important;
background: none !important;
}

/*每則噗前面的標注圖示*/
.plurk_icon { color: #333 !important; }

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

/*按Enter送出*/
.char_updater, .char_updater span { color: #555 !important; font-size: 10px !important; font-weight: 400 !important; background: none !important; }

/*尚餘數字*/
div.input_small_cu.char_updater
{
font-size: 0.95em;
color: #444 !important;
background: none !important;
text-decoration: none !important;
}
.perma_link a {color: #555 !important;}  /*訊息連結*/
.report_link a {color: #555 !important;}  /*舉報*/
.quote_link a {color: #555 !important;}  /*引用此噗*/

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

/*噗浪連結標注*/
.text_holder a.ex_link[href*=www.plurk.com]
{
color: #fff !important;
background: rgba(2,39,59,0.7) !important;
margin: 2px !important;
padding: 2px 2px 2px 2px !important;
border-radius: 4px;
font-size: 11.3px !important;
text-decoration: none !important;
border: 0 !important;
}
.text_holder a.ex_link[href*=www.plurk.com]:hover
{
color: #fff !important;
background: rgba(211,120,16,0.7) !important;
text-decoration: none !important;
}

/*影音圖片連結*/
.plurk a.hashtag, .plurk a.hashtag:hover
{
color: # !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: # !important;
background: none !important;
border: 0 !important;
border-radius: 3px;
margin: 2px !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
{
max-width: 80px !important; 
background: none !important;
border: 0 !important;
border-radius: 3px;
margin: 2px !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 ; }

/*讓表情圖示轉圈圈*/
.emoticon, .emoticon_my 
{
transition-duration:0.5s; 

.emoticon:hover, .emoticon_my:hover 

transform: rotate(360deg) scale(1.2);
}

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

/*主控台各區背景*/
div.dash-segment.dash-segment-profile /*自介區*/
{
background: rgba(255,255,255,0.3) !important;
border-radius: 5px !important;
padding: 5px;
font: 300 11px verdana;
color: #555 !important;
}
div.dash-segment.dash-segment-stats  /*統計區*/
{
background: rgba(255,255,255,0.2) !important;
text-align: left;
font: 300 10px verdana !important;
color: #777 !important;
margin: 0px !important;
border-radius: 5px 5px 0px 0px; 
width: 647px !important;
}
div.dash-segment.dash-segment-friends /*朋友區*/
{
background: rgba(255,255,255,0.2) !important;
text-align: center;
font: 300 11px verdana;
color: #777 !important;
margin: 0px !important;
border-radius: 0px 0px 0px 5px; 
}
div.dash-segment.friendsList.dash-segment-fans /*粉絲區*/
{
background: rgba(255,255,255,0.2) !important;
text-align: center;
font: 300 11px verdana;
color: #777 !important;
margin: 0px !important;
border-radius: 0px 0px 5px 0px; 
}
div.dash-segment.dash-segment-award /*徽章區*/
{
background: none !important;
}
div#dash-profile,
p#about_me,
p#relationship_container, 
div#dash-stats,
div#dash-friends,
div#dash-fans,
div#plurk-dashboard,
.dash-segment .segment-content
{
background: none !important;
}
div#dash-stats h2, div#dash-friends h2, h2#h2_fans
{
display: none !important;
}

/*統計項目與卡馬區對齊調整*/
#dash-stats table th { float : left; height: 0px !important;}
.karma_hover { margin: 0px !important; }
#karma /*卡馬*/
{
font-size: 1em !important;
color: rgba(2,39,59,0.8) !important;
text-shadow: rgba(211,120,16,0.6) 0 0 6px;
}
.karma_hover
{
font: 300 14px verdana !important;
color: #777 !important;
}
#plurk-dashboard #dash-stats .dash-stats-karma
{
text-align: left !important; 
margin-top: 45px !important;
margin-left: 35px !important;
}
#dash-stats table th,  /*項目*/
#dash-stats table td  /*數值*/
{
color: #777 !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: 15px !important; width: 15px!important; border: 0 !important; }
.friend_holder img { width: 15px; height: 15px; border: 0!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;
}

/*朋友粉絲按鈕*/
a.friend_man
{
background: rgba(255,255,255,0.3) !important;
border: 0 !important;
border-bottom: 3px solid rgba(187,187,187,0.2) !important;
border-radius: 0px !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-bottom: 3px solid rgba(187,187,187,0.2) !important;
border-radius: 0px !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; }

 /*大頭貼*/
.dash-segment img.profile-pic
{
width: 60px !important;
height: 60px !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: 55px !important;
}
#profile_pic img { border-radius: 60px; }
.dash-segment img.profile-pic:hover
{
width: 80px !important;
height: 80px !important;
transition: width 0.6s ease-in, height 0.6s ease-in;
border-radius: 60px !important;
}
div#full_name  /*姓名*/
{
font-size: 1em !important;
color: #000 !important;
text-shadow: # 0 0 8px;
}
p#about_me  /*關於我*/
{
font-size: 0.93em !important;
line-height: 2em !important; 
color: # !important;
text-shadow: # 0 0 8px;
}
p#about_me a
{
color: rgba(2,39,59,1) !important;
border-bottom: 1px solid rgba(187,187,187,0.2) !important;
}
p#about_me a:hover
{
color: rgba(2,39,59,1) !important;
border-bottom: 1px solid rgba(187,187,187,0.5) !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: 50px;
line-height: 24px;
color: #000 !important;
font-size: 16px !important;
border-radius: 5px !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: 80px;
line-height: 2em !important; 
letter-spacing: 0.13em !important;
color: #000 !important;
padding: 0px 2px 3px 2px !important;
border-bottom: 1px solid #898989 !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: 1px solid #898989 !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: 1px solid #898989 !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-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-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: 20px !important;
color:#000 !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;
}

/*發噗區語助詞*/
.m_qualifier { background: none !important; font-size: 0.7em !important; }
.plurkForm .m_qualifier { color: #000 !important; }
.plurkaction .m_qualifier { color: #000 !important; }

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

/*浪上的噗語助詞*/
.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: #555 !important;
}
.q_replurks { background-image: none !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;
}


/*NAME: 2018噗版CSS基本款 DATE: 2018-03-28*/
/*BACKGROUND: none*/
/*Designed by Be Myself Inc. For personal use only. Please don't present again. All Rights Reserved.*/
/*INSTALL: (https://www.plurk.com/installDesign/5807705-740a77e40e) */

arrow
arrow

    M6 發表在 痞客邦 留言(0) 人氣()