Kali ini tersedia CSS layout plurk, karena biar gak ribet bikin-bikinya.. Dan karena plurk-layout.com sudah tidak bisa di gunakan lagi.
Kalian tinggal copy paste saja CSS di bawah ini :
/*======================== 背景設定 ========================*/
/*-----畫面背景-----*/
html
{
background:#000 url(http://almasmaris.files.wordpress.com/2010/10/222389_1270379757_large.jpg) left top repeat;
overflow-x:hidden !important;
}
body
{
background:none !important;
}
/*清除系統預設邊界*/
body {margin:0;padding:0;}
* html {margin-top:-1px;}
/*-----時間軸背景-----*/
#timeline_holder,
#timeline_bg .day_bg .div_inner,
#bottom_line
{
background:none;
border:0 !important;
}
.day_start .bottom_start, .day_start .div_start /*日*/
{
color:#b31 !important;
font-size:11px !important;
margin-top:-3px !important;
}
.bottom_start, .bottom_end /*時*/
{
color:#fa3 !important;
font-size:10px !important;
}
/*-----時間軸背景高度與位置調整-----*/
#timeline_holder
{
position:relative !important;
margin-left:220px;
}
#timeline_holder,
#timeline_cnt,
#timeline_bg,
#timeline_fg
{
height:600px !important;
}
#bottom_line /*底軸*/
{
top:603px !important;
}
.div_inner /*日軸*/
{
height:580px !important;
}
#timeline_bg .day_bg .div_inner /*日期標注*/
{
height:0px !important;
}
#time_show /*每則時間*/
{
top:623px !important;
height:20px !important;
z-index:1113;
background:rgba(0,0,0,0.8) !important;
border:1px solid #110000 !important;
padding: 2px 12px !important;
}
#time_show span
{
color:#bb0000;
font-size:11px !important;
}
/*-----主控台版面排列-----*/
#dashboard_holder
{
text-align:left !important;
width:100%;
}
div#plurk-dashboard
{
width:218px !important;
height:520px !important;
overflow:hidden !important;
position:absolute !important;
z-index:901;
top:-620px;
left:0px;
background:rgba(0,0,0,0.01) !important;
border:1px solid #000 !important;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
font-size:11px !important;
line-height:1.3em !important;
color:#661111 !important;
}
div#plurk-dashboard:hover
{
background:rgba(0,0,0,0.33) !important;
width:218px !important;
height:640px !important;
overflow:hidden !important;
}
div#plurk-dashboard a
{
color:#b31 !important;
}
div#plurk-dashboard a:hover
{
color:#fa3 !important;
}
.dash-segment
{
width:218px;
min-height:10px !important;
height:auto !important;
}
p#about_me
{
max-height:200px !important;
overflow:hidden !important;
}
#dash-friends, #dash-fans
{
max-height:30px !important;
overflow:hidden !important;
}
#dash-stats
{
max-height:40px !important;
overflow:hidden !important;
}
#dash-stats td
{
color:#fd5 !important;
}
p#about_me:hover, #dash-stats:hover, #dash-friends:hover, #dash-fans:hover
{
max-height:300px !important;
-moz-transition:max-height 0.4s ease-in; /*滑入效果*/
-webkit-transition:max-height 0.4s ease-in;
-o-transition:max-height 0.4s ease-in;
}
.segment-content
{
padding-top:0px !important;
padding-bottom:0px !important;
}
#dash-profile
{
margin-top:10px;
}
.show_all_friends
{
text-align:center;
font-size:11px !important;
}
#dash-stats h3
{
margin-top:0px !important;
}
.karma_hover
{
color:#fa3;
font-size:22px;
}
#karma
{
font-size:23px !important;
color:#bb0000 !important;
text-shadow: #111 !important;
}
.award_bar
{
width:200px !important;
padding:0 !important;
margin-top:px !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);
}
#dash-stats .award_bar div
{
width:20px !important;
}
.friend_holder {margin-top:0px;}
.friend_holder table
{
margin-top:0px;
margin-left:auto;
margin-right:auto;
}
.friend_holder td
{
padding:0px 1px !important;
margin:0px !important;
}
.friend_holder .user_link
.friend_holder .user_link:hover
{
padding:0px !important;
}
.user_link
{
border:1px solid #000 !important;
}
div#fan_holder
{
font-size:0px !important;
}
#private_plurk,
#friend_managment,
#fan_managment
{
margin-top:12px !important; /*各區塊上方間距*/
height:0px !important; /*各區塊下方間距*/
}
a.friend_man
{
border:0 !important;
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
padding-left:19px !important;
color:#fff !important;
font-size:11px !important;
}
a.friend_man:hover
{
color:#111 !important;
}
/*隱藏項目*/
#dynamic_logo, #logo img, img#creature,
.block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
#top_login a#sign_up, #getting_started, div .adsense,
#dash-stats h2, #dash-friends h2, #dash-fans h2,
.link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
#dash-friends p, #dash-friends form,
div #tw_help, div a#dashboard-invite, div #sharePlurk,
#block_user,
.dash-icon
{
display : none;
height:0 !important;
width:0 !important;
overflow:hidden;_overflow:none;
position:fixed;
top:-9000px;
}
/*-----發噗區位置-----*/
div#plurk_form
{
position: absolute !important;
top:-230px !important;
left:250px;
z-index:900;
margin-top:20px !important;
width:750px !important;
}
#toggle_tab
{
z-index:902;
top:-233px !important;
left:250px;
}
/*-----發噗區背景-----*/
.plurkaction,
#toggle_tab li.tt_selected
{
background:none;
border:0 !important;
}
/*-----所有訊息功能列位置調整-----*/
#filter_tab
{
position:absolute;
top:560px;
right:20px;
z-index:1111;
}
/*-----更新通知位置調整-----*/
#updater
{
margin-left:220px !important; /*320*/
}
/*======================== 頁首頁尾 ========================*/
/*-----登入列背景-----*/
#top_login
{
background:rgba(0,0,0,0.1) !important;
margin:0;
margin-bottom:5px;
padding-right:10px;
height:20px;
border-bottom:1px solid #110000;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2); /*CSS3陰影*/
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-o-box-shadow: 0 3px 5x rgba(0,0,0,0.2);
-ms-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
/*-----隱藏頁首小圖並縮短間距-----*/
#top_bar .item img
{
width:0 !important;
margin:0 !important;
filter:alpha(opacity=0); opacity:0; zoom:1;
}
/*-----標題-----*/
#page_title
{
color:#fd5 !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:10px !important;
color:#bb0000 !important;
font-weight:300 !important;
text-transform:normal !important;
text-decoration:none !important;
letter-spacing:1px;
}
#top_login a:hover,
#top_bar a:hover,
#top_bar .content a:hover#edit_link,
#footer a:hover
{
color:#bb3311 !important;
}
/*======================== 顯示訊息 ========================*/
#empty_timeline_bg {text-transform:normal; font-size:0px;}
#empty_timeline_fg
{
color:#fd5 !important;
font-size:18px !important;
text-decoration:none !important;
text-shadow:0pt 0px 2px #111; /*陰影*/
}
#empty_timeline_fg a {text-transform:normal;color:#fa3 !important;}
#empty_timeline_fg a:hover {text-transform:normal;}
/*======================== 往前往後 ========================*/
.cmp_arrow_right
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/arrow_right_alt1_32x32.png);
width:32px; height:32px;
margin:0;
}
.cmp_arrow_left
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/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/red/first_16x16.png);
width:16px; height:16px;
margin-left:10px;
margin-top:10px;
}
.browse_button
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
.browse_button:hover
{filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;}
/*======================== loading ========================*/
.cmp_loading {width:0px;height:0px;} /*主畫面*/
#div_loading .cnt
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader01.gif) no-repeat scroll center !important;
margin-top:140px;
}
.loading img {width:0px;height:0px;} /*每則噗*/
.loading
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader03.gif) no-repeat scroll center top !important;
margin-top:30px;height:24px;
filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;
}
/*======================== 所有訊息 ========================*/
#filter_tab a.off_tab,
#filter_tab a.filter_selected
{
background:rgba(0,0,0,0.01) !important;
border:1px solid #fa3 !important;
color:#fd5 !important;
font-size:11px !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#filter_tab a.filter_selected
{
background:rgba(0,0,0,0.6) !important;
border:1px solid #111 !important;
color:#bb0000 !important;
}
.unread_generic,
#filter_tab a.filter_selected .unread_generic
{
background:#661111 !important;
color:#fff !important;
}
/*滑鼠移至效果*/
#filter_tab a.off_tab:hover,
#filter_tab a.filter_selected:hover
{
color:#fff !important;
text-decoration:none !important;
}
/*======================== 更新通知 ========================*/
#updater, #music_player
{
font-size:12px !important;
color:#fff !important;
background:rgba(0,0,0,0.8) !important;
border:1px solid #111 !important;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:3px 12px;
}
#updater .text {color:#fff !important;} /*則數*/
#updater a, #music_player a
{
color:#bb0000 !important;
}
#updater a:hover, #music_player a:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*隱藏中間的間隔線*/
.cmp_poll_line
{
filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
width:0 !important;
overflow:hidden;
}
/*======================== 發噗區 ========================*/
/*使用者名稱*/
#main_poster .qual_holder
{
color:#b31 !important;
font-size:16px !important;
}
/*尚餘字數*/
.char_updater {color:#fff !important;}
/*超過字數*/
.char_highlight {color:#bb0000 !important;background:#000 !important;}
.char_highlight a {color:#b31 !important;background:none !important;}
/*對齊中間*/
.plurkForm td {vertical-align:middle !important;}
/*-----輸入框-----*/
textarea#input_big_private, /*發送私密噗視窗*/
textarea#input_big_private.content,
textarea#input_big, /*發噗輸入*/
textarea#input_permalink,
textarea#input_big.content,
input#current_query /*搜尋輸入*/
{
background:rgba(0,0,0,0.01) !important;
border:1px solid #000 !important;
color:#fff !important;
font-size:16px !important;
line-height:1.5;
padding:5px 5px;
min-height:50px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
input#current_query, /*搜尋輸入*/
input#current_query:focus
{
color:#fff !important;
min-height:30px !important;
}
/*使用中狀態*/
textarea:focus,
textarea#input_big_private:focus,
textarea#input_big:focus,
textarea#input_permalink:focus,
input#current_query:focus,
input:focus,
select:focus
{
color:#fff !important;
background:rgba(0,0,0,0.6) !important;
border:1px solid #333 !important;
-moz-box-shadow:0px 0px 5px #fd9;
-webkit-box-shadow:0px 0px 5px #fd9;
box-shadow:0px 0px 5px #fd9;
}
/*-----頁籤-----*/
#toggle_tab,
#toggle_tab li,
#toggle_tab li.tt_selected
{
color:#bb0000 !important;
font-size:14px !important;
text-transform:uppercase; /*皆大寫*/
}
#toggle_tab {margin-left:px;}
/*隱藏頁籤圖示*/
#toggle_tab li span#plurk_tab,
#toggle_tab li span#search_tab
{
width:0px !important;
}
/*-----發噗按鈕-----*/
.cmp_plurk
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
}
/*-----搜尋按鈕-----*/
input.orange-but
{
background:#111 !important;
color:#fff !important;
font-size:18px !important;
padding:5px 4px !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;
}
.u_search,.u_search a, /*搜尋其它會員*/
.share_search b /*分享搜尋結果*/
{
color:#bb0000 !important;
font-weight:normal;
}
/*======================== 微笑表情 ========================*/
.smily_holder img
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
.smily_holder
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/chat_alt_fill_24x24.png) center center no-repeat; /*填滿*/
padding-right:24px;
padding-left:0 !important;
margin:0 !important;
width:24px !important;
}
/*======================== 語助詞 ========================*/
/*語助詞旁的箭頭符號*/
.dd_img img
{
filter:alpha(opacity=50) !important;opacity:0.5 !important; zoom:1;
}
.qualifier, .m_qualifier, .r_qualifier, /*所有*/
div.bigplurk .r_qualifier /*單噗頁面上下則*/
{
background:none !important; /*將外觀的背景去除*/
border:0 !important;
}
.qualifier, /*浪上*/
.mini_form .m_qualifier, /*浪上每則噗發噗區*/
.r_qualifier /*單噗頁面字*/
{
font-size:12px !important;
}
.m_qualifier, /*發噗區*/
#reply_box .m_qualifier, /*單一噗浪發噗區*/
.content .r_qualifier /*單噗主噗區*/
{
font-size:15px !important;
}
/*-----各欄位-----*/
.qual_menu .q_freestyle,
.q_freestyle,
td .q_freestyle /*自由發揮*/
{
background:none !important;
color:#999 !important;
}
.qual_menu .q_loves,
.q_loves,
td .q_loves /*愛*/
{
background:none !important;
color:#B20C0C !important;
}
.qual_menu .q_likes,
.q_likes,
td .q_likes /*喜歡*/
{
background:none !important;
color:#CB2728 !important;
}
.qual_menu .q_shares,
.q_shares,
td .q_shares /*分享*/
{
background:none !important;
color:#A74949 !important;
border:0 !important;
}
.qual_menu .q_gives,
.q_gives,
td .q_gives /*給*/
{
background:none !important;
color:#620E0E !important;
}
.qual_menu .q_hates,
.q_hates,
td .q_hates /*討厭*/
{
background:none !important;
color:#ccc !important;
}
.qual_menu .q_wants,
.q_wants,
td .q_wants /*想要*/
{
background:none !important;
color:#8DB241 !important;
}
.qual_menu .q_wishes,
.q_wishes,
td .q_wishes /*期待*/
{
background:none !important;
color:#5BB017 !important;
}
.qual_menu .q_needs,
.q_needs,
td .q_needs /*需要*/
{
background:none !important;
color:#7A9A37 !important;
}
.qual_menu .q_will,
.q_will,
td .q_will /*打算*/
{
background:none !important;
color:#B46DB9 !important;
}
.qual_menu .q_hopes,
.q_hopes,
td .q_hopes /*希望*/
{
background:none !important;
color:#e05be9 !important;
}
.qual_menu .q_asks,
.q_asks,
td .q_asks /*問*/
{
background:none !important;
color:#8361bc !important;
}
.qual_menu .q_has,
.q_has,
td .q_has /*已經*/
{
background:none !important;
color:#777 !important;
}
.qual_menu .q_was,
.q_was,
td .q_was /*曾經*/
{
background:none !important;
color:#525252 !important;
}
.qual_menu .q_wonders,
.q_wonders,
td .q_wonders /*好奇*/
{
background:none !important;
color:#2e4e9e !important;
}
.qual_menu .q_feels,
.q_feels,
td .q_feels /*覺得*/
{
background:none !important;
color:#2D83BE !important;
}
.qual_menu .q_thinks,
.q_thinks,
td .q_thinks /*想*/
{
background:none !important;
color:#689CC1 !important;
}
.qual_menu .q_says,
.q_says,
td .q_says /*說*/
{
background:none !important;
color:#b31 !important;
}
.qual_menu .q_is,
.q_is,
td .q_is /*正在*/
{
background:none !important;
color:#E57C43 !important;
}
/*-----表格欄位-----*/
.qual_menu td /*選單表格*/
{
text-align:center !important;
font-size:12px;
}
.qual_menu
{
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
.qual_menu .on
{
color:#FFF !important;
text-shadow:0px 0px 5px #eeeeee; /*陰影*/
}
/*======================== 表情選單 ========================*/
#emoticons_show /*圖片背景*/
{
background:#fff;
border:0 !important;
border-top:1px solid #fd5 !important;
padding-top:10px;
}
#emoticon_selecter /*選單背景*/
{
text-align:center;
position:absolute;
background:#fa3;
border:1px solid #fa3 !important;
width:400px !important;
overflow:no;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
#emoticon_selecter img {border:2px solid #fff !important;}
#emoticon_selecter a:hover img {border:2px solid #bebebe !important;}
#emoticons_tabs ul li
{
background:#fa3;
font-size:12px;
font-weight:500;
text-transform:normal;
margin-left:0px;
border:0 !important;
}
#emoticons_tabs ul li a {color:#000 !important;}
#emoticons_tabs ul li.current a {color:#111 !important;}
#emoticons_tabs ul li.current /*項目 正選*/
{
background:#fd9 !important;
border:0 !important;
font-weight:500;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
#emoticon_selecter a:hover,
#emoticons_tabs ul li a:hover
{
color:#111 !important;
}
#emoticons_show .red_link /*額外 連結*/
{
background:none !important;
font-weight:normal;
font-size:11px;
text-decoration:none !important;
}
/*======================== 私人選項 ========================*/
#more_options_link /*打開前背景*/
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/lock_fill_9x12.png) left top no-repeat !important;
padding-left:15px !important;
border:0 !important;
color:#b31 !important;
font-size:11px !important;
}
#more_options td,
#more_options .caption,
#more_options_holder
{
background:none !important;
border:0 !important;
color:#b31 !important;
font-size:12px !important;
text-decoration:none !important;
}
#more_options_holder /*打開後背景*/
{
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
}
.small {font-size:10px !important;} /*欄位說明*/
.advert a {font-size:0px !important;} /*噗浪同步訊息至FB*/
.private_to {color:#bb0000 !important;} /*私人訊息給...*/
.private_to b, /*私人訊息*/
.selectedSmartInputItem, .selectedSmartInputItem a, /*移動選擇*/
.selectedSmartInputItem a:hover,
.auto_ta .person /*已選擇的噗友底色*/
{
background:#111 !important;
color:#fff !important;
font-size:12px !important;
font-weight:normal !important;
text-decoration:none !important;
}
#smartInputFloaterContent /*下拉選單*/
{
background:#f4f4f4 !important;
}
.private_to b, /*私人訊息*/
.auto_ta .person /*已選擇的噗友底色*/
{
padding:2px 4px;
}
.wickEnabled, .wickEnabled:focus /*輸入欄*/
{
background:none !important;
border:0 !important;
color:#fff !important;
-moz-box-shadow:0px 0px 0px #ccc;
-webkit-box-shadow:0px 0px 0px #ccc;
box-shadow:0px 0px 0px #ccc;
}
/*======================== 浪上的噗 ========================*/
#timeline_holder div.plurk /*淡入*/
{
-moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
-moz-transform-origin:0 0;
-webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
-webkit-transform-origin:0 0;
}
#timeline_cnt /*淡入過場*/
{
-moz-animation-name:fadeIn;
-moz-animation-iteration-count:1;
-moz-animation-duration:1.5s;
-webkit-animation-name:fadeIn;
-webkit-animation-iteration-count:1;
-webkit-animation-duration:1.5s;
}
@-webkit-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
/*浪上的噗往下移*/
.plurk {margin-top:10px;}
/*浪上噗的最小高度*/
.plurk .truncated {min-height:23px;}
/*讓超過時間軸的噗內容出現*/
#timeline_cnt,
#timeline_bg,
#timeline_fg {overflow: visible !important;}
/*表格寬度*/
.list table {width:100% !important;}
/*列表延伸動態*/
.list
{
-webkit-transition:height 0.5s ease;
-moz-transition:height 0.5s ease;
}
/*-----噗外框設定(整體)-----*/
.block_cnt .plurk_cnt
{
background:rgba(255,255,255,0.8) !important;
border:1px solid #000 !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 5px 4px 25px !important;
margin:-5px 0px 0px -27px !important;
}
.block_cnt .link_extend .plurk_cnt /*滑鼠移過去延伸的噗*/
{
background:rgba(255,255,255,0.99) !important;
border:1px solid #000 !important;
min_height:40px;_height:px;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
box-shadow:0px 0px 5px rgba(255,255,255,0.3);
}
.block_cnt .plurk_box .plurk_cnt /*噗打開後*/
{
background:rgba(255,255,255,0.99) !important;
border:1px solid #111 !important;
}
.link_extend {z-index:2300;}
/*-----噗整體底色-----*/
.plurk_cnt,
.plurk_box .list,
.plurk_box .mini_form,
td.td_cnt texture,
textarea#input_small
{
background:rgba(255,255,255,0.99) !important;
}
/*框線顏色*/
.plurk_box .caption,
.plurk_box .list,
.plurk_box .mini_form,
.info_box
{
border-color:#111 !important;
}
/*-----文字設定-----*/
#timeline_holder .plurk_cnt
{
font-size:13px !important;
line-height:21px !important;
letter-spacing:0.06em;
}
.list .plurk_cnt
{
background:none !important;
font-size:13px !important;
line-height:21px !important;
letter-spacing:0.06em;
padding:4px;
border-bottom:1px solid #fd5 !important;
}
.td_cnt .text_holder
{
color:#111 !important;
}
/*-----浪上的頭貼-----*/
.p_img
{
border:1px solid #110000 !important;
}
/*-----回應列表標題-----*/
.plurk_box .caption
{
background:rgba(0,0,0,0.8) !important;
border-color:#111 !important;
font-size:11px !important;
color:#fd5 !important;
letter-spacing:0.06em;
}
/*-----回應列表-----*/
.plurk_box .list
{
min-height:px !important;
}
/*-----下方回應欄-----*/
.plurk_box .mini_form,
.plurk_box .login_to_see /*註冊參與回應bar*/
{
background:rgba(0,0,0,0.99) !important;
border-color:#111 !important;
}
.plurk_box .login_to_see a,
.red_link
{
background:none !important;
color:#ff0000 !important;
}
.info_box
{
background:rgba(0,0,0,1) !important;
border-color:#111 !important;
overflow-x:hidden !important;
overflow-y:hidden !important;
}
.info_box a
{
background:none !important;
color:#ccc !important;
font-size:11px !important;
}
.info_box a:hover
{
color:#fff !important;
}
div.favorite_count /*喜愛的人數*/
{
color:#bb0000 !important;
font-size:11px !important;
}
div.limited_box /*私密的噗給...*/
{
color:#b31 !important;
font-size:11px !important;
}
/*回應輸入區*/
td.td_cnt textarea,
textarea#input_small
{
background:rgba(0,0,0,1) !important;
border:1px solid #333 !important;
color:#fff !important;
font-size:13px !important;
padding:4px;
min-height:80px;
line-height:18px;
letter-spacing:;
-moz-border-radius:5x;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
/*使用者名稱*/
.mini_form .qual_holder
{
color:#b31 !important;
font-size:12px !important;
}
.mini_form .char_updater {color:#ccc !important;} /*尚餘字數*/
.char_updater span {color:#222 !important;font-size:10px !important;} /*按Enter送出*/
/*-----刪除,編輯,消音,取消-----*/
.manager, .manager a, .manager .action
{
color:#b31 !important; /*#8db6d2*/
font-size:10px !important;
}
.manager .cancel, .manager .delete, .unmute, .mute
{
color:#fa3 !important; /*#ce8c8d*/
font-size:10px !important;
}
.manager a:hover,
.manager .action:hover,
.manager .cancel:hover,
.manager .delete:hover
{
color:# !important;
text-decoration: !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:rgba(255,255,255,0.8) !important;
}
/*-----原噗者的回應-----*/
.list .highlight_owner .td_qual a /*暱稱*/
{
color:#111 !important;
text-decoration:none;
}
.list .highlight_owner .plurk_cnt,
.list .highlight_owner .plurk_cnt tr
{
background:#fd9 !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 #000 !important;
filter:alpha(opacity=100); opacity:1; zoom:1;
}
/*-----噗上的連結-----*/
.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_nav a:link, /*上一則下一則噗連結*/
#plurk_nav a:visited, #plurk_nav a:active,
#plurk_responses ul.responses .message a,
.plurk_content a.ex_link /*單噗回應列表連結*/
{
color:#b31 !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_nav a:hover,
#plurk_responses ul.responses .message a:hover,
.plurk_content a.ex_link:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*-----噗上的人名-----*/
.td_qual span a,
.td_qual span a:hover
{
color:#bb0000 !important;
font-weight:bold !important;
text-decoration:none !important;
letter-spacing:0em;
}
/*-----回應時間標示-----*/
.response_time .plurk_cnt,
div.response_time
{
background:none !important;
border:0 !important;
}
div.response_time .holder
{
background:rgba(255,255,255,0.9) !important;
color:#111 !important;
font-size:11px !important;
border:1px solid #111 !important;
letter-spacing:0.02em;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:4px 5px;
}
/*-----回應數-----*/
.td_response_count {padding-top:px;} /*對齊*/
.response_count
{
color:#fd5 !important;
background:none !important;
}
.new .response_count /*新回應*/
{
background:#ff0000 !important;
border:0px dashed #ddddcc !important;
font-size:12px !important;
font-weight: bold;
text-decoration: blink;
color:#fd9 !important;
text-shadow: 1px 1px 1px #111;
padding:5px !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
box-shadow:0px 0px 5px rgba(255,255,255,0.3);
}
.dots .inner /*中間的...*/
{
background:none;
border:none;
height:0;
width:0;
padding:0;
margin:0;
overflow:hidden;
font-size:0px;
}
/*======================== 單則訊息 ========================*/
div.bigplurk
{
width:900px;
margin-left:px;
}
div.bigplurk
.user-nick, /*暱稱*/
.user-nick:hover
{
font-size:14px !important;
color:#bb0000 !important;
}
div.bigplurk h1.content .plurk_content /*文字設定*/
{
font-size:14px !important;
line-height:23px !important;
letter-spacing:0.04em;
color:#111 !important;
}
/*-----上一則下一則-----*/
#prev_plurk, #next_plurk,
#prev_plurk:hover, #next_plurk:hover
{
background:#fff !important;
border:1px solid #111 !important;
line-height:23px !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
/*透明度變化*/
#prev_plurk, #next_plurk
{filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;}
#prev_plurk:hover , #next_plurk:hover
{filter:alpha(opacity=99) !important; opacity:0.99 !important; zoom:1;}
/*-----回應列表-----*/
#plurk_responses
{
width:800px;
padding-top:0px;
}
#plurk_responses ul.responses
{
background:rgba(255,255,255,0.1) !important;
border:0px solid #ddd !important;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
}
#plurk_responses ul.responses:hover
{
background:rgba(255,255,255,0.9) !important;
}
#plurk_responses h2 {font-size:14px; color:#bb0000 !important;} /*標題*/
div #plurk_responses h2 a, /*回應連結*/
#plurk_responses div.feed-link a
{
font-size:14px;
background:none !important;
color:#b31 !important;
}
div #plurk_responses h2 a:hover,
#plurk_responses div.feed-link a:hover
{
background:none !important;
color:#fa3 !important;
}
#plurk_responses ul.responses li /*每則回應*/
{
background:none !important;
border-bottom:1px solid #fd5 !important;
line-height:20px !important;
}
ul.responses .message /*文字設定*/
{
color:#111 !important;
font-size:13px !important;
line-height:20px !important;
}
#plurk_responses ul.responses .message a.user /*暱稱*/
{
color:#bb0000 !important;
text-decoration:none !important;
}
/*-----回應時間-----*/
ul.responses li:hover span.time
{
color:#111 !important;
font-size:11px !important;
text-transform:normal;
}
ul.responses .highlight_owner .time /*原噗者回應時間*/
{
border-bottom:1px solid #222 !important;
background:none !important;
}
/*-----訊息內連結樣式-----*/
#plurk_responses ul.responses .message a
{
color:#b31 !important;
text-decoration:underline !important;
}
#plurk_responses ul.responses .message a:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*-----下方回應區-----*/
#reply_box,
#reply_box_holder
{
background:none !important;
border:0 !important;
}
/*使用者名稱*/
#reply_box_holder .qual_holder {color:#b31 !important; font-size:15px !important; }
/*輸入內容*/
#reply_box #input_big {font-size:15px; color:# !important;}
/*-----登入或註冊以回應-----*/
div #not_logged_in h2, div #not_logged_in h2 a
{
background:none !important;
font-size:14px;
text-decoration:none !important;
color:#b31 !important;
}
div #not_logged_in h2 a:hover
{
color:#fa3 !important;
}
/*======================== 功能視窗 ========================*/
/*-----浪上噗友小視窗-----*/
.AmiMenu.info_menu,
.AmiMenu.info_menu .block
{
border:0 !important;
padding:3px;
}
.AmiMenu.info_menu .block /*舉報濫用*/
{
background:#111 !important;
color:#fff !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
/*更換整體顏色*/
.AmiMenu.info_menu,
.AmiMenu.info_menu .separator
{
background:#111 !important;
border-color:#111 !important;
color:#fa3 !important;
}
.AmiMenu.info_menu
{
border:2px solid #333 !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
.AmiMenu td
{
color:#fff !important;
}
.AmiMenu.info_menu td.on,
.AmiMenu.info_menu .user_info.on
{
background:#bb0000 !important;
color:#111 !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
.AmiMenu.info_menu .user_info.on b
{
color:#111;
font-weight:bold !important;
}
.AmiMenu.info_menu .user_info img /*噗友圖片*/
{
border:2px solid #111 !important;
}
/*-----下拉視窗箭頭-----*/
.cmp_tooltips-down
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down.png);
}
.cmp_tooltips-up
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up.png);
}
/*-----說明小視窗-----*/
.tooltip_cnt
{
color:#fd9;
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
padding:3px;
font-size:11px !important;
-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;
}
.tooltip_cnt img {margin:3px;} /*噗友代表圖*/
.AmiTT_main {background:none !important; border:0 !important;} /*背景箭頭*/
.AmiTT_main b /*名稱*/
{
color:#fd5;
font-weight:normal;
font-size:px !important;
}
/*-----功能視窗-----*/
/*標題列*/
.GB_Window .header td.caption,
.GB_Window .close
{
color:#fff;
background:#111 !important;
}
/*內框*/
.GB_Window .header
{
border:1px solid #111 !important;
}
.GB_Window .content
{
border-color:#111 !important;
}
/*外框*/
.GB_Gallery .iframe_holder,
.GB_Window
{
background:rgba(0,0,0,0.2) !important;
border:1px solid #111 !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
-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-animation-name:fadeIn;
-moz-animation-iteration-count:1;
-moz-animation-duration:0.7s;
-webkit-animation-name:fadeIn;
-webkit-animation-iteration-count:1;
-webkit-animation-duration:0.7s;
}
/*更換標題列箭頭*/
.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:#111;
}
/*更換關閉圖示*/
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/black/x_14x14.png) right 5px no-repeat !important;
}
/*隱藏影片在背景播放*/
.content div .hide_window, div .hide_window a
{
background:none !important;
color:#bb0000 !important;
}
/*#重設CSS -------------------------------*/
/*消除圖片外框*/
img {border:none !important;}
/*去除連結虛線框*/
a:focus, :focus, a, a:link, a:visited, a:active {outline:0 !important;}
/*重置Google瀏覽器字體*/
* {-webkit-text-size-adjust:none;}
/*-----捲軸語法-----*/
/*Google瀏覽器適用*/
::-webkit-scrollbar {background:rgba(255,255,255,0.5);}
::-webkit-scrollbar-thumb {background:#eee;}
::-webkit-scrollbar-thumb:hover {background:#eee;}
::-webkit-scrollbar,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover
{
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 5px #fff;
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}
/*火狐適用*/
::-moz-scrollbar {background:rgba(255,255,255,0.5);}
::-moz-scrollbar-thumb {background:#eee;}
::-moz-scrollbar-thumb:hover {background:#eee;}
::-moz-scrollbar,
::-moz-scrollbar-thumb,
::-moz-scrollbar-thumb:hover
{
-moz-border-radius:10px;
-moz-box-shadow:0px 0px 5px #fff;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}
/*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;
}
/*-----選單語法-----*/
select, select:focus, /*下拉選單*/
input#share_link, /*分享搜尋結果*/
input#loc_field, /*搜尋其它噗浪會員*/
.auto_ta /*輸入區表格*/
{
color:#fd3 !important;
background:rgba(0,0,0,0.05) !important;
border:0 !important;
border-bottom:1px solid #222 !important;
}
/*使用中狀態*/
input#current_query:focus,
input:focus,
select:focus
{
color:#fd3 !important;
background:rgba(0,0,0,0.7) !important;
border:0 !important;
border-bottom:1px solid #333 !important;
}
/*網址欄位*/
input#share_link
{
background:none !important;
color:#fd3 !important;
}
/*-----語言字型-----*/
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', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif !important;
font-weight:normal;
text-transform:normal;
}
/*------------------------------------------------------------------------
Date: 2011-07-11
Design by: Be Myself Inc. M6
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利 All Rights Reserved --
------------------------------------------------------------------------*/
/*-----畫面背景-----*/
html
{
background:#000 url(http://almasmaris.files.wordpress.com/2010/10/222389_1270379757_large.jpg) left top repeat;
overflow-x:hidden !important;
}
body
{
background:none !important;
}
/*清除系統預設邊界*/
body {margin:0;padding:0;}
* html {margin-top:-1px;}
/*-----時間軸背景-----*/
#timeline_holder,
#timeline_bg .day_bg .div_inner,
#bottom_line
{
background:none;
border:0 !important;
}
.day_start .bottom_start, .day_start .div_start /*日*/
{
color:#b31 !important;
font-size:11px !important;
margin-top:-3px !important;
}
.bottom_start, .bottom_end /*時*/
{
color:#fa3 !important;
font-size:10px !important;
}
/*-----時間軸背景高度與位置調整-----*/
#timeline_holder
{
position:relative !important;
margin-left:220px;
}
#timeline_holder,
#timeline_cnt,
#timeline_bg,
#timeline_fg
{
height:600px !important;
}
#bottom_line /*底軸*/
{
top:603px !important;
}
.div_inner /*日軸*/
{
height:580px !important;
}
#timeline_bg .day_bg .div_inner /*日期標注*/
{
height:0px !important;
}
#time_show /*每則時間*/
{
top:623px !important;
height:20px !important;
z-index:1113;
background:rgba(0,0,0,0.8) !important;
border:1px solid #110000 !important;
padding: 2px 12px !important;
}
#time_show span
{
color:#bb0000;
font-size:11px !important;
}
/*-----主控台版面排列-----*/
#dashboard_holder
{
text-align:left !important;
width:100%;
}
div#plurk-dashboard
{
width:218px !important;
height:520px !important;
overflow:hidden !important;
position:absolute !important;
z-index:901;
top:-620px;
left:0px;
background:rgba(0,0,0,0.01) !important;
border:1px solid #000 !important;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
font-size:11px !important;
line-height:1.3em !important;
color:#661111 !important;
}
div#plurk-dashboard:hover
{
background:rgba(0,0,0,0.33) !important;
width:218px !important;
height:640px !important;
overflow:hidden !important;
}
div#plurk-dashboard a
{
color:#b31 !important;
}
div#plurk-dashboard a:hover
{
color:#fa3 !important;
}
.dash-segment
{
width:218px;
min-height:10px !important;
height:auto !important;
}
p#about_me
{
max-height:200px !important;
overflow:hidden !important;
}
#dash-friends, #dash-fans
{
max-height:30px !important;
overflow:hidden !important;
}
#dash-stats
{
max-height:40px !important;
overflow:hidden !important;
}
#dash-stats td
{
color:#fd5 !important;
}
p#about_me:hover, #dash-stats:hover, #dash-friends:hover, #dash-fans:hover
{
max-height:300px !important;
-moz-transition:max-height 0.4s ease-in; /*滑入效果*/
-webkit-transition:max-height 0.4s ease-in;
-o-transition:max-height 0.4s ease-in;
}
.segment-content
{
padding-top:0px !important;
padding-bottom:0px !important;
}
#dash-profile
{
margin-top:10px;
}
.show_all_friends
{
text-align:center;
font-size:11px !important;
}
#dash-stats h3
{
margin-top:0px !important;
}
.karma_hover
{
color:#fa3;
font-size:22px;
}
#karma
{
font-size:23px !important;
color:#bb0000 !important;
text-shadow: #111 !important;
}
.award_bar
{
width:200px !important;
padding:0 !important;
margin-top:px !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);
}
#dash-stats .award_bar div
{
width:20px !important;
}
.friend_holder {margin-top:0px;}
.friend_holder table
{
margin-top:0px;
margin-left:auto;
margin-right:auto;
}
.friend_holder td
{
padding:0px 1px !important;
margin:0px !important;
}
.friend_holder .user_link
.friend_holder .user_link:hover
{
padding:0px !important;
}
.user_link
{
border:1px solid #000 !important;
}
div#fan_holder
{
font-size:0px !important;
}
#private_plurk,
#friend_managment,
#fan_managment
{
margin-top:12px !important; /*各區塊上方間距*/
height:0px !important; /*各區塊下方間距*/
}
a.friend_man
{
border:0 !important;
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/star.png) left center no-repeat !important;
padding-left:19px !important;
color:#fff !important;
font-size:11px !important;
}
a.friend_man:hover
{
color:#111 !important;
}
/*隱藏項目*/
#dynamic_logo, #logo img, img#creature,
.block_bg .div_one_line, .small_timeline .block_bg .div_one_line,
#top_login a#sign_up, #getting_started, div .adsense,
#dash-stats h2, #dash-friends h2, #dash-fans h2,
.link_arrow, .cmp_points-arrow, .cmp_karma_up, .cmp_karma_down,
#dash-friends p, #dash-friends form,
div #tw_help, div a#dashboard-invite, div #sharePlurk,
#block_user,
.dash-icon
{
display : none;
height:0 !important;
width:0 !important;
overflow:hidden;_overflow:none;
position:fixed;
top:-9000px;
}
/*-----發噗區位置-----*/
div#plurk_form
{
position: absolute !important;
top:-230px !important;
left:250px;
z-index:900;
margin-top:20px !important;
width:750px !important;
}
#toggle_tab
{
z-index:902;
top:-233px !important;
left:250px;
}
/*-----發噗區背景-----*/
.plurkaction,
#toggle_tab li.tt_selected
{
background:none;
border:0 !important;
}
/*-----所有訊息功能列位置調整-----*/
#filter_tab
{
position:absolute;
top:560px;
right:20px;
z-index:1111;
}
/*-----更新通知位置調整-----*/
#updater
{
margin-left:220px !important; /*320*/
}
/*======================== 頁首頁尾 ========================*/
/*-----登入列背景-----*/
#top_login
{
background:rgba(0,0,0,0.1) !important;
margin:0;
margin-bottom:5px;
padding-right:10px;
height:20px;
border-bottom:1px solid #110000;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2); /*CSS3陰影*/
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
-o-box-shadow: 0 3px 5x rgba(0,0,0,0.2);
-ms-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
/*-----隱藏頁首小圖並縮短間距-----*/
#top_bar .item img
{
width:0 !important;
margin:0 !important;
filter:alpha(opacity=0); opacity:0; zoom:1;
}
/*-----標題-----*/
#page_title
{
color:#fd5 !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:10px !important;
color:#bb0000 !important;
font-weight:300 !important;
text-transform:normal !important;
text-decoration:none !important;
letter-spacing:1px;
}
#top_login a:hover,
#top_bar a:hover,
#top_bar .content a:hover#edit_link,
#footer a:hover
{
color:#bb3311 !important;
}
/*======================== 顯示訊息 ========================*/
#empty_timeline_bg {text-transform:normal; font-size:0px;}
#empty_timeline_fg
{
color:#fd5 !important;
font-size:18px !important;
text-decoration:none !important;
text-shadow:0pt 0px 2px #111; /*陰影*/
}
#empty_timeline_fg a {text-transform:normal;color:#fa3 !important;}
#empty_timeline_fg a:hover {text-transform:normal;}
/*======================== 往前往後 ========================*/
.cmp_arrow_right
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/arrow_right_alt1_32x32.png);
width:32px; height:32px;
margin:0;
}
.cmp_arrow_left
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/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/red/first_16x16.png);
width:16px; height:16px;
margin-left:10px;
margin-top:10px;
}
.browse_button
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
.browse_button:hover
{filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;}
/*======================== loading ========================*/
.cmp_loading {width:0px;height:0px;} /*主畫面*/
#div_loading .cnt
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader01.gif) no-repeat scroll center !important;
margin-top:140px;
}
.loading img {width:0px;height:0px;} /*每則噗*/
.loading
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/blackloader03.gif) no-repeat scroll center top !important;
margin-top:30px;height:24px;
filter:alpha(opacity=60) !important; opacity:0.6 !important; zoom:1;
}
/*======================== 所有訊息 ========================*/
#filter_tab a.off_tab,
#filter_tab a.filter_selected
{
background:rgba(0,0,0,0.01) !important;
border:1px solid #fa3 !important;
color:#fd5 !important;
font-size:11px !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
#filter_tab a.filter_selected
{
background:rgba(0,0,0,0.6) !important;
border:1px solid #111 !important;
color:#bb0000 !important;
}
.unread_generic,
#filter_tab a.filter_selected .unread_generic
{
background:#661111 !important;
color:#fff !important;
}
/*滑鼠移至效果*/
#filter_tab a.off_tab:hover,
#filter_tab a.filter_selected:hover
{
color:#fff !important;
text-decoration:none !important;
}
/*======================== 更新通知 ========================*/
#updater, #music_player
{
font-size:12px !important;
color:#fff !important;
background:rgba(0,0,0,0.8) !important;
border:1px solid #111 !important;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:3px 12px;
}
#updater .text {color:#fff !important;} /*則數*/
#updater a, #music_player a
{
color:#bb0000 !important;
}
#updater a:hover, #music_player a:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*隱藏中間的間隔線*/
.cmp_poll_line
{
filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;
width:0 !important;
overflow:hidden;
}
/*======================== 發噗區 ========================*/
/*使用者名稱*/
#main_poster .qual_holder
{
color:#b31 !important;
font-size:16px !important;
}
/*尚餘字數*/
.char_updater {color:#fff !important;}
/*超過字數*/
.char_highlight {color:#bb0000 !important;background:#000 !important;}
.char_highlight a {color:#b31 !important;background:none !important;}
/*對齊中間*/
.plurkForm td {vertical-align:middle !important;}
/*-----輸入框-----*/
textarea#input_big_private, /*發送私密噗視窗*/
textarea#input_big_private.content,
textarea#input_big, /*發噗輸入*/
textarea#input_permalink,
textarea#input_big.content,
input#current_query /*搜尋輸入*/
{
background:rgba(0,0,0,0.01) !important;
border:1px solid #000 !important;
color:#fff !important;
font-size:16px !important;
line-height:1.5;
padding:5px 5px;
min-height:50px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
input#current_query, /*搜尋輸入*/
input#current_query:focus
{
color:#fff !important;
min-height:30px !important;
}
/*使用中狀態*/
textarea:focus,
textarea#input_big_private:focus,
textarea#input_big:focus,
textarea#input_permalink:focus,
input#current_query:focus,
input:focus,
select:focus
{
color:#fff !important;
background:rgba(0,0,0,0.6) !important;
border:1px solid #333 !important;
-moz-box-shadow:0px 0px 5px #fd9;
-webkit-box-shadow:0px 0px 5px #fd9;
box-shadow:0px 0px 5px #fd9;
}
/*-----頁籤-----*/
#toggle_tab,
#toggle_tab li,
#toggle_tab li.tt_selected
{
color:#bb0000 !important;
font-size:14px !important;
text-transform:uppercase; /*皆大寫*/
}
#toggle_tab {margin-left:px;}
/*隱藏頁籤圖示*/
#toggle_tab li span#plurk_tab,
#toggle_tab li span#search_tab
{
width:0px !important;
}
/*-----發噗按鈕-----*/
.cmp_plurk
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
}
/*-----搜尋按鈕-----*/
input.orange-but
{
background:#111 !important;
color:#fff !important;
font-size:18px !important;
padding:5px 4px !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;
}
.u_search,.u_search a, /*搜尋其它會員*/
.share_search b /*分享搜尋結果*/
{
color:#bb0000 !important;
font-weight:normal;
}
/*======================== 微笑表情 ========================*/
.smily_holder img
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
.smily_holder
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/chat_alt_fill_24x24.png) center center no-repeat; /*填滿*/
padding-right:24px;
padding-left:0 !important;
margin:0 !important;
width:24px !important;
}
/*======================== 語助詞 ========================*/
/*語助詞旁的箭頭符號*/
.dd_img img
{
filter:alpha(opacity=50) !important;opacity:0.5 !important; zoom:1;
}
.qualifier, .m_qualifier, .r_qualifier, /*所有*/
div.bigplurk .r_qualifier /*單噗頁面上下則*/
{
background:none !important; /*將外觀的背景去除*/
border:0 !important;
}
.qualifier, /*浪上*/
.mini_form .m_qualifier, /*浪上每則噗發噗區*/
.r_qualifier /*單噗頁面字*/
{
font-size:12px !important;
}
.m_qualifier, /*發噗區*/
#reply_box .m_qualifier, /*單一噗浪發噗區*/
.content .r_qualifier /*單噗主噗區*/
{
font-size:15px !important;
}
/*-----各欄位-----*/
.qual_menu .q_freestyle,
.q_freestyle,
td .q_freestyle /*自由發揮*/
{
background:none !important;
color:#999 !important;
}
.qual_menu .q_loves,
.q_loves,
td .q_loves /*愛*/
{
background:none !important;
color:#B20C0C !important;
}
.qual_menu .q_likes,
.q_likes,
td .q_likes /*喜歡*/
{
background:none !important;
color:#CB2728 !important;
}
.qual_menu .q_shares,
.q_shares,
td .q_shares /*分享*/
{
background:none !important;
color:#A74949 !important;
border:0 !important;
}
.qual_menu .q_gives,
.q_gives,
td .q_gives /*給*/
{
background:none !important;
color:#620E0E !important;
}
.qual_menu .q_hates,
.q_hates,
td .q_hates /*討厭*/
{
background:none !important;
color:#ccc !important;
}
.qual_menu .q_wants,
.q_wants,
td .q_wants /*想要*/
{
background:none !important;
color:#8DB241 !important;
}
.qual_menu .q_wishes,
.q_wishes,
td .q_wishes /*期待*/
{
background:none !important;
color:#5BB017 !important;
}
.qual_menu .q_needs,
.q_needs,
td .q_needs /*需要*/
{
background:none !important;
color:#7A9A37 !important;
}
.qual_menu .q_will,
.q_will,
td .q_will /*打算*/
{
background:none !important;
color:#B46DB9 !important;
}
.qual_menu .q_hopes,
.q_hopes,
td .q_hopes /*希望*/
{
background:none !important;
color:#e05be9 !important;
}
.qual_menu .q_asks,
.q_asks,
td .q_asks /*問*/
{
background:none !important;
color:#8361bc !important;
}
.qual_menu .q_has,
.q_has,
td .q_has /*已經*/
{
background:none !important;
color:#777 !important;
}
.qual_menu .q_was,
.q_was,
td .q_was /*曾經*/
{
background:none !important;
color:#525252 !important;
}
.qual_menu .q_wonders,
.q_wonders,
td .q_wonders /*好奇*/
{
background:none !important;
color:#2e4e9e !important;
}
.qual_menu .q_feels,
.q_feels,
td .q_feels /*覺得*/
{
background:none !important;
color:#2D83BE !important;
}
.qual_menu .q_thinks,
.q_thinks,
td .q_thinks /*想*/
{
background:none !important;
color:#689CC1 !important;
}
.qual_menu .q_says,
.q_says,
td .q_says /*說*/
{
background:none !important;
color:#b31 !important;
}
.qual_menu .q_is,
.q_is,
td .q_is /*正在*/
{
background:none !important;
color:#E57C43 !important;
}
/*-----表格欄位-----*/
.qual_menu td /*選單表格*/
{
text-align:center !important;
font-size:12px;
}
.qual_menu
{
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
.qual_menu .on
{
color:#FFF !important;
text-shadow:0px 0px 5px #eeeeee; /*陰影*/
}
/*======================== 表情選單 ========================*/
#emoticons_show /*圖片背景*/
{
background:#fff;
border:0 !important;
border-top:1px solid #fd5 !important;
padding-top:10px;
}
#emoticon_selecter /*選單背景*/
{
text-align:center;
position:absolute;
background:#fa3;
border:1px solid #fa3 !important;
width:400px !important;
overflow:no;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
}
#emoticon_selecter img {border:2px solid #fff !important;}
#emoticon_selecter a:hover img {border:2px solid #bebebe !important;}
#emoticons_tabs ul li
{
background:#fa3;
font-size:12px;
font-weight:500;
text-transform:normal;
margin-left:0px;
border:0 !important;
}
#emoticons_tabs ul li a {color:#000 !important;}
#emoticons_tabs ul li.current a {color:#111 !important;}
#emoticons_tabs ul li.current /*項目 正選*/
{
background:#fd9 !important;
border:0 !important;
font-weight:500;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
#emoticon_selecter a:hover,
#emoticons_tabs ul li a:hover
{
color:#111 !important;
}
#emoticons_show .red_link /*額外 連結*/
{
background:none !important;
font-weight:normal;
font-size:11px;
text-decoration:none !important;
}
/*======================== 私人選項 ========================*/
#more_options_link /*打開前背景*/
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/red/lock_fill_9x12.png) left top no-repeat !important;
padding-left:15px !important;
border:0 !important;
color:#b31 !important;
font-size:11px !important;
}
#more_options td,
#more_options .caption,
#more_options_holder
{
background:none !important;
border:0 !important;
color:#b31 !important;
font-size:12px !important;
text-decoration:none !important;
}
#more_options_holder /*打開後背景*/
{
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
}
.small {font-size:10px !important;} /*欄位說明*/
.advert a {font-size:0px !important;} /*噗浪同步訊息至FB*/
.private_to {color:#bb0000 !important;} /*私人訊息給...*/
.private_to b, /*私人訊息*/
.selectedSmartInputItem, .selectedSmartInputItem a, /*移動選擇*/
.selectedSmartInputItem a:hover,
.auto_ta .person /*已選擇的噗友底色*/
{
background:#111 !important;
color:#fff !important;
font-size:12px !important;
font-weight:normal !important;
text-decoration:none !important;
}
#smartInputFloaterContent /*下拉選單*/
{
background:#f4f4f4 !important;
}
.private_to b, /*私人訊息*/
.auto_ta .person /*已選擇的噗友底色*/
{
padding:2px 4px;
}
.wickEnabled, .wickEnabled:focus /*輸入欄*/
{
background:none !important;
border:0 !important;
color:#fff !important;
-moz-box-shadow:0px 0px 0px #ccc;
-webkit-box-shadow:0px 0px 0px #ccc;
box-shadow:0px 0px 0px #ccc;
}
/*======================== 浪上的噗 ========================*/
#timeline_holder div.plurk /*淡入*/
{
-moz-transition:top 0.5s ease, -moz-transform 0.5s ease;
-moz-transform-origin:0 0;
-webkit-transition:top 0.5s ease, -webkit-transform 0.5s ease;
-webkit-transform-origin:0 0;
}
#timeline_cnt /*淡入過場*/
{
-moz-animation-name:fadeIn;
-moz-animation-iteration-count:1;
-moz-animation-duration:1.5s;
-webkit-animation-name:fadeIn;
-webkit-animation-iteration-count:1;
-webkit-animation-duration:1.5s;
}
@-webkit-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn
{
0% { opacity: 0; }
100% { opacity: 1; }
}
/*浪上的噗往下移*/
.plurk {margin-top:10px;}
/*浪上噗的最小高度*/
.plurk .truncated {min-height:23px;}
/*讓超過時間軸的噗內容出現*/
#timeline_cnt,
#timeline_bg,
#timeline_fg {overflow: visible !important;}
/*表格寬度*/
.list table {width:100% !important;}
/*列表延伸動態*/
.list
{
-webkit-transition:height 0.5s ease;
-moz-transition:height 0.5s ease;
}
/*-----噗外框設定(整體)-----*/
.block_cnt .plurk_cnt
{
background:rgba(255,255,255,0.8) !important;
border:1px solid #000 !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:5px 5px 4px 25px !important;
margin:-5px 0px 0px -27px !important;
}
.block_cnt .link_extend .plurk_cnt /*滑鼠移過去延伸的噗*/
{
background:rgba(255,255,255,0.99) !important;
border:1px solid #000 !important;
min_height:40px;_height:px;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
box-shadow:0px 0px 5px rgba(255,255,255,0.3);
}
.block_cnt .plurk_box .plurk_cnt /*噗打開後*/
{
background:rgba(255,255,255,0.99) !important;
border:1px solid #111 !important;
}
.link_extend {z-index:2300;}
/*-----噗整體底色-----*/
.plurk_cnt,
.plurk_box .list,
.plurk_box .mini_form,
td.td_cnt texture,
textarea#input_small
{
background:rgba(255,255,255,0.99) !important;
}
/*框線顏色*/
.plurk_box .caption,
.plurk_box .list,
.plurk_box .mini_form,
.info_box
{
border-color:#111 !important;
}
/*-----文字設定-----*/
#timeline_holder .plurk_cnt
{
font-size:13px !important;
line-height:21px !important;
letter-spacing:0.06em;
}
.list .plurk_cnt
{
background:none !important;
font-size:13px !important;
line-height:21px !important;
letter-spacing:0.06em;
padding:4px;
border-bottom:1px solid #fd5 !important;
}
.td_cnt .text_holder
{
color:#111 !important;
}
/*-----浪上的頭貼-----*/
.p_img
{
border:1px solid #110000 !important;
}
/*-----回應列表標題-----*/
.plurk_box .caption
{
background:rgba(0,0,0,0.8) !important;
border-color:#111 !important;
font-size:11px !important;
color:#fd5 !important;
letter-spacing:0.06em;
}
/*-----回應列表-----*/
.plurk_box .list
{
min-height:px !important;
}
/*-----下方回應欄-----*/
.plurk_box .mini_form,
.plurk_box .login_to_see /*註冊參與回應bar*/
{
background:rgba(0,0,0,0.99) !important;
border-color:#111 !important;
}
.plurk_box .login_to_see a,
.red_link
{
background:none !important;
color:#ff0000 !important;
}
.info_box
{
background:rgba(0,0,0,1) !important;
border-color:#111 !important;
overflow-x:hidden !important;
overflow-y:hidden !important;
}
.info_box a
{
background:none !important;
color:#ccc !important;
font-size:11px !important;
}
.info_box a:hover
{
color:#fff !important;
}
div.favorite_count /*喜愛的人數*/
{
color:#bb0000 !important;
font-size:11px !important;
}
div.limited_box /*私密的噗給...*/
{
color:#b31 !important;
font-size:11px !important;
}
/*回應輸入區*/
td.td_cnt textarea,
textarea#input_small
{
background:rgba(0,0,0,1) !important;
border:1px solid #333 !important;
color:#fff !important;
font-size:13px !important;
padding:4px;
min-height:80px;
line-height:18px;
letter-spacing:;
-moz-border-radius:5x;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
/*使用者名稱*/
.mini_form .qual_holder
{
color:#b31 !important;
font-size:12px !important;
}
.mini_form .char_updater {color:#ccc !important;} /*尚餘字數*/
.char_updater span {color:#222 !important;font-size:10px !important;} /*按Enter送出*/
/*-----刪除,編輯,消音,取消-----*/
.manager, .manager a, .manager .action
{
color:#b31 !important; /*#8db6d2*/
font-size:10px !important;
}
.manager .cancel, .manager .delete, .unmute, .mute
{
color:#fa3 !important; /*#ce8c8d*/
font-size:10px !important;
}
.manager a:hover,
.manager .action:hover,
.manager .cancel:hover,
.manager .delete:hover
{
color:# !important;
text-decoration: !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:rgba(255,255,255,0.8) !important;
}
/*-----原噗者的回應-----*/
.list .highlight_owner .td_qual a /*暱稱*/
{
color:#111 !important;
text-decoration:none;
}
.list .highlight_owner .plurk_cnt,
.list .highlight_owner .plurk_cnt tr
{
background:#fd9 !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 #000 !important;
filter:alpha(opacity=100); opacity:1; zoom:1;
}
/*-----噗上的連結-----*/
.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_nav a:link, /*上一則下一則噗連結*/
#plurk_nav a:visited, #plurk_nav a:active,
#plurk_responses ul.responses .message a,
.plurk_content a.ex_link /*單噗回應列表連結*/
{
color:#b31 !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_nav a:hover,
#plurk_responses ul.responses .message a:hover,
.plurk_content a.ex_link:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*-----噗上的人名-----*/
.td_qual span a,
.td_qual span a:hover
{
color:#bb0000 !important;
font-weight:bold !important;
text-decoration:none !important;
letter-spacing:0em;
}
/*-----回應時間標示-----*/
.response_time .plurk_cnt,
div.response_time
{
background:none !important;
border:0 !important;
}
div.response_time .holder
{
background:rgba(255,255,255,0.9) !important;
color:#111 !important;
font-size:11px !important;
border:1px solid #111 !important;
letter-spacing:0.02em;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
padding:4px 5px;
}
/*-----回應數-----*/
.td_response_count {padding-top:px;} /*對齊*/
.response_count
{
color:#fd5 !important;
background:none !important;
}
.new .response_count /*新回應*/
{
background:#ff0000 !important;
border:0px dashed #ddddcc !important;
font-size:12px !important;
font-weight: bold;
text-decoration: blink;
color:#fd9 !important;
text-shadow: 1px 1px 1px #111;
padding:5px !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.3);
box-shadow:0px 0px 5px rgba(255,255,255,0.3);
}
.dots .inner /*中間的...*/
{
background:none;
border:none;
height:0;
width:0;
padding:0;
margin:0;
overflow:hidden;
font-size:0px;
}
/*======================== 單則訊息 ========================*/
div.bigplurk
{
width:900px;
margin-left:px;
}
div.bigplurk
.user-nick, /*暱稱*/
.user-nick:hover
{
font-size:14px !important;
color:#bb0000 !important;
}
div.bigplurk h1.content .plurk_content /*文字設定*/
{
font-size:14px !important;
line-height:23px !important;
letter-spacing:0.04em;
color:#111 !important;
}
/*-----上一則下一則-----*/
#prev_plurk, #next_plurk,
#prev_plurk:hover, #next_plurk:hover
{
background:#fff !important;
border:1px solid #111 !important;
line-height:23px !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}
/*透明度變化*/
#prev_plurk, #next_plurk
{filter:alpha(opacity=50) !important; opacity:0.5 !important; zoom:1;}
#prev_plurk:hover , #next_plurk:hover
{filter:alpha(opacity=99) !important; opacity:0.99 !important; zoom:1;}
/*-----回應列表-----*/
#plurk_responses
{
width:800px;
padding-top:0px;
}
#plurk_responses ul.responses
{
background:rgba(255,255,255,0.1) !important;
border:0px solid #ddd !important;
-moz-border-radius:12px;
-khtml-border-radius:12px;
-webkit-border-radius:12px;
}
#plurk_responses ul.responses:hover
{
background:rgba(255,255,255,0.9) !important;
}
#plurk_responses h2 {font-size:14px; color:#bb0000 !important;} /*標題*/
div #plurk_responses h2 a, /*回應連結*/
#plurk_responses div.feed-link a
{
font-size:14px;
background:none !important;
color:#b31 !important;
}
div #plurk_responses h2 a:hover,
#plurk_responses div.feed-link a:hover
{
background:none !important;
color:#fa3 !important;
}
#plurk_responses ul.responses li /*每則回應*/
{
background:none !important;
border-bottom:1px solid #fd5 !important;
line-height:20px !important;
}
ul.responses .message /*文字設定*/
{
color:#111 !important;
font-size:13px !important;
line-height:20px !important;
}
#plurk_responses ul.responses .message a.user /*暱稱*/
{
color:#bb0000 !important;
text-decoration:none !important;
}
/*-----回應時間-----*/
ul.responses li:hover span.time
{
color:#111 !important;
font-size:11px !important;
text-transform:normal;
}
ul.responses .highlight_owner .time /*原噗者回應時間*/
{
border-bottom:1px solid #222 !important;
background:none !important;
}
/*-----訊息內連結樣式-----*/
#plurk_responses ul.responses .message a
{
color:#b31 !important;
text-decoration:underline !important;
}
#plurk_responses ul.responses .message a:hover
{
color:#fa3 !important;
text-decoration:none !important;
}
/*-----下方回應區-----*/
#reply_box,
#reply_box_holder
{
background:none !important;
border:0 !important;
}
/*使用者名稱*/
#reply_box_holder .qual_holder {color:#b31 !important; font-size:15px !important; }
/*輸入內容*/
#reply_box #input_big {font-size:15px; color:# !important;}
/*-----登入或註冊以回應-----*/
div #not_logged_in h2, div #not_logged_in h2 a
{
background:none !important;
font-size:14px;
text-decoration:none !important;
color:#b31 !important;
}
div #not_logged_in h2 a:hover
{
color:#fa3 !important;
}
/*======================== 功能視窗 ========================*/
/*-----浪上噗友小視窗-----*/
.AmiMenu.info_menu,
.AmiMenu.info_menu .block
{
border:0 !important;
padding:3px;
}
.AmiMenu.info_menu .block /*舉報濫用*/
{
background:#111 !important;
color:#fff !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
/*更換整體顏色*/
.AmiMenu.info_menu,
.AmiMenu.info_menu .separator
{
background:#111 !important;
border-color:#111 !important;
color:#fa3 !important;
}
.AmiMenu.info_menu
{
border:2px solid #333 !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
.AmiMenu td
{
color:#fff !important;
}
.AmiMenu.info_menu td.on,
.AmiMenu.info_menu .user_info.on
{
background:#bb0000 !important;
color:#111 !important;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
}
.AmiMenu.info_menu .user_info.on b
{
color:#111;
font-weight:bold !important;
}
.AmiMenu.info_menu .user_info img /*噗友圖片*/
{
border:2px solid #111 !important;
}
/*-----下拉視窗箭頭-----*/
.cmp_tooltips-down
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_down.png);
}
.cmp_tooltips-up
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/black_up.png);
}
/*-----說明小視窗-----*/
.tooltip_cnt
{
color:#fd9;
background:#000 !important;
border:1px solid #111 !important;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
padding:3px;
font-size:11px !important;
-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;
}
.tooltip_cnt img {margin:3px;} /*噗友代表圖*/
.AmiTT_main {background:none !important; border:0 !important;} /*背景箭頭*/
.AmiTT_main b /*名稱*/
{
color:#fd5;
font-weight:normal;
font-size:px !important;
}
/*-----功能視窗-----*/
/*標題列*/
.GB_Window .header td.caption,
.GB_Window .close
{
color:#fff;
background:#111 !important;
}
/*內框*/
.GB_Window .header
{
border:1px solid #111 !important;
}
.GB_Window .content
{
border-color:#111 !important;
}
/*外框*/
.GB_Gallery .iframe_holder,
.GB_Window
{
background:rgba(0,0,0,0.2) !important;
border:1px solid #111 !important;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
-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-animation-name:fadeIn;
-moz-animation-iteration-count:1;
-moz-animation-duration:0.7s;
-webkit-animation-name:fadeIn;
-webkit-animation-iteration-count:1;
-webkit-animation-duration:0.7s;
}
/*更換標題列箭頭*/
.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:#111;
}
/*更換關閉圖示*/
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/black/x_14x14.png) right 5px no-repeat !important;
}
/*隱藏影片在背景播放*/
.content div .hide_window, div .hide_window a
{
background:none !important;
color:#bb0000 !important;
}
/*#重設CSS -------------------------------*/
/*消除圖片外框*/
img {border:none !important;}
/*去除連結虛線框*/
a:focus, :focus, a, a:link, a:visited, a:active {outline:0 !important;}
/*重置Google瀏覽器字體*/
* {-webkit-text-size-adjust:none;}
/*-----捲軸語法-----*/
/*Google瀏覽器適用*/
::-webkit-scrollbar {background:rgba(255,255,255,0.5);}
::-webkit-scrollbar-thumb {background:#eee;}
::-webkit-scrollbar-thumb:hover {background:#eee;}
::-webkit-scrollbar,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover
{
-webkit-border-radius:10px;
-webkit-box-shadow:0px 0px 5px #fff;
-webkit-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}
/*火狐適用*/
::-moz-scrollbar {background:rgba(255,255,255,0.5);}
::-moz-scrollbar-thumb {background:#eee;}
::-moz-scrollbar-thumb:hover {background:#eee;}
::-moz-scrollbar,
::-moz-scrollbar-thumb,
::-moz-scrollbar-thumb:hover
{
-moz-border-radius:10px;
-moz-box-shadow:0px 0px 5px #fff;
-moz-box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}
/*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;
}
/*-----選單語法-----*/
select, select:focus, /*下拉選單*/
input#share_link, /*分享搜尋結果*/
input#loc_field, /*搜尋其它噗浪會員*/
.auto_ta /*輸入區表格*/
{
color:#fd3 !important;
background:rgba(0,0,0,0.05) !important;
border:0 !important;
border-bottom:1px solid #222 !important;
}
/*使用中狀態*/
input#current_query:focus,
input:focus,
select:focus
{
color:#fd3 !important;
background:rgba(0,0,0,0.7) !important;
border:0 !important;
border-bottom:1px solid #333 !important;
}
/*網址欄位*/
input#share_link
{
background:none !important;
color:#fd3 !important;
}
/*-----語言字型-----*/
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', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif !important;
font-weight:normal;
text-transform:normal;
}
/*------------------------------------------------------------------------
Date: 2011-07-11
Design by: Be Myself Inc. M6
-- 此噗版CSS僅供個人自用，請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利 All Rights Reserved --
------------------------------------------------------------------------*/
bisa juga di ganti backgroudnya,
tinggal ganti URL yang berwarna biru muda, dengan URL gambar yang kalian inginkan..
html
{
background:#000 url(http://almasmaris.files.wordpress.com/2010/10/222389_1270379757_large.jpg) left top repeat;
♥ SELAMAT MENCOBA ♥
