**因為許多噗友反應最近噗浪版型的安裝網址常失效,所以之後的噗版完整語法都會另外整理成一篇篇文章放在這裡喔**
plurkcss2019
/*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, /*登入註冊噗浪說明相關*/
.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; }
/*----------影音圖片連結----------*/
.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://) 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: 400 !important;
font-size: 1em !important;
line-height: 1.6em !important;
letter-spacing: 0.18em !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: 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#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
{ 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: rgba(0,0,0,0.3) !important;
border-radius: 20px !important;
padding: 5px;
font: 400 11px verdana;
color: #333 !important;
}
div.dash-segment.dash-segment-stats /*統計區*/
{
background: rgba(0,0,0,0.1) !important;
border-radius: 20px !important;
padding: 5px 5px 13px 5px;
font: 400 11px verdana;
color: #333 !important;
}
div.dash-segment.dash-segment-friends /*朋友區*/
{
background: rgba(0,0,0,0.1) !important;
margin-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 24px !important;
font: 400 11px verdana;
color: #333 !important;
}
div.dash-segment.friendsList.dash-segment-fans /*粉絲區*/
{
background: rgba(0,0,0,0.1) !important;
margin-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 24px !important;
font: 400 11px verdana;
color: #333 !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: #000 !important;
text-shadow: # 0 0 8px;
}
/*關於我*/
p#about_me
{
font-size: 0.93em !important;
font-family: Helvetica Neue, Arial, Verdana !important;
line-height: 1.7em !important;
color: #555 !important;
text-shadow: # 0 0 8px;
}
p#about_me a
{
color: rgba(2,39,59,1) !important;
border-bottom: 0px solid rgba(187,187,187,0.2) !important;
background: none !important;
text-decoration: none !important;
}
p#about_me a:hover
{
color: rgba(2,39,59,1) !important;
border-bottom: 0px solid rgba(187,187,187,0.5) !important;
background: none !important;
text-decoration: none !important;
}
/*位置*/
span#location
{
font-size: 0.93em !important;
font-family: Helvetica Neue, Arial, Verdana !important;
color: #555 !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 15px verdana !important;
color: #777 !important;
}
/*統計*/
#dash-stats table th, /*項目*/
#dash-stats table td /*數值*/
{
font-size: 0.9em !important;
color: #777 !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: 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: 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-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: 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;
}
/*NAME: 2019噗版CSS基本款*/
/*DATE: 2019-01-27*/
/*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/3997864-0102d35ee6) */
留言列表