```CSS /*-------------------------------版權說明------------------------------- 此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,版權所有。 僅開放個人套用,歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處), 商業性質及其他利用方式請勿套用、改製或引用,謝謝。 『我們並未授權創作者擅自使用我們的CSS修改後再分享,請尊重原創,謝謝~』 ------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ 噗浪版型 Plurk CSS: Green Green Green 設計出處 Design by: Be Myself Inc. M6 背景圖源 Background image from: (simpledesktops.com) 安裝網址 Install: (http://www.plurk.com/installDesign/5807705-d422857b5a) 更多佈景 More Themes: (http://www.flickr.com/groups/plurkcss) -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 -- -- Copyright: 版權所有 保留一切權利 All Rights Reserved -- ------------------------------------------------------------------------*/ /*------------------------------- #前置CSS -------------------------------*/ /*消除圖片外框*/ img {border:none !important;} /*去除連結虛線框*/ a:focus, :focus, a, a:link, a:visited, a:active {outline:0 !important;} /*連結文字*/ a, a:link, a:visited, a:active { color:#666 !important; text-decoration:none !important; text-transform:normal; -moz-outline-style:none !important; } a:hover { color:#000 !important; text-decoration:none !important; } /*主控台文字*/ p#about_me, #dash-profile, p#relationship_container, #dash-stats, #dash-stats table td, #dash-friends, #dash-fans { color:#222 !important; line-height:1.5em; font-size: 9px; } /*語言字型*/ body.language-large-font, .language-large-font #top_login, .language-large-font #footer, .language-large-font .small, .language-large-font .tooltip_cnt, .language-large-font .direct-l { font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS Pゴシック', 'MS ゴシック', Osaka, Osaka-等幅, sans-serif; font-weight:normal; text-transform:normal; font-size:11px; } /*-----輸入與選單-----*/ textarea, textarea#input_big_private, textarea#input_big_private.content, textarea#input_big, textarea#input_permalink, textarea#input_big.content, input#current_query, /*搜尋輸入*/ select, select:focus, /*下拉選單*/ input#share_link, /*分享搜尋結果*/ input#loc_field, /*搜尋其它噗浪會員*/ .auto_ta /*輸入區表格*/ { color:#444 !important; background:rgba(255,255,255,0.05) !important; border:1px solid #cceecc !important; padding:4px 5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; } /*使用中狀態*/ textarea:focus, textarea#input_big_private:focus, textarea#input_big:focus, textarea#input_permalink:focus, input#current_query:focus, input:focus, select:focus { color:#111 !important; background:rgba(255,255,255,0.6) !important; border:1px solid #eee !important; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; } /*輸入欄位文字*/ textarea#input_big_private, /*發送私密噗視窗*/ textarea#input_big_private.content, textarea#input_big, /*發噗輸入*/ textarea#input_permalink, textarea#input_big.content, input#current_query /*搜尋輸入*/ { color:#111 !important; font-size:14px !important; line-height:1.5; padding:5px; min-height:50px; } input#current_query, /*搜尋輸入*/ input#current_query:focus { color:#111 !important; min-height:31px !important; } /*-----捲軸語法-----*/ /*ie適用*/ HTML { SCROLLBAR-FACE-COLOR:#f4f4f4; SCROLLBAR-HIGHLIGHT-COLOR:#fff; SCROLLBAR-SHADOW-COLOR:#eee; SCROLLBAR-3DLIGHT-COLOR:#bbb; SCROLLBAR-ARROW-COLOR:#f4f4f4; SCROLLBAR-TRACK-COLOR:#ccc; SCROLLBAR-DARKSHADOW-COLOR:#ccc; overflow-x:hidden; } /*Google瀏覽器適用*/ ::-webkit-scrollbar {background:rgba(255,255,255,0.5);} ::-webkit-scrollbar-thumb {background:#eee;} ::-webkit-scrollbar-thumb:hover {background:#ddd;} ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover { -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; -moz-box-shadow:0px 0px 5px #fff; -webkit-box-shadow:0px 0px 5px #fff; box-shadow:0px 0px 5px #fff; -moz-box-shadow:0px 0px 5px rgba(255,255,255,0.5); -webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.5); box-shadow:0px 0px 5px rgba(255,255,255,0.5); } /*======================== 背景設定 ========================*/ /*-----畫面背景-----*/ body, html { background:#badfb5 url(http://farm3.staticflickr.com/2315/5793521716_e1d32229a0_o.png) right bottom no-repeat; } html { margin-top:-1px; overflow-x:hidden; background-color:#badfb5; } /*-----時間軸與主控台背景-----*/ #timeline_holder, #timeline_bg .day_bg .div_inner, #bottom_line, #time_show, .plurkaction, #toggle_tab li.tt_selected, div#plurk-dashboard { background:none; border:0 !important; } /*-----時間文字標示-----*/ .bottom_start, .bottom_end /*時*/ { color:#eeffee !important; font-size:9px !important; } .day_start .bottom_start, .day_start .div_start /*日*/ { color:#77bb77 !important; font-size:9px !important; margin-left:11px; margin-top:-10px; } #time_show span /*每一則對應時間*/ { color:#7ab !important; font-size:10px !important; } /*-----隱藏特定時間軸主題的時間直線-----*/ .block_bg .div_one_line, .small_timeline .block_bg .div_one_line { filter:alpha(opacity=0) !important; -moz-opacity:0 !important; opacity:0 !important; height:0 !important; width:0 !important; overflow:hidden; zoom:1; } /*-----隱藏噗浪生物-----*/ #dynamic_logo, #logo img, img#creature {filter:alpha(opacity=0); opacity:0; zoom:1;} /*-----自介統計朋友粉絲各區背景-----*/ #dash-profile { margin-top:5px; } p#about_me, #dash-profile, p#relationship_container { background:#ccddbb; border:1px solid #ddeecc !important; padding:12px; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #dash-additional-info /*關於我自己描述*/ { height:px !important; overflow-y:auto !important; } p#relationship_container { background:#cceecc !important; border:1px solid #fff !important; } #dash-stats { background:#99bb99 !important; border:1px solid #cceecc !important; padding:12px; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #dash-stats h3 { text-align:center !important; margin:10px auto !important; background:#ccddbb !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; padding:5px; } #dash-friends { background:#77bb77; border:1px solid #cceecc !important; padding:12px; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #dash-fans { background:#99ee99; border:1px solid #aaddaa !important; padding:12px; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } /*---隱藏顯示---*/ #top_login, #top_bar, #footer {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;} #top_login:hover, #top_bar:hover, #footer:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;} /*======================== 頁首頁尾 ========================*/ /*----去除小圖底線-----*/ #top_bar .on img {border:none;} /*-----標題-----*/ #page_title { color:#eeffee !important; font-size:12px; text-shadow:0px 0px 5px #fff; } #top_login a, /*頁首右邊文字*/ #top_bar, #top_bar a, /*頁首左邊文字*/ #top_bar .content a#edit_link, /*編輯文字*/ #alert_beacon, /*通知數字*/ .unread #alert_beacon, /*通知數字:未讀*/ #languge_selector, /*切換語言*/ #footer, #footer p, #footer a /*頁尾文字*/ { background:none !important; border:0 !important; font-size:9px !important; font-weight:300 !important; text-transform:normal !important; text-decoration:none !important; } /*通知數字*/ #alert_beacon {margin:0 3px;} .unread #alert_beacon /*通知數字:未讀*/ { background:#77bb77 !important; color:#fff !important; } /*======================== 顯示訊息 ========================*/ #empty_timeline_bg {text-transform:normal; font-size:0px;} #empty_timeline_fg { color:#fff !important; font-size:14px !important; text-decoration:none !important; text-shadow:0pt 0px 2px #eee; /*陰影*/ } #empty_timeline_fg a {text-transform:normal;} #empty_timeline_fg a:hover {text-transform:normal;} /*======================== 往前往後 ========================*/ .cmp_arrow_right { background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/green/arrow_right_alt1_32x32.png); width:32px; height:32px; margin:0; } .cmp_arrow_left { background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/green/arrow_left_alt1_32x32.png); width:32px; height:32px; margin:0; } .cmp_back_to_today { background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/green/first_16x16.png); width:16px; height:16px; margin-left:10px; margin-top:10px; } div.cmp_arrow_right:hover, div.cmp_arrow_left:hover, div.cmp_back_to_today:hover { filter: alpha(opacity=50); opacity:0.5; zoom:1; } /*---隱藏顯示---*/ .browse_button {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;} .browse_button:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;} /*======================== loading ========================*/ .cmp_loading {width:0px;height:0px;} /*主畫面*/ #div_loading .cnt { background:transparent url(http://s942.photobucket.com/albums/ad268/44ok88/CT/1.gif) no-repeat scroll center !important; margin-top:40px; width:150px;height:185px; } .loading img {width:0px;height:0px;} /*每則噗*/ .loading { background: url(http://i942.photobucket.com/albums/ad268/44ok88/CT/6.gif) no-repeat scroll center top !important; margin-top:20px; width:;height:100px; } /*======================== 所有訊息 ========================*/ #filter_tab a.off_tab { background:none !important; border:0 !important; } #filter_tab a.filter_selected { background:#eeeeee !important; border:0 !important; -moz-border-radius:25px 0px 25px 0px; -khtml-border-radius:25px 0px 25px 0px; -webkit-border-top-left-radius:25px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:25px; -webkit-border-bottom-left-radius:0px; } .unread_generic { background:#99bb99 !important; } #filter_tab a.filter_selected .unread_generic { background:#99ee99 !important; } /*滑鼠移至效果*/ #filter_tab a.off_tab:hover, #filter_tab a.filter_selected:hover { text-decoration:none !important; } /*======================== 更新通知 ========================*/ #updater, #music_player { margin-top:-10px !important; filter:alpha(opacity=80) !important;opacity:0.8 !important; zoom:1; font-weight:500 !important; background:#ddd !important; border:0 !important; -moz-border-radius:25px 0px 25px 0px; -khtml-border-radius:25px 0px 25px 0px; -webkit-border-top-left-radius:25px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:25px; -webkit-border-bottom-left-radius:0px; padding:3px 12px; } /*======================== 私人選項 ========================*/ #more_options_link { background:rgba(238,238,238,0.9) !important; border:0 !important; font-size:11px !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #more_options td, #more_options .caption, #more_options_holder { background:none !important; border:0 !important; color:#333 !important; font-size:11px !important; text-decoration:none !important; } .small {font-size:10px !important;} /*欄位說明*/ .advert a {font-size:0px !important;} /*噗浪同步訊息至FB*/ .private_to {color:#444 !important;} /*私人訊息給...*/ .private_to b, /*私人訊息*/ .selectedSmartInputItem, .selectedSmartInputItem a, /*移動選擇*/ .selectedSmartInputItem a:hover, .auto_ta .person /*已選擇的噗友底色*/ { background:#444 !important; color:#eee !important; font-size:11px !important; font-weight:normal !important; text-decoration:none !important; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; } #smartInputFloaterContent /*下拉選單*/ { background:#f4f4f4 !important; } .private_to b, /*私人訊息*/ .auto_ta .person /*已選擇的噗友底色*/ { padding:2px 4px; } .wickEnabled, .wickEnabled:focus /*輸入欄*/ { background:none !important; border:0 !important; color:#333 !important; font-size:11px !important; } /*======================== 發噗選項 ========================*/ div#plurk_form { width:965px; height:px; margin:20px auto; } /*使用者名稱*/ #main_poster .qual_holder { color:#222 !important; font-size:14px !important; } /*尚餘字數*/ .char_updater {color:#333 !important;} /*超過字數*/ .char_highlight {color:#fff !important;background:none !important;} .char_highlight a {color:#fff !important;background:#333 !important;} /*對齊中間*/ .plurkForm td {vertical-align:middle !important;} /*-----頁籤-----*/ #toggle_tab, #toggle_tab li, #toggle_tab li.tt_selected { color:#222 !important; font-size:12px !important; filter:alpha(opacity=70) !important;opacity:0.7 !important;zoom:1; } /*-----發噗按鈕-----*/ .cmp_plurk { background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/green-1.png) no-repeat scroll top left; } /*-----搜尋按鈕-----*/ input.orange-but { background:#9e9 !important; color:#fff !important; font-size:14px !important; padding:3px 5px !important; text-shadow:0px 0px 3px #ccc !important; /*文字陰影*/ border:0px solid #333 !important; -moz-box-shadow:0 0px 0 #aaa !important; /*框線陰影*/ -webkit-box-shadow:0 0px 0 #aaa !important; box-shadow:0 0px 0 #aaa !important; vertical-align:middle !important; width:auto; } /*======================== 語助詞 ========================*/ /*語助詞旁的箭頭符號*/ .dd_img img { filter:alpha(opacity=50) !important;opacity:0.5 !important; zoom:1; } .qualifier, .m_qualifier, .r_qualifier, /*所有*/ div.bigplurk .r_qualifier /*單噗頁面上下則*/ { border:0 !important; padding:0px 5px !important; filter: alpha(opacity=80)!important; opacity: 0.8 !important; zoom:1; -moz-border-radius: 0px 10px 0px 10px; -khtml-border-radius: 0px 10px 0px 10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 10px; } .qualifier, /*浪上*/ .mini_form .m_qualifier, /*浪上每則噗發噗區*/ .r_qualifier /*單噗頁面字*/ { font-size:11px !important; } .m_qualifier, /*發噗區*/ #reply_box .m_qualifier, /*單一噗浪發噗區*/ .content .r_qualifier /*單噗主噗區*/ { font-size:14px !important; } .qual_menu .q_says, .q_says, td .q_says /*說*/ { background:#9b9 !important; } /*-----表格欄位-----*/ .qual_menu td /*選單表格*/ { text-align:center !important; font-size:12px; } /*======================== 資訊區塊 ========================*/ #dash-profile, #dash-stats, #dash-friends , #dash-fans /*對齊*/ { text-align:center; } #dash-stats h2, #dash-friends h2, #dash-fans h2 /*標題*/ { background:none !important; border:0 !important; color:#333 !important; } /*列出所有朋友粉絲連結*/ .show_all_friends a { text-decoration:none !important; } .show_all_friends a:hover { text-decoration:none !important; } /*======================== 自介 ========================*/ /*個人圖像*/ #profile_pic { width:170px; padding:4px !important; background:#cceecc !important; border:3px solid #eeffee !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #dash-additional-info a { color:#222 !important; text-decoration:underline !important; line-height:1.8; } #dash-additional-info a:hover { color:#222 !important; text-decoration:none !important; } /*======================== 卡馬 ========================*/ .karma_hover { color:#222; font-size:21px; } #karma { font-size:29px !important; color: green !important; } /*隱藏卡馬箭頭*/ .link_arrow, .cmp_points-arrow { height:0 !important; font-size:0 !important; position:absolute; filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1; } .cmp_karma_up, .cmp_karma_down {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;} a.link_arrow, a.link_arrow link_badges {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;} /*======================== 小徽章 ========================*/ .award_bar { width:200px !important; padding:0 !important; margin-left:7px !important; } .award_bar img { } .award_bar img:hover { -moz-box-shadow:0px 0px 5px #aaa; -webkit-box-shadow:0px 0px 5px #aaa; box-shadow:0px 0px 5px #aaa; } /*======================== 朋友粉絲 ========================*/ /*隱藏 朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示*/ #dash-friends p, #dash-friends form, div #tw_help, div a#dashboard-invite, div #sharePlurk, .dash-icon { filter:alpha(opacity=0) !important; -moz-opacity:0 !important; opacity:0 !important; height:0 !important; width:0 !important; overflow:hidden;_overflow:none; zoom:1; position:fixed; top:-9000px; } /*-----朋友粉絲按鈕-----*/ a.friend_man { background:none !important; border:1px solid #fff !important; color:#fff !important; -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; font-size:10px !important; } a.friend_man:hover { background:none !important; color:#111 !important; border:1px solid #111 !important; text-decoration:none !important; -moz-box-shadow:0px 10px10px #aaa; -webkit-box-shadow:0px 10px 10px #aaa; box-shadow:0px 10px 10px #aaa; } /*-----朋友粉絲圖像-----*/ .user_link img /*透明度變化*/ { filter:alpha(opacity=90) !important; opacity:0.9 !important; zoom:1; } .user_link img:hover { filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1; -moz-box-shadow:0px 0px 5px #aaa; -webkit-box-shadow:0px 0px 5px #aaa; box-shadow:0px 0px 5px #aaa; } .friend_holder {margin-top:0px;} .friend_holder table {margin-top:0px; margin-left:auto; margin-right:auto;} .friend_holder img {width:29px;height:29px;} .friend_holder td { padding:3px !important; margin:0px !important; } .friend_holder .user_link { background:none !important; padding:2px !important; height:29px !important; width:29px !important; border:3px solid #ddeecc !important; -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; } .friend_holder .user_link:hover { background:#fff !important; padding:2px !important; border:3px solid #fff !important; height:29px !important; width:29px !important; } /*-----粉絲區文字與連結-----*/ div#fan_holder { font-size:11px !important; color:#555 !important; text-align:left !important; } div#fan_holder a { font-size:11px !important; color:#777 !important; text-decoration:underline !important; } div#fan_holder a:hover { color:#000 !important; text-decoration:none !important; } /*======================== 浪上的噗 ========================*/ #timeline_holder div.plurk /*淡入*/ { -webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease; -webkit-transform-origin:0 0; -moz-transition:top 0.5s ease, -moz-transform 0.5s ease; -moz-transform-origin:0 0; } /*浪上噗的最小高度*/ .plurk .truncated {min-height:px;} /*讓超過時間軸的噗內容出現*/ #timeline_cnt {overflow: visible !important;} /*表格寬度*/ .list table {width:100% !important;} /*列表延伸動態*/ .list { -webkit-transition:height 0.5s ease; -moz-transition:height 0.5s ease; -moz-border-radius:0px 0px 0px 7px; -khtml-border-radius:0px 0px 0px 7px; -webkit-border-top-right-radius:0px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; } /*滑鼠移過加底色*/ .list .plurk_cnt tr:hover { background-color:#eeffee; } /*-----噗外框設定(整體)-----*/ .block_cnt .plurk_cnt { border-color:#ddd !important; filter:alpha(opacity=80) !important; opacity:0.8 !important; zoom:1; padding:5px 5px 4px 26px !important; margin:-5px 0px 0px -26px !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-radius:0px 25px 0px 25px; } .block_cnt .link_extend .plurk_cnt, /*滑鼠移過去延伸的噗*/ .block_cnt .plurk_box .plurk_cnt /*噗打開後*/ { filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1; } /*框線顏色*/ .plurk_box .caption, .plurk_box .list, .plurk_box .mini_form, .info_box { border-color:#ddd !important; } /*-----回應列表標題-----*/ .plurk_box .caption { background:#eee !important; font-size:9px !important; color:#555 !important; letter-spacing:0.04em; text-align:center !important; -moz-border-radius:7px 0px 0px 0px; -khtml-border-radius:7px 0px 0px 0px; -webkit-border-top-right-radius:7px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; } /*-----下方回應欄-----*/ .info_box { border-top:0 !important; overflow-x:hidden !important; overflow-y:hidden !important; -moz-border-radius:0px 0px 7px 7px; -khtml-border-radius:0px 0px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:7px; -webkit-border-bottom-left-radius:7px; } .info_box a { background:none !important; color:#888 !important; font-size:10px !important; } .info_box a:hover { color:#444 !important; text-decoration:none !important; } div.favorite_count /*喜愛的人數*/ { color:#555 !important; font-size:11px !important; } div.limited_box /*私密的噗給...*/ { color:#777 !important; font-size:11px !important; } /*回應輸入區*/ td.td_cnt textarea, textarea#input_small { background:#fff !important; color:#333 !important; font-size:11px !important; padding:4px; min-height:80px; line-height:18px; letter-spacing:0.08em; } /*使用者名稱*/ .mini_form .qual_holder { color:#111 !important; font-size:11px !important; } .mini_form .char_updater {color:#999 !important;} /*尚餘字數*/ .char_updater span {color:#ccc!important;font-size:10px !important;} /*按Enter送出*/ /*-----刪除,編輯,消音,取消-----*/ .manager, .manager a, .manager .action { font-size:10px !important; } .manager .cancel, .manager .delete, .unmute, .mute { font-size:10px !important; } /*隱藏已經消音的噗*/ .muted {filter:alpha(opacity=20); opacity:0.2; zoom:1;} /*-----無回應 : )-----*/ .list .empty { color:#ddd !important; background:url(http://pupe.ameba.jp/image/emoji/005.gif) no-repeat 50% 0px transparent; /*放背景圖*/ margin:20px 0 0 0; padding:30px 0 0 0; text-indent:-9999px; } /*-----新回應的底色-----*/ .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; filter:alpha(opacity=91) !important; opacity:0.91 !important; zoom:1; } /*-----原噗者的回應-----*/ .list .highlight_owner .td_qual a /*暱稱*/ { color:#111 !important; text-decoration:none; } .list .highlight_owner .plurk_cnt, .list .highlight_owner .plurk_cnt tr { background:#FFFFF0 !important; } /*-----影音圖片-----*/ .youtube img, .video img, .pictureservices img { border:0px solid #fff !important; filter:alpha(opacity=100); opacity:1; zoom:1; } .youtube:hover img, .video:hover img, .pictureservices:hover img { border:1px solid #FFFFF0 !important; filter:alpha(opacity=100); opacity:1; zoom:1; } /*-----文字設定-----*/ #timeline_holder .plurk_cnt { font-size:11px !important; line-height: 1.6em; letter-spacing:0.08em; } .list .plurk_cnt { background:none !important; font-size:11px !important; line-height: 1.6em; letter-spacing:0.08em; padding:4px; border-bottom:1px dotted #eee !important; } .td_cnt .text_holder { color:#666 !important; } /*-----噗上的連結-----*/ .plurk a.ex_link, .text_holder a.ex_link, .plurk a.ex_link:visited, .plurk a.ex_link:active, div.bigplurk h1.content a.ex_link, /*單噗頁面連結*/ #plurk_responses ul.responses .message a, .plurk_content a.ex_link /*單噗回應列表連結*/ { color:#111 !important; text-decoration:underline !important; } .plurk a.ex_link:hover, .text_holder a.ex_link:hover, div.bigplurk h1.content a.ex_link:hover, .plurk_content a.ex_link:hover { color:#111 !important; text-decoration:none !important; } /*-----噗上的人名-----*/ .td_qual span a, .td_qual span a:hover { font-weight:bold !important; text-decoration:none !important; } /*-----回應時間標示-----*/ .response_time .plurk_cnt, div.response_time { background:none !important; border:0 !important; } div.response_time .holder { background:#fff !important; color:#555 !important; font-size:9px !important; border:1px solid #ddd !important; letter-spacing:0.03em; -moz-border-radius:6px 0px 6px 0px; -khtml-border-radius:6px 0px 6px 0px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:0px; padding:4px 5px; } /*-----回應數-----*/ .response_count { font-size:9px !important; color:#333 !important; background:none !important; } .new .response_count /*新回應*/ { background:#fff !important; border:0 !important; font-size:9px !important; color:green !important; font-weight: bold; text-decoration: blink; padding:5px !important; -moz-box-shadow: 0px 0px 5px lightgreen; -webkit-box-shadow: 0px 0px 5px lightgreen; box-shadow: 0px 0px 5px lightgreen; -moz-border-radius:6px 0px 6px 0px; -khtml-border-radius:6px 0px 6px 0px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:0px; } .dots .inner /*中間的...*/ { background:none; border:none; height:0; width:0; padding:0; margin:0; overflow:hidden; font-size:0px; } /*======================== 單則訊息 ========================*/ div.bigplurk .user-nick, /*暱稱*/ .user-nick:hover { font-size:14px !important; font-weight:bold !important; } div.bigplurk h1.content .plurk_content /*文字設定*/ { font-size:14px !important; line-height:1.5em !important; letter-spacing:0.08em; color:#666 !important; } div.contentwrapper h1.content /*內容區*/ { border-top:0 !important; border-left:0 !important; border-right:1px solid #ddd !important; border-bottom:0 !important; filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1; -moz-border-radius:0px 25px 0px 0px; -khtml-border-radius:0px 25px 0px 0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; } div.time /*時間區*/ { border-top:0 !important; border-left:0 !important; border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important; filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1; -moz-border-radius:0px 0px 0px 25px; -khtml-border-radius:0px 0px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } /*-----噗主代表圖-----*/ img.bubble_edge /*箭頭*/ {filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;} div.user img /*圖片*/ { padding:3px; background:none !important; border:3px solid #cceecc !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } /*-----上一則下一則-----*/ #prev_plurk, #next_plurk, #prev_plurk:hover, #next_plurk:hover { background:#fff !important; border:1px solid #ddd !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } /*透明度變化*/ #prev_plurk, #next_plurk {filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;} #prev_plurk:hover , #next_plurk:hover {filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;} /*-----回應列表-----*/ #plurk_responses ul.responses { background:rgba(255,255,255,0.4) !important; border:1px solid #eee !important; -moz-border-radius:0px 25px 0px 25px; -khtml-border-radius:0px 25px 0px 25px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:25px; } #plurk_responses h2 {font-size:13px; color:#333 !important;} /*標題*/ div #plurk_responses h2 a, /*回應連結*/ #plurk_responses div.feed-link a { font-size:13px; background:none !important; } div #plurk_responses h2 a:hover, #plurk_responses div.feed-link a:hover { background:none !important; } #plurk_responses ul.responses li /*每則回應*/ { background:#fff !important; border-color:#eee !important; line-height:1.6em !important; font-size:11px !important; } ul.responses .message /*文字設定*/ { color:#666 !important; font-size:11px !important; } #plurk_responses ul.responses .message a.user /*暱稱*/ { color:#444 !important; text-decoration:none !important; } img.avatar /*噗友代表圖*/ { border:1px solid #fff !important; background:none !important; } /*-----回應時間-----*/ ul.responses li:hover span.time { color:#777 !important; font-size:9px !important; text-transform:normal; } ul.responses .highlight_owner .time /*原噗者回應時間*/ { border-bottom:1px solid #ddd !important; background:none !important; } /*-----下方回應區-----*/ #reply_box, #reply_box_holder { background:none !important; border:0 !important; } /*使用者名稱*/ #reply_box_holder .qual_holder {color:#fff !important; font-size:14px !important; } /*輸入內容*/ #reply_box #input_big {font-size:13px; color:# !important;} /*-----登入或註冊以回應-----*/ div #not_logged_in h2, div #not_logged_in h2 a { background:none !important; font-size:13px; text-decoration:none !important; color:#666 !important; } div #not_logged_in h2 a:hover { color:#111 !important; } /*======================== 功能視窗 ========================*/ /*-----浪上噗友小視窗-----*/ .AmiMenu.info_menu, .AmiMenu.info_menu .block { border:0 !important; -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; padding:3px; } .AmiMenu.info_menu .block /*舉報濫用*/ { background:#dd4466 !important; } /*-----說明小視窗-----*/ .tooltip_cnt { color:#444 !important; background:#eeffee !important; border:3px solid #ddeecc !important; padding:3px; font-size:11px !important; -webkit-box-shadow:0 2px 5px rgba(255,255,255,0.3); -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease; -moz-box-shadow:0 2px 5px rgba(255,255,255,0.3); -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease; -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; } .tooltip_cnt img {margin:3px;} /*噗友代表圖*/ .AmiTT_main {background:none !important; border:0 !important;} /*背景箭頭*/ /*-----功能視窗-----*/ /*標題列*/ .GB_Window .header td.caption, .GB_Window .close { color:#fff; background:#77bb77 !important; } /*內框*/ .GB_Window .header { border:1px solid #99ee99 !important; } .GB_Window .content { border-color:#99ee99 !important; } /*外框*/ .GB_Window, .GB_Gallery .iframe_holder { -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3); -webkit-transition:-webkit-box-shadow 0.2s ease, background 0.5s ease; -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3); -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease; -moz-transition:-moz-box-shadow 0.2s ease, background 0.5s ease; -moz-border-radius:7px 7px 7px 7px; -khtml-border-radius:7px 7px 7px 7px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:7px; } /*更換標題列箭頭*/ .GB_Window .close span { background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/white/x_14x14.png) no-repeat 0 0; border:none!important; width:18px; margin-right:4px; color:#77bb77; } /*更換關閉圖示*/ img[src="http://www.plurk.com/static/greybox/w_close1.gif"] {filter:alpha(opacity=0); opacity:0; zoom:1;} .GB_Gallery .content { background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/white/x_14x14.png) right 5px no-repeat !important; } /*隱藏影片在背景播放*/ .content div .hide_window, div .hide_window a { background:none !important; } /*-----註冊/登入-----*/ #top_login a#sign_up, #validate_email, #sign_up_small, #registerToday, .plurk_box .login_to_see a, .red_link { background:none !important; color:#555 !important; border:0 !important; font-size:11px !important; text-decoration:none !important; } #top_login a#sign_up { font-size:0px !important; } .plurk_box .login_to_see { background:#fff !important; border-color:#ddd !important; font-weight:normal !important; } /*------------隱藏單則訊息廣告區、外掛連結視窗------------*/ #top_login a#sign_up, #getting_started, div .adsense { height:0 !important; width:0 !important; overflow:hidden; padding:0 !important; margin:0 !important; filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1; } #plurk_ads { max-height:0px !important;max-width:0px !important; background:rgba(255,255,255,0.9) !important; border-bottom:1px dotted #eee !important; border-top:1px dotted #eee !important; font-size:11px !important; color:#fff !important; border-radius:3px; } #form_holder .caption {z-index:9999;position:relative;} /*分享與表情選項圖片*/ .cmp_media_off, .cmp_media_on, .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://static.plurk.com/static/icons/emoticon_off.png"], img[src="http://static.plurk.com/static/icons/emoticon_on.png"], img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"], img[src="http://static.plurk.com/static/icons/emoticon_mini_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_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_light/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_light/lock_stroke_12x16.png) no-repeat scroll top left; width: 12px; height: 16px; } /*同步訊息視窗*/ #sync_checked_form { font-size:12px !important; color:#333; width:240px; background:#e1e1e1; border-color:#ddd !important; top:-60px !important; border-radius:2px; } #sync_checked_ul a {color:#333;} .upper_arrow {filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;} /*私訊圖示*/ img[src="http://statics.plurk.com/c550f52f61da13964d5415c07b7506ca.png"] {filter:alpha(opacity=0); opacity:0; zoom:1;} .private { background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/padlock-closed.png) no-repeat 0 0; } /*轉噗圖示*/ img[src="http://statics.plurk.com/2da9c174ff4bce649887dba83a97222e.png"] {filter:alpha(opacity=0); opacity:0; zoom:1;} .replurk { background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/media-repeat-alt.png) no-repeat 0 0; } .manager .replurk {background:none !important;} /*說讚圖示*/ img[src="http://statics.plurk.com/ffdca9715cfcd8ea7adc140c1f9d37df.png"] {filter:alpha(opacity=0); opacity:0; zoom:1;} .favorite_icon { background: url(http://i614.photobucket.com/albums/tt230/m66660000/icon/icon1/16/star.png) no-repeat 0 0; } /*單一噗頁面連結*/ .perma_link { margin-left:5px; padding-left:19px; 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; } /*刪除與回覆回應圖示*/ .reply_to { background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/comment_stroke_12x11.png) no-repeat scroll 1px 2px; } .reply_to:hover { background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/comment_stroke_12x11.png) no-repeat scroll 1px 2px; } .del_icon { background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/x_7x7.png) no-repeat scroll 5px 4px; } .del_icon:hover { background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_light/x_7x7.png) no-repeat scroll 5px 4px; } /*分享人數圖片隱藏*/ #replurkers_holder { display : none; height:0 !important; width:0 !important; } /*分享連結區塊*/ .plurk a.oembed, .plurk a.oembedmeta, .plurk a.youtube.video, .plurk a.appledaily, .plurk a.gmap, .plurk_content a.oembed, .plurk_content a.oembedmeta, .plurk_content a.youtube, .plurk_content a.appledaily, .plurk_content a.gmap { padding-left:7px; border:0 !important; border-left:5px solid #ccc !important; font-size:12px !important; color:#999 !important; } .plurk a.oembed:hover, .plurk a.oembedmeta:hover, .plurk a.youtube.video:hover, .plurk a.appledaily:hover, .plurk a.gmap:hover, .plurk_content a.oembed:hover, .plurk_content a.oembedmeta:hover, .plurk_content a.youtube:hover, .plurk_content a.appledaily:hover, .plurk_content a.gmap:hover { background:none; border:0 !important; border-left:5px solid #aaa !important; color:#666 !important; } a.youtube img, a.oembed img, a.oembedmeta img, a.appledaily img, a.gmap img { max-width:80px !important; background:none !important; border:0 !important; padding:1px; border:1px solid #c4c4c4; border-radius:3px; } a.youtube:hover img, a.oembed:hover img, a.oembedmeta:hover img, a.appledaily:hover img {max-width:80px!important; border:0 !important;} /*影片圖大小修正*/ .youtube img, .youtube:hover img, .video img, .video:hover img { max-width:80px !important; max-height:60px !important; } p#about_me a.youtube.video { font-size:0px !important; max-height:45px !important; overflow:hidden;_overflow:none; } p#about_me .youtube img, p#about_me .youtube:hover img {border:0 !important;} /*播放箭頭*/ .video img.media_play_icon {} .video:hover img.media_play_icon {} img[src="http://statics.plurk.com/003e5e225479d6b82e8ffb93c26b6a01.png"] {filter:alpha(opacity=80); opacity:0.8; zoom:1;} /*圖片*/ .pictureservices img, .plurk a.pictureservices img { padding:2px; margin-top:2px; margin-left:3px; border:0 !important; border-radius:3px; background:none !important; } .pictureservices:hover img, .plurk a.pictureservices:hover img { background:none !important; border:0 !important; box-shadow:1px 2px 3px rgba(0,0,0,0.2); } /*表情視窗*/ #emoticon_selecter /*選單背景*/ { border-color:#ccc !important; } #emoticon_selecter #emoticons_tabs ul /*顯示所有選單*/ { overflow:visible !important; } #emoticons_show /*圖片背景*/ { padding:4px; padding-top:10px!important; border-top:0 !important; width:422px !important; overflow:auto !important; } #emoticon_selecter img, #emoticon_selecter a:hover img {border:0 !important;} #emoticon_selecter #emoticons_tabs {padding:6px 0px 0 !important; } #emoticon_selecter #emoticons_tabs { background:none !important; border-color:#fff !important; } #emoticon_selecter #emoticons_tabs li { background:#eee !important; border-color:#ccc !important; font-size:90% !important; } #emoticon_selecter #emoticons_tabs li.current { background:#fff !important; } #emoticons_tabs ul li a /*連結*/ { color:#888 !important; /*8099ad*/ font-weight:normal !important; } #emoticons_tabs ul li.current a /*正選連結*/ { color:#222 !important; /*133d5f*/ } #emoticons_show .red_link /*額外 連結*/ { background:none !important; font-weight:normal; font-size:11px; color:#ccc !important; text-decoration:none !important; } #emoticons_show input.orange-but /*自訂表情新增按鈕*/ { background:#ccc !important; border-color:#ddd !important; font-size:12px !important; } .emoticons_my .add-emoticon-panel div.popup /*新增視窗*/ { background:#ccc !important; border-color:#ddd !important; font-size:11px !important; color:#333 !important; width:340px; } .emoticons_my .add-emoticon-panel input.col-right, .emoticons_my .add-emoticon-panel input.col-right:focus { background:#eee !important; border-color:#ccc !important; font-size:11px !important; color:#555 !important; width:200px !important; } .emoticons_my .add-emoticon-panel .col-left { width:auto !important; margin-left: 10px !important; } div.bottom_start.time_start.div_bottom { color: #F10F01; } /*------------------------------------------------------------------------ Date: 2011-06-05 reeditdate2012-01-31 Design by: Be Myself Inc. M6 -- 此噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 -- -- Copyright: 版權所有 保留一切權利 All Rights Reserved -- ------------------------------------------------------------------------*/ ```