/* 此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,僅供個人噗友自用,請勿改製再分享或用於商業等其他用途 2013c.*/
純粹備份
/*------------------------------------------------------------------------
噗浪版型 Plurk CSS: Lock
設計出處 Design by: Be Myself Inc. M6
背景圖源 Background image from: (san-x)
安裝網址 Install: (http://www.plurk.com/installDesign/3997864-67eb5c5d59)
更多佈景 More Themes: (http://www.flickr.com/groups/plurkcss)
Copyright: 版權所有 保留一切權利 All Rights Reserved.
------------------------------------------------------------------------*/
/*隱藏*/
#dynamic_logo, #logo img, img#creature, #top_header, #sliderAds, .block_bg .div_one_line, .small_timeline .block_bg .div_one_line ,#top_login a#sign_up, #getting_started, .login_to_see a,.red_link, .login_to_see, #reply #not_logged_in, #validate_email,#sign_up_small, #registerToday, .dots .inner, div.feed-link, div.help, div#plurk-dashboard h2, div#resp_banner_ads.show, h3.secTitle, #toggle_tab, .html5 #footer ul, .karma_tooltip { display : none !important; }
#plurk_ads, div.adsense, section.adsense, section.adsense h3, div.adv { -moz-transform: scale(0); -khtml-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); }
#plurk_ads a { overflow: hidden;_overflow: none; }
#plurks_count a, .link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
#dash-friends p, #dash-friends form, div#fan_holder span, div #tw_help, div a#dashboard-invite, div #sharePlurk, #block_user, .dash-icon, div.adsense, section.adsense, section.adsense h3, div.cbox_ads, .q_whispers, div.plurk [data-uid="99999"] {
display : none !important; height: 0 !important; width: 0 !important; overflow: hidden;_overflow: none; position: fixed; top: -9000px; filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:1; }
div.list { min-height: 200px !important; }
/*背景*/
html
{
background: #444466 url(http://livedoor.blogimg.jp/akb4839/imgs/f/9/f9dde487.jpg) center top no-repeat !important;
background-size: cover !important; /*完整填滿螢幕contain*/
overflow-x: hidden !important;
}
body
{
background: transparent !important;
width: 100% !important;
height: 100% !important;
min-height: 690px !important;
overflow: hidden !important;
}
#timeline_holder, #more_options, #bottom_line, .day_bg .div_inner, #time_show, .plurkaction, #toggle_tab li.tt_selected, #filter_tab a.filter_selected, #filter_tab a.off_tab, div#plurk-dashboard, #plurk-dashboard h2
{
background: none !important;
border: 0 !important;
}
/*文字*/
body.language-large-font,
body.language-large-font html5,
.language-large-font #top_login,
.language-large-font #footer,
.language-large-font .small,
.language-large-font .tooltip_cnt,
.language-large-font .direct-l,
h2,.GB_Window .caption,#mainpage_content h4,#mainpage_content h5
{
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Helvetica", "MS Pゴシック", Osaka, sans-serif !important;
font-weight: 400 !important;
text-transform: normal;
}
#timeline_holder .plurk_cnt, .list .plurk_cnt, #timeline_holder .bigplurk .content, ul.responses .message, .cbox_right .cbox_plurk_main .content, .cbox_right .cbox_response .content { font-size: 13px !important; line-height: 23px !important; letter-spacing: 2px !important; }
#timeline_holder .bigplurk .content { font-size: 1em !important;}
.td_cnt .text_holder, #vert_timeline .bigplurk .content .text, ul.responses .message, div.content { color: #000 !important; }
/*連結*/
a, a:link, a:hover, a:visited, a:active,
#dashboard_holder #perma-right a,
#plurk_responses ul.responses .message a,
.plurk_content a.ex_link
{
color: #fc6 !important;
text-decoration: none !important;
}
a:hover { text-decoration: underline !important; }
.plurk a.ex_link, .text_holder a.ex_link,
.plurk a.ex_link:visited, .plurk a.ex_link:active,
#plurk_responses ul.responses .message a,
.plurk_content a.ex_link, div.response_time .holder a
{
color: #333377 !important;
text-decoration: none !important;
}
#dashboard_holder #perma-right a:hover,
#plurk_responses ul.responses .message a:hover,
.plurk a.ex_link:hover, .text_holder a.ex_link:hover,
.plurk_content a.ex_link:hover
{
color: #333377 !important;
text-decoration: underline !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; }
/*調整時間軸高度*/
#timeline_holder .plurk { margin-top: 50px !important; }
#timeline_holder.permalink { height: auto !important; min-height: 386px !important; }
#timeline_holder, #timeline_cnt, #timeline_bg, #timeline_fg { height: 500px !important; }
day_bg .div_inner,.div_inner { height: 480px !important; }
#time_show { top: 480px !important; }
#timeline_holder .plurk { margin-top: 0px; }
#toggle_tab { z-index: 501; }
#updater, #music_player { top: 435px !important; }
.browse_button { top: 363px !important; }
/*主控台*/
.dash-segment { min-height: 10px !important; height: auto !important; }
.segment-content { padding-top: 0px !important; padding-bottom: 0px !important; }
#profile_pic
{
position: fixed !important; left: 25px; top: 45px;
width: 60px; height: 60px;
z-index: 901;
border-radius: 35px;
box-shadow:0px 0px 5px #ccc;
background: none;
border: 2px solid #000 !important;
-moz-transition: width 1.6s ease-out, height 1.6s ease-out;
-webkit-transition: width 1.6s ease-out, height 1.6s ease-out;
-o-transition: width 1.6s ease-out, height 1.6s ease-out;
-ms-transition: width 1.6s ease-out, max-height 1.6s ease-out;
}
#profile_pic img { border-radius: 35px; }
#profile_pic:hover
{
width: 200px; height: 200px;
border-radius: 35px;
-moz-transition: width 1.6s ease-in, height 1.6s ease-in;
-webkit-transition: width 1.6s ease-in, height 1.6s ease-in;
-o-transition: width 1.6s ease-in, height 1.6s ease-in;
-ms-transition: width 1.6s ease-in, height 1.6s ease-in;
}
#dash-profile
{
position: fixed !important; left: 105px; top: 65px; width: 200px;
color: #fff !important;
font-size: 12px !important;
text-shadow:0px 0px 5px #333;
z-index: 890;
}
#full_name
{
color: #fff !important;
font-size: 14px !important;
text-shadow:0px 0px 5px #444;
}
#dash-additional-info
{
position: fixed !important; left: -240px; top: 120px;
width: 200px;
z-index: 900;
background: url(http://i.imgur.com/V4SEo.png) left top repeat;
border-radius: 0px 12px 12px 0px;
padding: 30px;
color: #ccc !important;
font-size: 12px !important;
line-height: 20px;
letter-spacing: 1px !important;
-moz-transition: left 1.6s ease-out;
-webkit-transition: left 1.6s ease-out;
-o-transition: left 1.6s ease-out;
-ms-transition: left 1.6s ease-out;
}
#dash-additional-info a { color: # !important; }
#relationship_container { font-weight: 300 !important; }
#relationship_container b { float : left; }
#relationship_container br { display : none; }
#dash-additional-info:hover
{
left: 0px;
-moz-transition: left 1.6s ease-in;
-webkit-transition: left 1.6s ease-in;
-o-transition: left 1.6s ease-in;
-ms-transition: left 1.6s ease-in;
}
#dash-stats, #dash-friends, #dash-fans
{
position: fixed !important; left: 323px; top: 24px;
width: 220px;
background: url(http://i.imgur.com/V4SEo.png) left top repeat;
border-radius: 12px 0px 12px 0px;
text-align: center;
max-height: 40px !important;
overflow: hidden !important;
-moz-transition: max-height 1.6s ease-out;
-webkit-transition: max-height 1.6s ease-out;
-o-transition: max-height 1.6s ease-out;
-ms-transition: max-height 1.6s ease-out;
z-index: 902;
}
#dash-friends { left: 560px; }
#dash-fans { left: 795px; }
#dash-stats { max-height: 40px !important; top: 26px; }
#dash-stats:hover, #dash-friends:hover, #dash-fans:hover
{
max-height: 440px !important;
-moz-transition: max-height 1.6s ease-in;
-webkit-transition: max-height 1.6s ease-in;
-o-transition: max-height 1.6s ease-in;
-ms-transition: max-height 1.6s ease-in;
}
.karma_tooltip { left: 5px !important; }
#dash-stats h3, #dash-stats table th, #dash-stats table td { color: #ccc !important; font-weight: 400 !important; font-size: 11px !important; }
#dash-stats h3 { margin-left: 30px !important; margin-top: 5px !important;}
#karma { font-size: 21px !important; color: #ddd !important; }
.karma_hover { font-size: 24px !important; color: #fff !important; }
.award_bar { width: 200px !important; margin: 0px auto !important;}
.award_bar div { padding: 0 !important; margin: 0 !important; }
#dash-stats .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);
}
#dash-stats .award_bar div { width:20px !important; }
.show_all_friends a { font-size: 11px !important; }
.friend_holder table { margin: 0 auto !important; }
#dash-fans .friend_holder table { margin-bottom: 23px !important; }
.friend_holder td { padding: 5px 5px 0px 0px; }
.friend_holder .user_link, .friend_holder .user_link:hover { border: 2px solid #222 !important; border-radius: 12px 0px 12px 0px; background: #000 !important; }
.user_link img { border-radius: 20px; }
a.friend_man { color: #fff !important; background: none !important; border: 1px solid #222 !important; border-radius: 4px; font-size: 10px !important; text-shadow:0px 0px 0px #ccc !important; }
a.friend_man:hover { color: #fff !important; text-decoration: none !important; background: #333 !important; border: 1px solid #333 !important; }
/*河道*/
#empty_timeline_fg { color: #fff !important; text-shadow: 0px 0px 3px #333 !important; font-size: 15px !important; }
.day_start .bottom_start, .bottom_start, .bottom_end, #empty_timeline_bg { display : none !important; }
#time_show span { color: #111 !important; background: #fc6 !important; border-radius: 12px 0px 12px 0px; padding: 3px 12px; border: 1px solid #fb4; font-weight: bold !important; }
#updater, #music_player { background: url(http://i.imgur.com/V4SEo.png) left top repeat; border: 0 ; color: #fff !important; padding: 4px 12px; border-radius: 12px 0px 12px 0px; }
#updater .text { color: #fff !important; }
#update_sepa { padding: 0; }
#filter_tab { }
#filter_tab a.off_tab, #filter_tab a.off_tab:hover, #filter_tab a.filter_selected, #filter_tab a.filter_selected:hover { background: none !important; border: 0 !important; color: # !important; font-size: 12px !important; }
#filter_tab a.filter_selected, #filter_tab a.filter_selected:hover { color: # !important; }
.unread_generic { color: #fb4 !important; background: none !important; }
#filter_tab a.off_tab:hover, #filter_tab a.filter_selected, #filter_tab a.filter_selected:hover
{ background: none !important; color: # !important; }
/*語系位置調整*/
#languge_selector
{
position: fixed !important; top: 666px !important; right:12px !important;
width: 300px !important;
margin-right: 0px; margin-left: auto;
}
/*頁首*/
.html5 #top_login a, .html5 #top_bar a,
.html5 #top_login a:hover, .html5 #top_bar a:hover
{
font-size: 11px !important;
padding: 5px 3px !important;
margin: 0px !important;
font-weight: 400 !important;
border: 0 !important;
}
.html5 #top_login { height: 22px !important; }
.html5 #top_login a, .html5 #top_bar a { color: #fff !important; }
.html5 #top_login a:hover, .html5 #top_bar a:hover { color: #fc6 !important; text-decoration: none !important; }
#top_bar .sep, #top_bar .item img { width: 0px; }
#alert_beacon, .unread #alert_beacon, .unread_generic, #top_bar #edit_link, #top_bar #edit_link:hover { background: none !important; font-size: 10px !important; }
#alert_beacon { color: #fff !important; }
.unread #alert_beacon { color: #fff !important; background: #333377 !important; }
#page_title { color: #111 !important; font-size: 13px !important; background: rgba(249, 249, 244, 0.4) !important; padding: 3px 12px; margin-top:-3px; border-radius: 0px 0px 12px 12px; }
/*頁尾*/
.html5 #footer, #languge_selector { color: #fff !important; font-size: 0px; }
select
{
color: #333 !important;
font-size: 12px !important;
font-weight: normal !important;
background: rgba(255,255,255,0.3) !important;
border-radius: 12px 0px 12px 0px;
border: 0 !important;
}
/*輸入區*/
.plurkForm td { vertical-align: middle !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(0,0,0,0.1) !important;
border: 0 !important;
border-bottom: 0px solid #bbb !important;
min-height: 30px;
line-height: 24px;
color: #555 !important;
font-size: 16px !important;
border-radius: 4px;
padding: 4px 2px 3px 2px !important;
-moz-transition: background 0.6s ease;
-webkit-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
}
td.td_cnt textarea, textarea#input_small
{
font-size: 12px !important;
min-height: 70px;
line-height: 20px;
letter-spacing: 1px;
color: #555 !important;
border-bottom: 1px solid #eee !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.6) !important;
border-bottom: 1px solid #111 !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.7) !important;
box-shadow: 0pt 1px 2px rgba(0,0,0,0.03) inset, 0pt 1px 0pt rgba(255,255,255,0.02);
color: #fff !important;
border-bottom: 1px solid #444 !important;
}
#main_poster .qual_holder, .qual_holder, .mini_form .qual_holder { color: #111 !important; font-size: 15px !important; letter-spacing: 0.03em; }
.mini_form .qual_holder { font-size: 11px !important; color: #111 !important; }
.char_updater, .char_updater.highlight_light, .char_highlight { font-size: 12px; color: #777; background: none !important; }
.char_highlight a { color: #333377 !important; }
/*語助詞*/
.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
{
font-size: 12px !important;
font-weight: 400 !important;
border-radius: 0px;
background: none !important;
border: 0 !important;
color: #333377 !important;
}
.m_qualifier { }
.plurkaction .m_qualifier { font-size: 14px !important; }
.qual_menu td { text-align: center !important; border-radius: 0px !important; color: #fff !important; }
.qual_menu .on { background: url(http://i.imgur.com/V4SEo.png) left top repeat !important; color: #fc6 !important;}
.AmiMenu { background: url(http://i.imgur.com/V4SEo.png) left top repeat !important; border: 1px solid #111 !important; }
span.qualifier.q_shares, .qual_menu .q_shares, .q_shares, td .q_shares { }
/*私人訊息及隱私選項*/
#more_options_holder
{
position: fixed !important; right: 50px; top: 400px;
z-index: 810;
color: #eee !important;
background: url(http://i.imgur.com/V4SEo.png) left top repeat !important;
border-radius: 12px 0px 12px 0px;
border: 1px solid #222 !important;
font-size: 12px !important;
}
.private_to b, .selectedSmartInputItem, .selectedSmartInputItem a, .selectedSmartInputItem a:hover, .auto_ta .person, .auto_ta
{
background: url(http://i.imgur.com/V4SEo.png) left top repeat !important;
border: 0 !important;
}
#smartInputFloaterContent, .wickEnabled, .wickEnabled:focus { background: url(http://i.imgur.com/V4SEo.png) left top repeat !important; }
/*影音圖片視窗*/
div.cbox_right.noScroll, div.cbox_right { }
#cboxOverlay { background: #000 !important; }
div.cbox_left, #colorbox, #colorboxVideo { background: #000 !important; box-shadow:0 0 5px #333; }
div.cbox_right.noScroll { box-shadow: 0 0 0px 0px rgba(7,7,7,0.07); }
div.cbox_right .cbox_plurk_main { box-shadow: 0 0px 0px 0px rgba(7,7,7,0.07); border-bottom: 1px solid #111; }
.cbox_right .cbox_response { background: #000 !important; border-color: #111; }
.cbox_plurk.plurk.cboxAnchor { border-color: #111; }
.cbox_plurk.plurk.cboxAnchor:hover { background: #111 !important; }
.cbox_right .cbox_response .cbox_plurk.current { border-left: 3px solid #fb4; background: #111 !important; }
.cbox_right .cbox_response .cbox_plurk.withimage:hover,.cbox_right .cbox_response .cbox_plurk.withvideo:hover { border-left: 3px solid #222; }
.cbox_right .quick_reply textarea, .cbox_right .quick_reply textarea:hover, .cbox_right .quick_reply textarea:focus { background: #000 !important; box-shadow: 0 -3px 1px -2px rgba(2,2,2,0.07); border-color: #222 !important; color: #222 !important; line-height: 1.4em; }
.cbox_right .quick_reply textarea:focus { color: #777 !important; }
.cbox_right .cbox_plurk_main .content, .cbox_right .cbox_response .content { font-size: 12px !important; line-height: 20px; letter-spacing: 1px; color: #555 !important; }
div.content { }
.cbox_right a { color: #fc6 !important; }
.cbox_right .cbox_plurk_main .user *, .cbox_right .cbox_response .user * { color: #fff !important; }
.cbox_right .cbox_plurk_main .user .qualifier,.cbox_right .cbox_response .user .qualifier { }
div.imgUrl a
{
background: rgba(0,0,0,0.6) !important;
border-radius: 4px;
opacity: 0.2; zoom: 1;
font-size: 11px;
letter-spacing: 0em !important;
}
div.imgUrl a:hover { opacity: 0.6; zoom: 1; }
#colorboxVideo .hideVideo, .hideVideo:hover { }
.hideVideo a:hover { }
#colorbox #cboxClose, #colorboxVideo #cboxClose
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) !important;
width: 16px; height: 16px;
opacity: 0.6; zoom: 1;
}
a.cbox_perma_link
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/arrow/arrow10_gray2.gif) no-repeat 0px 3px;
}
a.cbox_perma_link img { opacity: 0; zoom: 1; }
/*全螢幕留言靠右*/
div.cbox_right { position: fixed !important; right: 0px !important; top: 0px !important; }
#colorbox #cboxClose, #colorboxVideo #cboxClose { position: fixed !important; right: 7px !important; top: 6px !important; }
div.cbox_left, #colorbox, #colorboxVideo { background: none !important; box-shadow:0 0 0px #333 !important; }
body.cboxOpen #cboxOverlay, body.cboxVideo #cboxOverlay, body.cboxPlink #cboxOverlay, body.cboxLoading #cboxOverlay { opacity: 0.96 !important; zoom: 1; }
.cbox_right .cbox_response { min-height: 500px !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
{
background: none !important;
border: 0 !important;
border-radius: 3px;
margin: 2px !important;
color: #333377 !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: 120px !important;
background: none !important;
border: 0 !important;
border-radius: 3px;
margin: 2px !important;
color: #333377 !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 3px rgba(0,0,0,0.2);
color: #333377 !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;
}
ul.responses a.ogvideo:after, ul.responses a.videoservices:after , p#about_me a.ogvideo:after, p#about_me a.videoservices:after { filter: alpha(opacity=0) !important; opacity: 0 !important; zoom: 1; }
.bigplurk .meta, .plurk_content .meta { padding: 4px !important; }
/*分享及設定視窗*/
.GB_Window, .GB_Gallery .iframe_holder
{
background: url(http://i.imgur.com/V4SEo.png) left top repeat !important;
color: #fff !important;
border: 1px solid #222 !important;
border-radius: 12px 0px 12px 0px;
}
.GB_window .content, .GB_window .iframe_holder { border: 0 !important; border-radius: 0px 0px 12px 0px; }
.GB_Window .header
{
background: none !important;
border: 0px solid #333;
}
.GB_Window .header td.caption
{
color: #fff !important;
background: #111;
border: 0 !important;
font-size: 13px !important;
border-radius: 12px 0px 0px 0px;
}
.GB_Window .close { background: #111; }
.GB_Window .close span
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) no-repeat 0 0;
width: 15px;
margin-right: 7px;
color: #111;
font-size: 1px !important;
opacity: 1; zoom:1;
}
img[src="http://www.plurk.com/static/greybox/w_close1.gif"]
{ filter: alpha(opacity=0); opacity: 0; zoom: 1;}
/*表情視窗*/
#emotiland #emotilhead .title_img { opacity: 0 !important; zoom:1; }
.emoticon, .emoticon_my { vertical-align: top !important; }
#emoticon_selecter { background: url(http://i.imgur.com/V4SEo.png) left top repeat !important; border-color: #111 !important; }
#emoticon_selecter #emoticons_tabs, #emoticon_selecter #emoticons_tabs li, .emo-manager, #emoticons_show, #emoticon_selecter #emoticons_tabs li.current, #emotiland #emotilhead, #emotiland #emotilhead ul#emotiland_menu li { background: url(http://i.imgur.com/V4SEo.png) left top repeat !important; border: 0 !important; font-size: 12px; color: #666 !important; }
#emotiland .panel { color: #555 !important; font-size: 12px; }
#emoticons_tabs ul li a { color: # !important; font-weight: normal !important; }
#emoticons_tabs ul li.current a { color: #fff !important; }
#emoticons_show .red_link { background: none !important; font-weight: normal; font-size: 12px; color: #ccc !important; text-decoration: none !important; }
#emoticon_selecter table td, #emoticon_selecter img, #emoticon_selecter a:hover img, .emo-manager .emo-public-pool .emo-wrapper, .emo-manager .emo-public-pool .emo-wrapper:hover,#emotiland .panel#uploadPanel fieldset#emo-add-field2,
#emotiland table.emoticon_list td div { border: 0 !important; }
img[src="http://statics.plurk.com/b4c13c8006f3af07156a218d913b8eb5.png"],
img[src="http://statics.plurk.com/d883cfc07aa0a578723ec764c2f8c22c.png"],
img[src="http://statics.plurk.com/f898cb34a3c2cfe28c527f9defa615eb.gif"]
{ filter: alpha(opacity=0); opacity: 0; zoom: 1; }
.emoticon_page_arrow:hover, #emotiland #emotilhead ul#emotiland_menu li:hover, #emotiland .panel { background-color: #111 !important; }
#emotiland { outline: 0px solid #acd2ef !important; border: 0 !important; background: none !important; box-shadow:0 0 0 0px rgba(255,255,255,0.9) !important; }
#emotiland #emotilhead ul#emotiland_menu li.current { background: #111 !important; color: #ccc !important; }
#emotiland #emotilhead ul#emotiland_menu li.current:hover { background: #333 !important; color: #fff !important; }
#emotiland #emotilhead ul#emotiland_menu li.menu-add-tab
{
background: #111 url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/plus_alt_16x16.png) center center no-repeat !important;
}
#emotiland #emotilhead ul#emotiland_menu li.menu-add-tab:hover
{
background: #222 url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/plus_alt_16x16.png) center center no-repeat !important;
}
#emotiland .panel#uploadPanel fieldset input.btn,
#emotiland .panel#uploadPanel fieldset input.btn:hover,
#emotiland .emoticon_list_load_more, #emotiland .emoticon_list_load_more:hover
{
background: #333 !important;
border-color: #333 !important;
color: #fff !important;
border-radius: 4px;
box-shadow: 0 1px 0 #444 !important;
text-shadow: 0 0 4px #ccc !important;
font-size: 12px !important;
}
#emotiland .panel#uploadPanel fieldset input[type=text],
#emotiland .panel#uploadPanel fieldset input[type=text]:focus,
#emotiland .panel#uploadPanel fieldset#emo-add-field1 #emo-file
{
background: #111 !important;
border-color: #222 !important;
font-size: 12px !important;
color: #666 !important;
}
#emotiland .panel#uploadPanel fieldset#emo-add-field1 #or
{
border-bottom: 1px dashed #222;
line-height: 0;
margin: 2em auto;
text-align: center;
text-shadow: 0 0 5px #555;
width: 75%
}
#emoticon_selecter #emoticons_tabs #emo_emotiland_button
{
background: #111 url(https://31.media.tumblr.com/71b88531bcd624f5ec8c8a9d0339390c/tumblr_n6jp6eT2e91qgexrvo3_1280.jpg) center center no-repeat !important;
width: 45px; height: 24px;
margin: 3px 3px 0 0;
}
#emoticon_selecter #emoticons_tabs #emo_emotiland_button:hover
{
background: #222 url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/plus_alt_16x16.png) center center no-repeat !important;
}
#emotiland #emotilhead
{
background: #222 url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/cancel-inv.png) no-repeat 656px 4px !important;
opacity: 0.7 !important; zoom: 1;
}
span.emoticon_my_wrapper:after
{
content : url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/plus_alt_12x12.png) !important;
right: 0;
top: -2px;
}
span.emoticon_my_wrapper:hover img.emoticon_my
{ filter: alpha(opacity=70) !important; opacity: 0.7 !important; zoom: 1; }
img.emoticon_my { border: 0 !important; }
.emo-tiny-adder
{
background: #111 !important;
border: 0 !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
color: #888;
line-height: 1.9em;
font-size: 11px !important;
padding: 4px 6px;
}
.emo-tiny-adder:before { background: none !important; }
.emo-tiny-keyword-tip, div#emo-tiny-add-error { color: #666 !important; }
input#emo-tiny-add-keyword
{
background: #222 !important;
border: 0 !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33);
color: #777;
}
img.emo-tiny-btn { }
.down_arrow { display : none ; }
/*同步訊息視窗與預覽視窗*/
#sync_checked_form, #preview
{
color: #ccc !important;
background: url(http://i.imgur.com/V4SEo.png) left top repeat !important;
border-color: #333 !important;
letter-spacing: 2px !important;
padding: 0px;
font-size: 12px !important;
border-radius: 12px 0px 12px 0px;
top: -150px !important;
}
#sync_checked_form a { color: # !important; }
.upper_arrow { filter: alpha(opacity=0) !important; opacity: 0 !important; zoom:1; }
#preview img { background: none !important; border: 0 !important; }
/*說明小視窗*/
.tooltip_cnt
{
padding: 4px 6px 4px 4px;
margin-top: 8px;
background: url(http://i.imgur.com/V4SEo.png) left top repeat !important;
box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
border: 1px solid #111;
color: #fff;
line-height: 1.5;
font-size: 11px;
border-radius: 12px 0px 12px 0px;
}
.tooltip_cnt img { margin: 0 6px 0 0; border: 0 !important; border-radius: 30px; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); }
.AmiTT_main { background: none !important; border: 0 !important; }
.AmiTT_main b
{
color: #fff !important;
font-weight: normal;
font-size: 12px !important;
}
/*浪上噗友小視窗*/
.AmiMenu.info_menu
{
background-color: #111;
border: 1px solid #222;
border-right: 1px solid #111;
border-bottom: 1px solid #111;
}
.AmiMenu.info_menu td
{
font-size: 11px;
line-height: 16px;
color: #ddd;
}
.AmiMenu.info_menu td.user_info .user_img { padding: 0 4px; }
.AmiMenu.info_menu .user_info .user_img
{
margin: 4px 6px 0 0;
width: 45px; height: 45px;
}
.AmiMenu.info_menu .user_info img
{
border: 0 !important;
border-radius: 30px;
}
.AmiMenu.info_menu .separator { background: none; height: 2px; }
.AmiMenu.info_menu .block { background-color: #000; color: #fff; }
.AmiMenu.info_menu .user_info { padding-bottom: 6px; }
.AmiMenu.info_menu .user_info b { padding-top: 2px; }
.AmiMenu.info_menu .user_info.on, .award_bar_mini.on
{
color: #fff !important;
background-color: #222 !important;
}
.AmiMenu.info_menu .on
{
color: #fff !important;
background-color: #222;
border: 0 !important;
margin: 0 !important;
}
#info_overlay .drop_arrow div, #info_overlay .on_arrow div
{
background-color: #111;
width: px;
text-align: ;
}
.cmp_tooltips-down
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down-1.png) center center no-repeat;
width: 16px; height: 16px; line-height: 16px;
}
.cmp_tooltips-up
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up-1.png) center center no-repeat;
width: 16px; height: 16px; line-height: 16px;
}
.award_bar_mini .award_bar { margin-left: 0px !important; }
.award_bar_mini .award_bar div { margin-right: 2px !important; }
/*小圖更換與特效-*/
/*無回應 : )*/
.list .empty
{
color: #fff !important;
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/Snow/1270600471_Dragon.png) no-repeat 50% 0px transparent;
width: px; height: 33px;
margin: 20px auto 0 auto;
padding: 30px 0 0 0;
text-indent: -9999px;
}
/*發噗鈕*/
.cmp_plurk
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
padding: 1px 2px;
opacity: 1 !important; zoom: 1;
}
/*loading*/
.cmp_loading, .loading img { width: 0px; height: 0px; }
#div_loading .cnt
{
background: transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat scroll center !important;
margin-top: 150px;
}
.loading
{
background: transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loading/loading1.gif) no-repeat scroll center top !important;
margin-top: 30px;
}
/*分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/iphone_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}
.cmp_media_mini_off, .cmp_media_mini_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/iphone_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}
img[src="http://assets.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_mini_on.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_on.png"]
{
filter: alpha(opacity=0); opacity: 0; zoom:1;
}
.emoticon_selecter_img_on, .emoticon_selecter_img_off { width: 16px; height: 16px; }
.icons_holder
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/chat_alt_stroke_16x16.png) no-repeat 18px 4px;
}
.mini_form .icons_holder
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/chat_alt_stroke_16x16.png) no-repeat 18px 4px;
}
.cmp_sync_off, .cmp_sync_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/spin_alt_16x16.png) no-repeat scroll top left;
width: 16px; height: 16px;
margin-top: 4px !important;
}
.cmp_privacy_off, .cmp_privacy_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/lock_stroke_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}
/*往前往後*/
.cmp_arrow_right
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_right_alt1_24x24.png) no-repeat;
width: 24px; height: 24px;
margin: 0;
}
.cmp_arrow_left
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/arrow_left_alt1_24x24.png) no-repeat;
width: 24px; height: 24px;
margin: 0;
}
.cmp_back_to_today
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/first_12x12.png) no-repeat;
width: 12px; height: 12px;
margin-left: 6px; margin-top: 10px;
}
.browse_button
{
filter: alpha(opacity=30) !important; 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;
-ms-transition: opacity 0.2s ease-out;
}
.browse_button:hover
{
filter: alpha(opacity=90) !important; opacity: 0.9 !important; zoom:1;
-moz-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
-ms-transition: opacity 0.2s ease-in;
}
/*單一噗頁面連結*/
.perma_link
{
margin-left: 5px;
padding-left: 19px;
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/open-in-new-window-inv.png) no-repeat 0 1px;
background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/arrow/arrow10_gray2.gif) no-repeat 3px 6px;
}
.perma_link a, .perma_link a:hover { text-decoration: none !important; }
/*捲軸語法*/
::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar, ::-moz-scrollbar-thumb, ::-moz-scrollbar-thumb:hover
{
background: #444466;
border-radius: 10px;
box-shadow: 0px 0px 5px #333;
}
::-webkit-scrollbar-thumb:hover, ::-moz-scrollbar-thumb:hover
{
background: #333377 !important;
}
/*瀏覽器所選部份底色*/
::-moz-selection
{
background: #ca7 !important;
color: #111;
}
::selection
{
background: #ca7 !important;
color: #111;
}
/*淡入過場*/
.GB_Gallery .iframe_holder, .GB_Window,
#timeline_cnt, .plurk, .plurk_box
{
-moz-animation-name: fadeIn;
-moz-animation-iteration-count: 1;
-moz-animation-duration: 0.6s;
-webkit-animation-name: fadeIn;
-webkit-animation-iteration-count: 1;
-webkit-animation-duration: 0.6s;
}
@-webkit-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
/*噗浪*/
.block_cnt .plurk_cnt, #timeline_holder .bigplurk .content, #vert_timeline .bigplurk .content
{
background: rgba(255,255,255,0.9) !important;
border: 0 !important;
border-radius: 6px 0px 6px 0px;
-moz-transition: background 0.6s ease;
-webkit-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
}
.block_cnt .plurk_cnt
{
padding: 2px 7px 3px 26px !important;
margin: -5px 0px 0px -24px !important;
}
.block_cnt .link_extend .plurk_cnt
{
background: rgba(255,255,255,1) !important;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-transition: -moz-box-shadow 0.1s ease, background 0.6s ease;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-transition: -webkit-box-shadow 0.1s ease, background 0.6 ease;
-o-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
}
.block_cnt .plurk_box .plurk_cnt
{
background: rgba(255,255,255,1) !important;
}
.plurk_box .caption { font-size: 11px !important; text-align: center; color: #222 !important; border-radius: 6px 6px 0px 0px; background: #fff !important; border-color: #444 !important; }
.info_box { border-radius: 0px 0px 6px 6px; background: #fff !important; border-color: #ccc !important; border-top: 0 !important; }
.list { border-radius: 0px 0px 6px 6px; border-color: #ccc !important; }
.mini_form { border-color: #bdc !important; }
.list .plurk_cnt, .list .plurk_cnt:hover { border-bottom: 1px solid #eee; }
.list .highlight_owner .td_qual a { }
.list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt:hover { border-left: 3px solid #bbb !important; }
.list .highlight_owner .plurk_cnt .text_holder { }
/*刪除,編輯,消音,取消,推文,轉噗*/
.manager span, .manager a, .manager a:hover, .manager .action:hover, .manager .cancel:hover, .manager .delete:hover { font-size: 11px !important; margin: 0px 4px !important; text-decoration: none !important; border-bottom: 0 !important; color: #444466 !important; }
.manager span, .manager a { color: #887777 !important; }
.muted { filter: alpha(opacity=10); opacity:0.1; zoom:1; }
.muted:hover { filter: alpha(opacity=100); opacity:1; zoom:1; }
/*表格寬度*/
.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; }
/*列表換行*/
.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.5em; margin-left: 0.1em; width: auto !important; }
/*浪上噗的寬高*/
.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; }
/*新回應的底色*/
.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: #fff !important; }
.plurk.new .plurk_cnt { box-shadow: 0px 0px 4px rgba(8,8,8,0.1); }
/*頭貼*/
.p_img { border: 0 !important; border-radius: 20px; padding: 0px; }
.p_img img { border-radius: 20px; }
/*暱稱*/
.td_qual span a, .td_qual span a:hover, #timeline_cnt .name,
a.user-nick, a.user-nick:hover
{
color: #111 !important;
font-size: 12px !important;
font-weight: 550 !important;
text-decoration: none !important;
letter-spacing: 1px;
border-bottom: 0 !important;
}
/*指定連結*/
.text_holder a.ex_link[href*="www.plurk.com"]
{
color: #fff !important;
background: #887777 !important;
margin: 2px !important;
padding: 1px 2px 0px 2px !important;
border-radius: 4px;
font-size: 12px !important;
text-decoration: none !important;
border: 0 !important;
}
.text_holder a.ex_link[href*="www.plurk.com"]:hover
{
color: #fff !important;
background: #997777 !important;
text-decoration: none !important;
}
/*回應時間標示*/
.response_time .plurk_cnt, div.response_time, div.response_time .holder a { background: none !important; border: 0 !important; }
div.response_time .holder { color: #444 !important; border: 0 !important; background: #fff; border-radius: 2px; font-size: 11px !important; }
/*回應時間標示縮排*/
.response_time .holder+div img
{
left: -1200px;
position: absolute;
border: 0 !important;
background: transparent !important;
filter: alpha(opacity=0) !important; opacity: 0 !important; zoom: 1;
}
div.response_time .holder { position: absolute; top: 0; left: -140px; background: none !important; }
.response_time .plurk_cnt { padding: 0 !important; }
/*回應數*/
.dots .inner { display : none !important; }
.td_response_count { }
.response_count { color: #444 !important; background: #eee !important; margin-left: 0px !important; padding: 5px !important; border-radius: 0px 12px 12px 0px; border: 0 !important; }
.new .response_count
{
background: #222 !important;
color: #fff !important;
box-shadow: 2px 1px 3px rgba(0,0,0,0.2);
text-shadow: 0px 0px 3px #333;
text-decoration: none; /*blink*/
}
/*訊息網址*/
.bigplurk .content .avatar img, #shareUser .avatarlist ul li img, .responses li article .avatar img, #plurk_responses #reply .responses li article .avatar img { width: 25px !important; height: 25px !important; }
.controls a { background: none !important; border: 0 !important; padding-left: 4px !important; }
a.delete_plurk, a.like_plurk.unlike, a.like_plurk, a.mute_plurk.unmute, a.mute_plurk, a.replurk_plurk.unreplurk, a.replurk_plurk { color: #333377 !important; }
#plurk_responses h2, #response_number h2, .html5 #plurker_info h2 { color: #fff !important; font-size: 12px !important; }
#plurker_info section, #plurker_info section h2
{
background: none !important;
border: 0 !important;
}
div#setComment
#response_number h2 a, #plurk_responses div.feed-link a, #plurk_responses ul.responses, #plurk_responses ul.responses li, .del_icon, .reply_to, .switch { background: none !important; border: 0 !important; }
#plurk_responses ul.responses
{
background: rgba(255,255,255,0.9) !important;
border-radius: 12px 0px 12px 0px;
border: 0 !important;
-moz-transition: background 0.6s ease;
-webkit-transition: background 0.6s ease;
-o-transition: background 0.6s ease;
-ms-transition: background 0.6s ease;
}
#plurk_responses ul.responses:hover { background: rgba(255,255,255,1) !important; }
#plurk_responses ul.responses li { border-bottom: 1px solid #eee !important; }
#plurk_responses ul.responses li:hover {}
ul.responses .message { color: #222 !important; }
a.user-nick, a.user-nick:hover { color: #111 !important; }
.user .time { font-size: 11px !important; color: #777 !important; }
.del_icon, .reply_to { font-size: 11px !important; color: #337777 !important; }
<script>
$.kptalks({
image: '../img/kp-3.png',
enter_from: 'right',
enter_distance: 10
});
</script>
/*------------------------------------------------------------------------
Date: 2013-06-13
Design by: Be Myself Inc. M6
-- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利 All Rights Reserved --
------------------------------------------------------------------------*/
沒有留言:
張貼留言