/*2016噗版CSS基本款-主控台置左-black*//*PLURKCSS*/
/*Designed by Be Myself Inc. For personal use only. Please don't present again. All Rights Reserved.*/
/*我們設計的噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 Copyright: 版權所有 保留一切權利*/
/*NAME: 2016噗版CSS基本款-主控台置左-black DATE: 2016-02-28*/
/*BACKGROUND: from none*/
/*INSTALL: (
http://www.plurk.com/installDesign/5807705-d2354d5d84) */
/*----------(一)----------*/
/*----------整體背景----------*/
/*去除預設背景*/
._lc_, ._lch_, div.bar-color,
#footer.clearfix,
#footer
{
background: none !important;
border: 0 !important;
}
/*----畫面佈景*//*background*/
html
{
background:#000 url() center top no-repeat !important;
background-size: cover !important; /*符合瀏覽器大小*/
}
/*拿掉這些區域的背景與框線*/
#timeline_holder, /*時間軸*/
#bottom_line, /*時間軸底線*/
.day_bg.div_inner,.bottom_start, /*日期線*/
#time_show, /*每則噗的時間*/
#filter_tab a.off_tab, #filter_tab a.off_tab:hover, #filter_tab a.filter_selected, #filter_tab a.filter_selected:hover, /*訊息選單列*/
div#plurk-dashboard, /*主控台*/
div.segment-content /*主控台各區塊*/
{
background: none !important;
border: 0 !important;
}
/*去除時間軸日期背景線*/
div.div_one_line, .small_timeline .block_bg .div_one_line, div_inner,
.block_cnt .hh_mm .small_hh, .block_cnt .day_start,
.day_bg .div_inner
{
background: none !important;
border: 0 !important;
}
/*----字型與連結*//*font-link*/
/*整體字型*/
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: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Helvetica", "MS Pゴシック", Osaka, sans-serif !important;
font-weight: 400 !important;
text-transform: normal !important;
}
/*浪上噗與主控台字型*/
#timeline_holder .plurk_cnt, .list .plurk_cnt,
.td_cnt .text_holder, div.content,
div#plurk-dashboard,
#dash-stats table th, #dash-stats table td
{
font-weight: 500 !important;
font-size: 1em !important;
line-height: 1.6em !important;
letter-spacing: 0.1em !important;
color: #606060 !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.2em !important;
letter-spacing: 0.06em !important;
color: #606060 !important;
}
/*連結*/
a, a:link, /*整體連結*/
#plurk-dashboard a, /*主控台的連結*/
#dashboard_holder #perma-right a,
div.response_time .holder a, /*每則噗回應的連結*/
div.holder a.reply_to
{
color: rgba(102,150,196,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(31,140,230,1) !important;
text-decoration: none !important;
text-shadow: 0px 0px 3px #ffeeee !important;
background: none !important;
}
/*滑鼠移至的連結*/
a:hover, a:visited, a:active,
#plurk-dashboard a:hover,
#dashboard_holder #perma-right a:hover,
div.response_time .holder a:hover,
div.holder a.reply_to:hover
{
color: rgba(102,150,196,0.7) !important;
text-decoration: none !important;
background: none !important;
}
.plurk a.ex_link:hover, .text_holder a.ex_link:hover,
.plurk_content a.ex_link:hover
{
color: rgba(31,140,230,0.5) !important;
text-decoration: none !important;
}
/*更新通知連結*/
#updater a:hover, #updater a:hover span
{
text-decoration: none !important;
border-bottom: 0 !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; }
/*----隱藏項目*//*Hide*/
/*噗浪生物*/
#dynamic_logo, #logo img, img#creature
{ display : none !important; }
/*噗浪loading圖*/
#div_loading, .loading, .loading_div
{ display : none !important; }
/*設為私密狀態時的噗浪肉骨獸*/
div#empty_timeline_fg img,
div#empty_timeline_bg img
{ display : none !important; }
/*回應列表下方圖示*/
a.pif-warning::before, a.pif-outlink::before
{ display : none !important; }
/*列出朋友、共同朋友、粉絲*/
div.show_mutual_friends, .show_all_friends
{ display : none !important; }
/*登入註冊噗浪說明相關*/
#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,
#block_user,
#fan_holder.friend_holder span
{ display : none !important; }
/*統計、朋友、粉絲標題*/
div#plurk-dashboard h2 { display : none !important; }
/*卡馬小箭頭*/
#karma_arrow, .link_arrow,
#plurks_count a, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down
{ display : none !important; }
/*@暱稱*/
.nick_name { display : none !important; }
/*頁尾*/
#footer { display : none !important; }
/*廣告*/
#plurk_ads, div.adsense, #cbox_ads, #sliderAds, div#resp_banner_ads, div#resp_banner_ads.show, section.adsense, .sliderAds,section.adsense h3
{ -moz-transform: scale(0); -khtml-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display : none !important; }
#plurk_ads a { overflow: hidden;_overflow: none; }
/*----------(二)----------*/
/*----------時間軸----------*/
/*----時間軸*//*timeline*/
div#timeline_holder {} /*時間軸背景*/
div#bottom_line {} /*時間軸底線*/
.day_start, .bottom_start /*日期*/
{
font-size: 0px !important;
letter-spacing: 0.06em !important;
color: #000 !important;
}
/*每則噗的日期時間*/
#time_show
{
background: # !important;
border: 0px solid # !important;
height: 20px;
margin-top: 1px;
border-radius: 4px;
}
#time_show span { color: #333 !important; }
/*沒有未讀訊息回到所有訊息*/
#empty_timeline_fg, #empty_timeline_bg
{ color: # !important; font-size: 17px !important; text-shadow: 0px 0px 5px rgba(1,1,1,0.4); }
#empty_timeline_fg a, #empty_timeline_bg a
{ color: # !important; }
#empty_timeline_bg { display : none !important; }
/*----河道瀏覽前後箭頭*//*browse_button*/
/*河道瀏覽前後箭頭調整*/
div.browse_button {top:400px!important;}
div.browse_button
{
opacity: 0.3 !important; zoom: 1;
-moz-transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
}
div.browse_button:hover
{
opacity: 1 !important; zoom:1;
-moz-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
}
div.cmp_arrow_right, /*向右*/
div.cmp_arrow_left /*向左*/
{
font-size: 2em !important;
color:#666 !important;
}
div.cmp_back_to_today.pif-arrow-left, /*左方回到最前*/
div.cmp_back_to_today.pif-arrow-right /*右方回到最前*/
{
font-size: 1em !important;
color:#111 !important;
background: none !important;
}
div.cmp_back_to_today.pif-arrow-left::before,
div.cmp_back_to_today.pif-arrow-right::before
{
font-size: 1em !important;
color:#222 !important;
}
/*----訊息與更新通知列*//*timeline_control*/
ul#filter_tab {} /*所有訊息*/
div#updater {} /*更新通知*/
#filter_tab a.off_tab, #filter_tab a.off_tab:hover, #filter_tab a.filter_selected, #filter_tab a.filter_selected:hover,
#updater a, #updater a:hover
{
background:rgba(0,0,0,0.4) !important;
border:1px solid #000 !important;
font-weight:500 !important;
}
/*未讀數目*/
.unread #alert_beacon, .unread_generic
{ background: none !important; color: #888 !important; }
/*音樂播放列*/
#music_player
{background: none!important; border: 0 !important; color: #999 !important; }
/*----------(三)----------*/
/*----------浪上的噗----------*/
/*----浪上的噗*//*plurk_cnt*/
/*包括頭貼的寫法*/
.block_cnt .plurk_cnt
{
background: rgba(0,0,0,0.7) !important;
border: 0 !important;
border-bottom: 1px solid rgba(1,1,1,0.2) !important;
border-radius: 4px !important;
transition: background 0.6s ease;
padding: 5px 5px 3px 24px !important;
margin: -5px 0px 0px -24px !important;
}
.block_cnt .link_extend .plurk_cnt
{
background: rgba(0,0,0,0.94) !important;
border-bottom: 1px solid rgba(1,1,1,0.2) !important;
box-shadow: 0 2px 3px rgba(0,0,0,0.2);
transition: box-shadow 0.1s ease, background 0.6s ease;
}
.block_cnt .plurk_box .plurk_cnt
{
background: rgba(0,0,0,1) !important;
border-bottom: 0 !important;
}
/*展開後的回應區*/
.list .plurk_cnt
{
background: rgba(0,0,0,0.8) !important;
transition: background 0.7s ease-out;
border-bottom: 1px solid rgba(1,1,1,0.2) !important;
border-radius: 3px !important;
}
.list .plurk_cnt:hover
{
background: rgba(0,0,0,1) !important;
transition: background 0.7s ease-in;
border-radius: 3px !important;
}
/*回應區噗主設定*/
.list .highlight_owner .td_qual a { color: #869 !important; } /*名稱*/
.list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt:hover { border-left: 3px solid #111 !important; } /*區塊*/
.list .highlight_owner .plurk_cnt .text_holder { color: #555 !important; } /*訊息*/
/*回應列表圓角*/
.plurk_box
{
border-radius: 4px !important;
background: rgba(0,0,0,0.01) !important;
}
.mini_form
{
background: rgba(0,0,0,0.3) !important;
border-top: 1px solid rgba(1,1,1,0.2) !important;
}
.info_box
{
background: rgba(0,0,0,0.3) !important;
border-radius: 0px 0px 4px 4px !important;
}
.response_box
{
background: rgba(0,0,0,0.3) !important;
border-radius: 0px 0px 0px 0px !important;
border-top: 1px solid rgba(1,1,1,0.2) !important;
border-bottom: 1px solid rgba(1,1,1,0.2) !important;
}
/*每則噗內時間*/
div.response_time.plurk_cnt
{
background: rgba(0,0,0,0.6) !important;
transition: background 0.7s ease-in;
border-radius: 4px !important;
margin-left: 4px !important;
}
div.response_time .holder
{
background: none !important;
}
/*回應數字*/
.td_response_count { }
.response_count /*回應數*/
{
background: rgba(0,0,0,0.2) !important;
border-radius: 4px !important;
color: #999 !important;
margin-left: 0px !important;
padding:6px!important;
}
.new .response_count /*新回應*/
{
background: rgba(31,140,230,0.94) url(
http://i614.photobucket.com/albums/tt230/m66660000/_icon/new20-05.gif) right 1px no-repeat !important;
border:0 !important;
color:#fff !important;
padding:8px 8px 8px 6px!important;
}
dots .inner { display : none !important; } /*中間的...*/
/*浪上的噗友圖效果*/
#timeline_holder div.plurk .td_img
{
opacity:0.6; zoom:1;
transition:opacity 0.5s ease;
}
#timeline_holder div.link_extend .td_img,
#timeline_holder div.plurk_box .td_img
{
opacity:1; zoom:1;
transition:opacity 0.5s ease;
}
div.p_img /*去除圖片底框線*/
{
border:0 !important;
}
div.p_img img /*圖片*/
{
border:1px solid #ccc !important;
padding:0px;
background:rgba(0,0,0,0.93);
border-radius:4px;
box-shadow:0.2px 2px 5px rgba(187,187,187,0.4);
transition:box-shadow 0.5s ease, background 0.5s ease;
}
/*回應列表換行*/
.list .plurk_cnt .td_qual
{ position: absolute; width: auto; overflow: visible; margin-left: 0.1em; }
.list .plurk_cnt .text_holder
{ margin-top: 1.5em; padding: 0.4em; margin-left: 0.1em; width: auto !important; }
/*回應列表高度變化效果*/
.list { transition: height 0.5s ease; }
/*調整噗浪寬度*/
.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: 25px; }
/*浪上噗的寬高*/
.plurk .truncated, .text_holder { width:px; min-height: 22px; }
/*解決噗重疊問題*/
div.plurk .link_extend { z-index: 2200; }
.block_cnt
{
padding: 15px !important;
width: 300px !important;
height: 60px !important;
}
.block_cnt .div_inner, .div_bottom { max-height: 0px !important; }
/*功能列*/
div.manager {}
div.manager a { font-size: 0.95em; }
div.manager a:hover { background: none !important; }
a.pif-delete.delete {} /*刪除*/
a.pif-edit.edit {} /*編輯*/
a.pif-volume.mute-off {} /*消音*/
a.pif-push.promote {} /*推文*/
a.pif-replurk.replurk-off {} /*轉噗*/
a.pif-like.like-off {} /*喜歡*/
/*隱藏已消音的噗*/
div.muted { opacity:0.1!important; zoom:1; }
div.muted:hover { opacity:0.9!important; zoom:1; }
/*喜歡與轉噗數字連結*/
div.favorite_count /*喜歡*/
{
font-size: 0.95em;
color: #999 !important;
background: none !important;
text-decoration: none !important;
}
div.replurk_count /*轉噗*/
{
font-size: 0.95em;
color: #999 !important;
background: none !important;
text-decoration: none !important;
}
/*回應功能已關閉*/
div.info_box.c_disabled
{
font-size: 0.95em;
color: #999 !important;
background: none !important;
}
/*下方控制列*/
div.info_box.controller {}
.char_updater, .char_updater span {} /*按Enter送出*/
div.input_small_cu.char_updater /*尚餘數字*/
{
font-size: 0.95em;
color: #999 !important;
background: none !important;
text-decoration: none !important;
}
.perma_link a {color: #999 !important;} /*訊息連結*/
.report_link a {color: #999 !important;} /*舉報*/
/*新噗底色*/
.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: #000 !important; }
.plurk.new .plurk_cnt
{ box-shadow: 0px 0px 4px rgba(204,187,187,0.3); }
div.new_response_hint { background: none !important; } /*有新回應底色*/
/*噗浪連結標注*/
.text_holder a.ex_link[href*="www.plurk.com"]
{
color: # !important;
background: # !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(102,150,196,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.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.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 ; }
/*----------(四)----------*/
/*----------主控台----------*/
/*----主控台*//*dashboard*/
div#dashboard_holder {}
div#plurk-dashboard {} /*主控台背景*/
div#plurk-dashboard.own {} /*public主控台背景*/
div.dash-group-form {}
div.dash-segment.dash-segment-post {}
div.segment-content {} /*主控台各區背景*/
/*----發噗區*//*plurk_form*/
div#plurk_form {} /*發噗區背景*/
form#pane_plurk.plurkaction.pane {}
div#main_poster {}
div.plurkForm {}
div.drop_indicator {} /*拖放圖片到此上傳*/
div.input_holder {} /*輸入區背景*/
/*plurk按鈕*/
.submit_img {background: none!important;color:#bbb !important; font-size: 1em !important; }
/*去除發噗區背景*/
div.input_holder, #input_big
{
background: none !important;
border: 0 !important;
}
/*發噗區效果*/
#input_big.content {color:#999 !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: none !important;
border: 0 !important;
min-height: 30px;
line-height: 24px;
color: #444 !important;
font-size: 16px !important;
border-radius: 4px;
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;
}
td.td_cnt textarea, textarea#input_small
{
background: rgba(0,0,0,0.8) !important;
font-size: 12px !important;
min-height: 40px;
line-height: 21px;
letter-spacing: 0.04em;
color: #777 !important;
padding: 0px 2px 3px 2px !important;
border-bottom: 1px solid #444 !important;
border-radius: 3px !important;
}
textarea:hover, textarea#input_big_private:hover, textarea#input_big:hover, textarea#input_permalink:hover, input#current_query:hover
{
background: rgba(0,0,0,0.3) !important;
border-bottom: 1px solid #333 !important;
box-shadow: 0pt -1px 0pt rgba(0,0,0,0.02), 0pt 1px 2px rgba(0,0,0,0.01) inset;
color: #666 !important;
}
textarea:focus, textarea#input_big_private:focus, textarea#input_big:focus,textarea#input_permalink:focus, input#current_query:focus
{
background: rgba(0,0,0,0.6) !important;
box-shadow: 0pt 1px 2px rgba(0,0,0,0.03) inset, 0pt 1px 0pt rgba(255,255,255,0.02);
color: #999 !important;
border-bottom: 1px solid #ddd !important;
}
/*表情符號分享訊息列圖示*/
.icons_holder { margin-left:40px !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: rgba(187,187,187,1) !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:rgba(187,187,187,1) !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: rgba(187,187,187,0.87) !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: rgba(187,187,187,1) !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; }
/*----自介區*//*dash-segment-profile*/
div.dash-group-left {}
div.dash-segment.dash-segment-profile {} /*自介區背景*/
div#dash-profile {}
.dash-segment img.profile-pic /*大頭貼*/
{
border:2px solid #bbb;
box-shadow:4px 4px 0px #bbb;
}
div#full_name /*姓名*/
{
font-size: 1em !important;
color: #666 !important;
text-shadow: rgba(0,0,0,0.6) 0 0 6px !important;
}
.nick_name {} /*暱稱*/
div.profile-info {} /*介紹*/
#span_years { font-size: 0.8em !important; } /*年齡*/
#m_or_f { font-size: 0.8em !important; } /*性別*/
#location { font-size: 0.8em !important; } /*所在地*/
div#dash-additional-info {} /*介紹文字區背景*/
p#about_me /*關於我*/
{
font-size: 0.93em !important;
line-height: 2em !important;
color:# !important;
text-shadow:# 0 0 8px;
}
p#relationship_container {} /*關係狀態*/
p#relationship_container b, #relationship
{
font-weight: 400 !important;
font-size: 0.93em !important;
line-height: 2em !important;
letter-spacing: 0.1em !important;
color: #606060 !important;
}
/*----統計區*//*dash-segment-stats*/
div.dash-group-right {}
div.dash-segment.dash-segment-stats {} /*統計區背景*/
div#dash-stats {}
div#dash-stats h2 {} /*統計*/
#karma_holder {}
#karma_div {}
div.karma_hover {font-size: 1.6em !important;}
#karma /*卡馬*/
{
font-size: 1em !important;
color:#666 !important;
text-shadow:rgba(170,204,255,0.6) 0 0 8px;
}
/*統計項目與卡馬區對齊調整*/
#dash-stats table th { float : left; height:0px !important;}
.karma_hover { margin:0px !important; }
.dash-stats-karma { margin-left:-40px !important; }
/*----朋友區*//*dash-segment-friends*/
div.dash-segment.dash-segment-friends {} /*朋友區背景*/
div#dash-friends {}
div#dash-friends h2 {} /*朋友*/
div#dash-friends-pics {}
div.show_all_friends {}
div.show_mutual_friends {} /*共同朋友*/
div#friend_holder.friend_holder {}
a.user_link {}
/*----粉絲區*//*dash-segment-fans*/
div.dash-segment.friendsList.dash-segment-fans {} /*粉絲區背景*/
div#dash-fans {}
h2#h2_fans {}
div#dash-fans-pics {}
div.show_all_friends {}
div#fan_holder.friend_holder {}
a.user_link {}
/*----徽章區*//*dash-segment-award*/
div.dash-segment.dash-segment-award {} /*徽章區背景*/
div#dash-award {}
div.award_bar {}
a.link_arrow.openGB {}/*如何獲得徽章?*/
/*徽章效果*/
#dash-award { width: px !important; margin: 0px !important; }
#dash-award .award_bar div { padding: 0 !important; margin: 0 !important; }
#dash-award .award_bar div { width: 30px !important; height: 40px !important; }
#dash-award .award_bar img
{
-moz-transform: scale(0.5); -khtml-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5)!important;
}
#dash-award .award_bar img
{
opacity:0.6 !important; zoom:1;
transition:opacity 0.5s ease;
}
#dash-award .award_bar img:hover
{
opacity:1 !important; zoom:1;
transition:opacity 0.5s ease;
}
/*----私訊與朋友粉絲按鈕*//*a.friend_man*/
/*朋友粉絲按鈕*/
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(31,140,230,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(31,140,230,1) !important;
transition: background 0.6s ease;
}
/*public自介區塊*/
div#private_plurk {}
span#render_private_plurk {}
/*傳送私人訊息*/
a.friend_man private_plurk.hideBlock {}
/*public朋友區塊*/
div#friend_managment {}
span#render_friend {}
/*加為朋友*/
a.friend_man.add_friend {}
/*從朋友名單中移除*/
a.friend_man.remove {}
/*public粉絲區塊*/
div#fan_managment {}
span#render_follow {}
/*關注*/
a#follow_managment.friend_man.remove {}
/*取消關注*/
a#follow_managment.friend_man.add_follow {}
/*朋友粉絲圖像*/
.user_link img /*透明度變化*/
{
opacity:0.6 !important; zoom:1;
border-radius: 4px !important;
box-shadow: 0px 3px 5px rgba(0,0,0,0.2) !important;
transition:opacity 0.5s ease;
}
.user_link img:hover
{
opacity:1 !important; zoom:1;
transition:opacity 0.5s ease;
}
.friend_holder {margin-top:0px;}
.friend_holder table {margin-top:0px; margin-left:auto; margin-right:auto;}
.friend_holder img {width:22px;height:22px;}
.friend_holder td,
.user_link
{
padding:3px !important;
margin:0px !important;
}
.friend_holder .user_link
{
background:none !important;
padding:3px !important;
height:22px !important;
width:22px !important;
border:0 !important;
}
.friend_holder .user_link:hover
{
background:none !important;
border:0 !important;
height:22px !important;
width:22px !important;
top:0px;
left:0px;
}
/*----------(五)----------*/
/*----------頁尾----------*/
div#footer { background: none !important; }
li.copyright.clearfix {}
div#footer a {}
div#languge_selector {}
i.pif-earth {}
i._ib_ {}
form {}
select {}
/*頁尾透明度變化*/
div#footer
{
opacity: 0.3 !important; zoom: 1;
transition: opacity 0.2s ease-out;
}
div#footer:hover
{
opacity: 1 !important; zoom:1;
transition: opacity 0.2s ease-in;
}
/*----------(六)----------*/
/*----------其他----------*/
/*----語助詞*//*qualifier*/
.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: 1em !important;
font-weight: 400 !important;
color: #bbb !important;
}
.q_replurks { background-image: none !important; }
/*發噗區語助詞*/
.m_qualifier {background: none!important;font-size: 0.7em !important; }
.plurkForm .m_qualifier { color: #bbb !important; }
.plurkaction .m_qualifier { color: #bbb !important; }
/*下拉箭頭*/
.pif-dropdown::before { transform: scale(0.7); }
/*----換圖片*//*pic*/
.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;
}
/*----選取*//*selection*/
::-moz-selection /*瀏覽器選取的部分標注*/
{
background: #bbb !important;
color: #666666;
}
::selection
{
background: #bbb !important;
color: #444;
}
/*----每則噗前面的標注圖示*//*plurk_icon*/
.plurk_icon
{
color: rgba(3,3,3,0.87) !important;
transform: scale(0.87);
}
/*----捲軸語法*//*scrollbar*/
::-webkit-scrollbar
{
width: 10px !important;
}
::-webkit-scrollbar-track
{
background-color: #000 !important;
}
::-webkit-scrollbar-thumb
{
background-color: #222 !important;
}
::-webkit-scrollbar-button
{
background-color: #444 !important;
}
::-webkit-scrollbar-corner
{
background-color: #000 !important;
}
/*----主控台調整位置置左--基本款--收合顯版*//*dash-group*/
div.dash-group-left
{
width: 230px !important;
height: 150px !important;
overflow: hidden !important;
position: fixed !important;
top: 42px !important;
left: 0px !important;
z-index: 901;
transition: width 1.6s ease-out, height 1.6s ease-out;
}
div.dash-group-right
{
width: 230px !important;
height: 50px !important;
overflow: hidden !important;
position: fixed !important;
top: 192px !important;
left: 0px !important;
z-index: 900;
transition: width 1.6s ease-out, height 1.6s ease-out;
}
div.dash-group-left:hover
{
width: 230px !important;
height: 500px !important;
transition: width 1.6s ease-in, height 1.6s ease-in;
}
div.dash-group-right:hover
{
width: 230px !important;
height: 400px !important;
transition: width 1.6s ease-in, height 1.6s ease-in;
}
/*大頭貼間距對齊調整*/
div.dash-segment.dash-segment-profile { padding-left: 8px; }
/*統計項目與卡馬區對齊調整*/
#dash-stats-table { width: 223px !important; margin-left: -25px !important; }
#dash-stats table th { float : left; width: 0px !important; height: 0px !important; font-size: 0px !important; }
#dash-stats table td { font-size: 11px !important;}
.karma_hover { margin: 0px !important; }
.dash-stats-karma { margin-left: -30px !important; }
/*背景調整*/
div#plurk-dashboard, /*主控台*/
div.segment-content /*主控台各區塊*/
{
background: none !important;
border: 0 !important;
}
div.dash-group-left
{
background: rgba(0,0,0,0.5) !important;
border-radius: 0px!important;
}
div.dash-group-right
{
background: rgba(0,0,0,0.5) !important;
border-radius: 0px !important;
}
div.dash-group-left:hover
{
background: rgba(0,0,0,0.9) !important;
border-radius: 0px!important;
}
div.dash-group-right:hover
{
background: rgba(0,0,0,0.9) !important;
border-radius: 0px !important;
}
/*邊界縮排*/
#timeline_holder { margin-left: 230px; }
/*調整時間軸高度*/
#timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg { height: 580px !important; }
day_bg .div_inner,.div_inner { height: 550px !important; }
#time_show { top: 570px !important; }
/*NAME: 2016噗版CSS基本款-主控台置左-black DATE:2016-02-28*/
/*BACKGROUND: from none*/
/*Designed by Be Myself Inc. For personal use only. Please don't present again. All Rights Reserved.*/
/*INSTALL: (
http://www.plurk.com/installDesign/5807705-d2354d5d84) */