金羽銀華

每隔一段時間，噗浪都會有新的小進展，從開始接觸噗浪佈景的CSS以來，噗的成長看得見。

像是多出了「每日照片」、「搜尋」功能，以及「音樂播放器」，還有「喜歡」標注等等，

每個改變，也代表著CSS有新東西了，有新的項目需要學習 ^ ^

最近，浪上每則噗打開後，長度會自動隨著內容"縮放"了～

這真是很貼心的功能，

之前都要靠自訂語法才能加長噗列表來方便閱讀，

現在，彈性的設計更能符合需要，也就少一行需要放的語法囉XD

即便如此，自訂噗的樂趣還是與日俱增，每每都會發現新的嘗試帶來新的效果，

所以，又到了彙整「噗浪佈景CSS集成」新版的時間啦～XD

最新一版整理如下～請參考選用 ^ ^：

/**********噗浪佈景CSS**********/* (#名稱) *********************/
/**********Design by Be Myself Inc. M6********************/
/* USE_DARK_ICONS */  /*使用深色頁首小圖*/


/**********畫面佈景**********/* 背景 *********************/
body, html {
background: url(http:// ) left top;
background-repeat: repeat-x;
background-color:# ;
background-attachment : fixed; /*浮水印固定背景*/
background-position : 90% 90%; /*x軸90% y軸90%的地方固定*/
}

/**********畫面佈景**********/* 文字設定 *********************/
a, a:link {color:# !important;}
a:hover {color:# !important;}
a:visited, a:active {color:# !important;}
a {outline: 0 !important;} /*去除連結虛線框*/

body.language-large-font  /*語言字型*/
{
font-family:"Helvetica Neue", Helvetica, Meiryo, Verdana, Tahoma, Georgia, Sans Serif, Arial;
font-size: px;
font-weight: regular;
text-transform:normal;
}

/**********畫面佈景**********/* 頁首頁尾 *********************/
/*標題*/
#page_title {color:#  ; font-size:15px;}  

/*通知數字*/
#alert_beacon {
color:# ;
margin:0 2px;
font-weight:bold;  /*粗體*/
text-decoration:blink; /*閃字*/
}

/*編輯文字*/
#top_bar .content a#edit_link {color:# ;font-size:11px;}  
#top_bar .content a:hover#edit_link {color:# ;background:none !important;}

/*頁首登入列背景*/
#top_login {
background:# !important;
margin:0;
padding-right:10px;
height:22px;
filter:alpha(opacity=80);opacity:0.8; /*透明度*/
}

/*頁首小圖背景圖*/
#top_bar .content {
background: url(http://i35.tinypic.com/118j629.png) no-repeat transparent;
}

/*去除小圖底線*/
#top_bar .on img {border: none;}  

/*頁首左邊文字*/
#top_bar, #top_bar a {color:#  ;font-size:11px;font-weight:normal !important;}
#top_bar a:hover {
color:# ;
border:0 !important;
text-decoration:none !important;
}

/*頁首右邊文字*/
#top_login, #top_login a {color:# ;font-size:11px;}
#top_login a:hover {color:# ;}

/*頁尾文字*/
#footer, #footer a {color:# ;font-size:11px;}
#footer a:hover {
color:#  ;
border:0 !important;
text-decoration:none !important;
}

/*語言選單*/
#languge_selector {color:# ;font-size:11px;}


/**********時間軸主題**********/* 背景 *********************/
#timeline_holder {
background: url(http:// ) left top;
background-repeat: no-repeat;
background-color:# ;
border-top:1px solid # ;
border-bottom:1px solid # ;
height:420px !important;
}

/**********時間軸主題**********/* 換日線 *********************/
#timeline_bg .day_bg .div_inner {
background: url(http://statics.plurk.com/c5a83e703d14ea8a6ad9ebf0a2663eac.gif) no-repeat left bottom;
background-color:# ;
border: none;
border-left:1px solid # ;
border-right:1px solid # ;
width: 24px;
height: 366px;
filter:alpha(opacity=80);opacity:0.8; /*透明度*/
-moz-border-radius:0px 0px 5px 5px; /*圓角:Firefox*/
-webkit-border-radius:0px 0px 5px 5px; /*圓角:Safari和Chrome*/
border-radius:0px 0px 5px 5px; /*圓角:Opera 10.5+*/
}

/*日期文字*/
.day_start .bottom_start, .day_start .div_start {
color: # !important;
font-size: px !important;
}

/**********時間軸主題**********/* 時間標示 *********************/
#bottom_line {
background:none;
border:1px dotted #;
}

/*線上時間文字:隱藏*/
#timeline_bg .bottom_start , .bottom_end {
font-size:0px;
color:#000;
height:0 !important;
width:0 !important;
}

/*每則噗對應時間顯示*/
#time_show span {
color: #fff;
font-size:12px !important;
}
#time_show, .evening,.night,.day,.morning {
background:#111111 !important;
border:1px solid #444;
border-bottom:none !important;
margin-top:34px;
-khtml-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}

/**********時間軸主題**********/* 圖標指示 *********************/
/*噗浪生物:隱藏*/
#dynamic_logo ,#logo img {filter:alpha(opacity=0); opacity: 0;}
img#creature {filter:alpha(opacity=0); opacity: 0;}

/*loading圖*/
.cmp_loading {background:transparent;width:0px;height:0px;}
#div_loading .cnt {background:transparent;}
.loading img {height:0;width:0;}
.loading {
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loader.gif) no-repeat scroll center center !important;
margin-top:50px;
}

/*loading圖:2*/
.cmp_loading{background:transparent;width:0px;height:0px;}  /*主畫面*/
#div_loading .cnt {
background:transparent url(http://g.imagehost.org/0879/ajax-loader.gif) no-repeat scroll center top !important;margin-top:140px;
}
.loading img {height:0;width:0;}   /*每則噗*/
.loading {
background:transparent url(http://g.imagehost.org/0157/loading.gif) no-repeat scroll center
center !important;
margin-top:30px;
}

/*時間軸往前往後圖示*/
.cmp_arrow_right {
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/nextlabel.gif);
width:63px;height:32px;
filter: alpha(opacity=80); opacity: 0.8;
margin:0;
}
.cmp_arrow_left {
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/prevlabel.gif);
width:63px;height:32px;
filter: alpha(opacity=80); opacity: 0.8;
margin:0;
}
.cmp_back_to_today {
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/fa/ic02-21.gif);
width:16px;height:16px;
filter: alpha(opacity=80); opacity: 0.8;
margin-left:20px;
}

/*這條時間軸是空白的_檢視所有的噗*/
#empty_timeline_bg {color:#ccc;text-transform: normal;font-size:0px; }
#empty_timeline_fg {color:#444;}
#empty_timeline_fg a {color:#444;}
#empty_timeline_fg a:hover {color:#111;text-transform: normal;}

/*線上時間標示加小圖*/
#timeline_bg .bottom_start , .bottom_end {
filter:alpha(opacity=70);opacity:0.7;  /*透明度*/
background: url(http://pupe.ameba.jp/image/emoji/138.gif) top left no-repeat;
padding-right:18px;
padding-left:18px;
}

/*時間顯示圖標*/
#time_show  /*時*/
{
background:url(http://) left top no-repeat;
background-position:-0px 20px;
text-align:right;
width: px;
height: px;
position:absolute;
}
.day_bg .div_inner  /*日*/
{
background:url(http://) no-repeat bottom;
width: px;
border: none;
}  

/*時間顯示圖標2*/
#time_show {
background: url(http://stat100.ameba.jp/amember/img/pc/user/ameba/common/icons/amember_icon.gif) top center no-repeat;
border: none;
padding-top: 13px;
margin-top: -30px;
}

#time_show span {
font-size:9px;
}

/**********時間軸主題**********/* 所有的plurk,我的plurk *********************/
#filter_tab  /*所有標籤*/
{
background:#;
border:0 !important;
margin:0 !important;
padding-top: 1px;
letter-spacing:0.08em;
-khtml-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
}
#filter_tab a.off_tab   /*未選*/
{
background: transparent;
border: none !important;
color:# !important;
}
#filter_tab a.filter_selected  /*正選*/
{
background:# url(http://pupe.ameba.jp/image/emoji/015.gif) bottom center no-repeat;
border: none !important;
height:36px;
filter:alpha(opacity=80);opacity:0.8;  /*透明度*/
-khtml-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
}
#filter_tab a.off_tab:hover  /*未選:滑鼠移至效果*/
{
background:#;
color:# !important;
border: none!important;
}
#filter_tab a.filter_selected:hover  /*正選:滑鼠移至效果*/
{
color:#fff !important;
filter:alpha(opacity=100);opacity:1;  /*透明度*/
}

/**********時間軸主題**********/* 更新通知,音樂播放器 *********************/
#updater, #music_player {
background:;
border:1px dotted #dee8e7;
color: #333 !important;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#updater .text {
color: #614979;
font-size:13px !important;
}
#updater a, #music_player a {color:#333 !important;}
#updater a:hover, #music_player a:hover {color:#fff;}

/*更新通知音效按鈕*/
.cmp_sound_off {
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/9.png) 0 -243px no-repeat;
width:16px;font-size:1px;height:16px;
}
.cmp_sound_on {
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/9.png) 0 -259px no-repeat;
width:16px;font-size:1px;height:16px;
}


/**********主控台主題**********/* 發噗,每日照片,搜尋 *********************/
#pane_plurk,
#pane_daily_photo,
#pane_search
{
border:0;
background:#;
-khtml-border-radius: 2px 3px 5px 5px;
-moz-border-radius: 2px 3px 5px 5px;
-webkit-border-radius: 2px 3px 5px 5px;
}

/*選項標籤*/
#toggle_tab li, #plurks_pane_li  /*所有*/
{
color:#;
border:0 !important;
font-size:15px !important;
height:22px;
}
#toggle_tab li.tt_selected  /*正選*/
{
color:# !important;
border:0 !important;
background:# !important;
-khtml-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius:  5px 5px 0px 0px;
}

/*標籤圖示*/
#toggle_tab li span#plurk_tab,
#toggle_tab li span#photo_tab,
#toggle_tab li span#search_tab
{
filter:alpha(opacity=40);opacity:0.4;
}

#toggle_tab li.tt_selected span#plurk_tab,
#toggle_tab li:hover span#plurk_tab,
#toggle_tab li.tt_selected span#search_tab,
#toggle_tab li:hover span#search_tab,
#toggle_tab li.tt_selected span#photo_tab,
#toggle_tab li:hover span#photo_tab
{
filter:alpha(opacity=80);opacity:0.8;
}

/**********主控台主題**********/* 發噗區 *********************/
textarea#input_big, textarea#input_permalink,
textarea#input_big.content {
background:#FFF !important;
color:# !important;
font-size: 21px;
height:70px;
wrap:soft;
padding:11px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*發噗按鈕*/
.cmp_plurk {
background:# url('http://i614.photobucket.com/albums/tt230/m66660000/plurk/o.png');
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

/*表情符號下拉選單*/
.smily_holder {padding-right:22px;}  /*微笑符號:隱藏*/
#emoticon_selecter img {border:0 !important;}
#emoticons_tabs ul li a,
#emoticons_tabs ul li {
background:#bbbbcc !important;
color:#222 !important;
font-size:12px;
font-weight: regular;
text-transform:normal;
margin-left:0px;
border:0!important;
padding:2px 5px;
}

/*使用者名稱*/
#main_poster .qual_holder {color:#;font-size:24px;}

/*語助詞*/
.q_says,.q_is  /*說*/
{
background:#;
color:#FFF;
border-top: 1px solid #ccc !important;
border-left: 1px solid #ccc !important;
border-right: 1px solid #999 !important;
border-bottom: 1px solid #999 !important;
}
.qualifier, .m_qualifier, .r_qualifier  /*所有*/
{
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*尚餘字數*/
.char_updater {color:# !important;} /*尚餘字數*/
.char_highlight {color:# !important;background:# !important;}  /*超過字數*/

/**********主控台主題**********/* 私密語系選項 *********************/
#more_options, #more_options .on, #more_options_holder, #more_options_link {
background:none !important;
color:#!important;
border:0 !important;
}

/*私密語系選項打開後標題*/
#more_options td {background: none;}
#more_options .caption {font-weight: bold;}
#more_options .caption select {border:1px solid # !important;} /*語言選單表格*/

/*私密的噗給...*/
.private_to b {background:# !important;color:# !important;}

/*下拉式選單表格*/
.floater td {background-color:#FFF !important;padding:1px;} /*表格整體底色*/
.selectedSmartInputItem {background:#;} /*選擇底色*/
.auto_ta {font-size:12px;border:1px solid # !important;background-color:#fff;color:#000;} /*表格*/
.auto_ta .person {background:# !important;color:# !important;}  /*已選擇的噗友底色*/

/**********主控台主題**********/* 每日照片,搜尋頁面 *********************/
/*每日照片文字*/
#pane_daily_photo a {font-size:15px!important;color:# !important;}
#pane_daily_photo a:hover {color:# !important;}

/*搜尋區文字*/
#pane_search {color:# !important;}
#pane_search a {color:# !important;}
#pane_search a:hover {color:# !important;}

/*搜尋面板按鈕*/
input.orange-but {
background:# !important;
border:1px solid # !important;
color:#FFF !important;
text-shadow:0px 0px 0px #ccc !important;  /*陰影*/
-moz-box-shadow:0 0px 0 #000 !important;
-webkit-box-shadow:0 0px 0 #000 !important;
box-shadow:0 0px 0 #000 !important;
cursor:pointer;
font-size:13px;
padding:2px 4px;
vertical-align:middle;
width:auto;
}

/*搜尋面板文字輸入區*/
input#current_query {
background:# !important;
border:1px solid #;
width:100%;
font-size:21px;
color:# !important;
height:30px;
padding:2px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*搜尋趨勢標題*/
.hot_searches a {color:# !important;}
.hot_searches a:hover {color:# !important;}

/*分享搜尋結果*/
.share_search b {color:# !important;} /*標題*/
input#share_link {
background:none !important;
color:# !important;
border-color:# !important;
}

/**********主控台主題**********/* 背景 *********************/
#dashboard_holder {margin-bottom:0px !important;}
#plurk-dashboard {
background:#  repeat-x;
color:# !important;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height:160%;
margin-top: 0px;
margin-bottom: 0px;
height:326px;  /*設定固定高度*/
overflow: auto;  /*溢出高度的內容自動顯示捲軸*/
}
.dash-segment .segment-content  /*各區底圖*/
{
background: # url(http://) no-repeat bottom right;
border: 1px solid #;
padding: 15px 10px 5px;
margin: 5px;
min-height: 321px;
}
#plurk-dashboard a {color:# !important;}  /*連結*/
#plurk-dashboard a:hover {color:# !important;}

/**********主控台主題**********/* 個人資料,統計,朋友,粉絲 *********************/
/*個人資料*/
p#about_me,
#dash-profile,
#dash-additional-info,
#full_name,
#span_years ,
#m_or_f,
#location
{
color:# !important;
}

/*個人圖像*/
#profile_pic {width:120px;border:1px solid # !important;}
#profile_pic:hover {width:auto;}

/*自己放位置顯示圖*/
#location {
padding-right:18px;
padding-top:6px;
padding-bottom:6px;
background: url(http://) right no-repeat;
}

/*統計,朋友,粉絲*/
#dash-stats, #dash-friends , #dash-fans
{
background:#;
border:1px solid # !important;
text-align:center;
height:390px;   /*統一高度*/
padding:12px;
filter:alpha(opacity=80);opacity:0.8 ;  /*透明度*/
}
#dash-stats h2, #dash-fans h2, #dash-friends h2  /*標題*/
{
background:none !important;
color:#333 !important;
}

/*統計*/
#dash-stats table {margin-top:0;}
#dash-stats table,
#dash-stats,  /*項目*/
#dash-stats table td  /*數值*/
{
color:#;
font-size:12px !important;
}

/*卡馬*/
#karma {color:#FFF;font-size:26px; }
.karma_hover {color: #999;font-size:24px; }
.karma_arrow {filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}
.cmp_karma_up,.cmp_karma_down {
background:transparent url(/static/icons/icons_png.png) 0 -28px no-repeat;
width:0px;
height:0px;
margin-top: 0px;
}
.link_arrow {
height:0 !important;
font-size:0 !important;
position:absolute;
opacity:0 !important;
filter:alpha(opacity=0) !important;
zoom=1;
}

/**********主控台主題**********/* 圖示 *********************/
/*小徽章:1*/
.award_bar /*排成一列*/
{
position:absolute!important;
margin-top:26px !important;
width:600px !important;
}

/*小徽章:2*/
.award_bar /*四個一排*/
{
width:200px !important;height:50px !important;
}

/*朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示隱藏一次搞定*/
#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;
}

/*朋友粉絲圖像*/
.user_link img {
border:none!important;
filter:alpha(opacity=0)!important;opacity:.0!important;
}
.user_link img:hover {
filter:alpha(opacity=100)!important;opacity:1!important;
}
.user_link {border:1px solid # !important;background:# !important;}
.friend_holder table {margin-top:0px;margin-left:auto;margin-right:auto;}
.friend_holder td {padding:2px 3px 2px;}

/*朋友粉絲與發送私密噗按鈕*/
.friend_man.add_follow,
.friend_man.remove,
.friend_man.add_friend,
.friend_man.pending,
.friend_man.block,
.friend_man.private_plurk {
background:#ccc !important;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
color:#fff !important;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


/**********浪上的噗**********/* 整體 *********************/
.plurk_cnt  {
font-size:12.5px;
line-height:160%;
letter-spacing:0.08em;
-khtml-border-radius: 3px 0px 3px 3px;  /*圓角*/
-moz-border-radius: 3px 0px 3px 3px;
-webkit-border-radius: 3px 0px 3px 3px;
border-top: 1px solid #ccc;  /*框線*/
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
-moz-box-shadow: 1px 2px 2px #555;  /*陰影*/
-webkit-box-shadow: 1px 2px 2px #555;
box-shadow: 1px 2px 2px #555;
}
.plurk_cnt, .inner { }
.plurk {
white-space:nowrap;
position:absolute;
color:#111;
cursor:pointer !important;
cursor:hand;
}
.plurk table { }

/*浪上的噗往下移*/
.plurk {margin-top:10px;}

/*噗文字*/
.td_cnt .text_holder,
#timeline_holder table td,
#timeline_holder .plurk_cnt {
color:#222 !important;
letter-spacing:0.08em;
}

/*噗上的連結*/
.plurk a.ex_link {color:#5e5bb6 !important;text-decoration:none;}
.plurk a.ex_link:hover {color:#b1bfe4 !important;text-decoration:none;}

/*噗上的人名*/
.td_qual span a {color:#111 !important;font-weight:bold !important;text-decoration:underline;}
.td_qual span a:hover {text-decoration:none;}

/*回應列表整體底色*/
#timeline_holder .plurk_cnt,
.plurk_cnt,
.plurk_box .list,
.list .plurk_cnt,
.list .plurk_cnt tr,
.plurk_box .mini_form,
td.td_cnt texture,
textarea#input_small
{
background:#FFF !important;
}

/*游標位置底色*/
.plurk_cnt tr:hover {background-color:#dcf3ba;}  

/**********浪上的噗**********/* 噗打開後列表 *********************/
/*回應列表:寬度*/
.list table {width:98% !important;}

/*回應列表框線*/
.plurk_box .list,
.plurk_box .mini_form
{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.info_box {
-moz-border-radius:0px 0px 5px 5px;
-khtml-border-radius:0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-top: 0px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

/*回應列表標題*/
.plurk_box .caption {
background:#;
color:# !important;
font-size:11px;
border-right: 1px solid #999;
}

/*回應列表展開*/
.list .plurk_cnt  {line-height:220%;font-size:12px;}
.list .plurk_cnt tr {border-bottom:1px solid #ccc;line-height:180%;}  

/*原噗者的回應*/
.list .highlight_owner .td_qual a {color:# !important; text-decoration: none;}  /*暱稱*/
.list .highlight_owner .td_cnt {background:#; }   /*背景色*/
.list .highlight_owner .td_cnt a {color:#!important;}  /*文字顏色*/
.list .highlight_owner .td_cnt a:link,    /*連結*/
.list .highlight_owner .td_cnt a.ex_link {
color:# !important;
text-decoration:underline!important;
}
.list .highlight_owner .td_cnt a:hover {color:# !important;} /*滑鼠移過後的連結顏色*/
.list .highlight_owner .td_cnt .text_holder {color:# !important;} /*文字顏色*/

/*其他噗友回應*/
.list .plurk_cnt .td_qual {color:# !important; } /*暱稱*/
.list .td_cnt {background:#;}  /*背景色*/
.list .td_cnt a {color:# !important; }  /*文字顏色*/
.list .plurk_cnt .td_cnt .text_holder {color:# !important; } /*文字顏色*/
.list .td_cnt a.ex_link {color:#5e5bb6 !important;} /*連結顏色*/
.list .td_cnt a:hover {color:#b1bfe4 !important;} /*滑鼠移過後的連結顏色*/

/*沒有回應的噗打開後*/
.list .empty {
color:#!important;
background:url() no-repeat 50% 0px transparent;
margin: 10px 0 0 0;
padding: 30px 0 0 0;
}

/**********浪上的噗**********/* 噗打開後下方輸入區 *********************/
td.td_cnt textarea,
textarea#input_small {
background:#FFF !important;
color:# !important;
font-size:12px !important;
height:60px;
line-height:160%;
letter-spacing:0.08em;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.mini_form .qual_holder {color:# !important;}  /*使用者名稱*/
.mini_form .char_updater {color:# !important;} /*尚餘字數*/

/*噗列表下方欄位*/
.info_box {background:#eee !important;}
.info_box a {color:#444 !important; }
.info_box a:hover {color:#333 !important;}
div.favorite_count {color:# !important;}  /*喜愛的人數*/
div.limited_box {color:# !important;}  /*私密的噗給...*/

/**********浪上的噗**********/* 讓噗列表換行 *********************/
.list .plurk_cnt .td_qual {position: absolute;width: auto;overflow: visible;}
.list .plurk_cnt .td_cnt .text_holder {
margin-top: 1.5em;
margin-left: 0.5em;
padding: 0.4em;
width: auto !important;
}

/**********浪上的噗**********/* 回應時間標示 *********************/
.response_time .holder+div img
.response_time .holder+div img {
border:none !important;
background:transparent !important;
filter: alpha(opacity=0) !important;opacity:0!important;
position:absolute;left:-1200px;  /*縮排*/
}
div.response_time .holder {
background:none !important;
color:#444;
font-size:11px;
letter-spacing:0.02em;
position:absolute;top:0;left:-140px;  /*縮排*/
}
.response_time.plurk_cnt {padding:0 !important;}

/**********浪上的噗**********/* 回應數 *********************/
.td_response_count {padding-top:2.3px;}  /*對齊*/
.response_count {
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/bg/responcebg01.jpg);
background-repeat: repeat-x;
background-color: none;
color:#111 !important;
border-top: 0px solid #ccc;
border-left: 0px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 4px;
padding-top: 3px;
margin-top: 5px;
margin-left: 0px;
}

/*新回應*/
.new .response_count {
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/bg/responcebg02.jpg);
background-repeat: repeat-x;
color:#fff !important;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 4px;
padding-top: 3px;
margin-top: 5px;
margin-left: 0px;
}

/*中間的...*/
.dots .inner {
background:none;
border:none;
height:0;
width:0;
padding:0;
font-size:0px;
}

/**********浪上的噗**********/* 噗友代表圖 *********************/
.td_img div {
width: 26px;
border: none;
background: transparent url(http://i36.tinypic.com/a0iihs.jpg) no-repeat right 10px;
background-repeat: no-repeat;
}
.p_img img {
border:0px solid #333;
background:none;
padding-top:1px;
}

/*Style2*/
.td_img div {
width: 30px;
border: none;
background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/bg/plurkspeaker_w.png) ;
background-repeat: no-repeat;
background-position: 144%;
}

/**********浪上的噗**********/* 刪除編輯消音取消 *********************/
.manager {text-align:right; color:#!important; }
.manager .action {color:#!important;margin-left:5px;}
.manager a,
.manager .action,
.manager .cancel,
.manager .delete {
font-size:10px !important;
text-decoration:none !important;
}
.manager a:hover,
.manager .action:hover,
.manager .cancel:hover,
.manager .delete:hover {
color:#999 !important;
text-decoration:underline !important;
}
.cancel {color:#999 !important;  margin-right:5px;}
.delete {color:# !important;  margin-right:5px;}
.unmute {color:# !important; margin-left:5px;}
.mute {color:# !important; margin-left:5px;}

/**********浪上的噗**********/* 影音圖片 *********************/
.youtube img,.pictureservices img {border: none;}
.youtube:hover img,.pictureservices:hover img {border:1px solid #ccc;}
.video:hover img,.pictureservices:hover img {border:1px solid #ccc;}


/**********單一plurk頁面**********/* 浪上的噗 *********************/
.user-nick {color: #111 !important;}  /*使用者名稱*/
.user-nick:hover {color:#111 !important;}
div.bigplurk h1.content td a {color: #111 !important;}  
div.bigplurk h1.content .plurk_content {color:#111 !important;} /*文字內容*/
div.bigplurk h1.content a.ex_link {color: #5e5bb6 !important; }  /*連結顏色*/
div.bigplurk h1.content a.ex_link:hover {color:#b1bfe4 !important;}

/*框線與圓角*/
div.contentwrapper h1.content {
border-top:1px solid #ccc;
border-right:1px solid #999;
border-left:1px solid #ccc;
border-bottom:0px solid #999;
-moz-border-radius:3px 3px 0px 0px;
-webkit-border-radius:3px 3px 0px 0px;
-khtml-border-radius:3px 3px 0px 0px;
}
div.time {
border-top:0px solid #000 !important;
border-right:1px solid #999 !important;
border-left:1px solid #ccc !important;
border-bottom:1px solid #999 !important;
-moz-border-radius:0px 0px 3px 3px;
-webkit-border-radius:0px 0px 3px 3px;
-khtml-border-radius: 0px 0px 3px 3px;
}

/*代表圖*/
img.bubble_edge {filter:alpha(opacity=0)!important;opacity:0!important;} /*箭頭*/
div.user img {
border:2px solid #FFF important;
padding:0px;
background:#fff !important;
}

/*上一則_下一則訊息*/
#plurk_nav a:link, #plurk_nav a:visited, #plurk_nav a:active {color:#5e5bb6 !important;}
#plurk_nav a:hover {color:#b1bfe4 !important;}
#prev_plurk, #next_plurk {
letter-spacing:0.08em;
border-top: 1px solid #ccc !important;
border-left: 1px solid #ccc !important;
border-right: 1px solid #999 !important;
border-bottom: 1px solid #999 !important;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/**********單一plurk頁面**********/* 回應列表區 *********************/
#plurk_responses h2 {color:#333;font-size:14px;} /*標題*/
div #plurk_responses h2 a {color:#444 !important;font-size:14px;}
div #plurk_responses h2 a:hover {color:#000 !important;font-size:14px;}

/*框線與圓角*/
#plurk_responses {
background:#dee8e7;
border-top:0px solid #555;
border-left: 0px solid #555;
border-right: 0px solid #666;
border-bottom:0px solid #666;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:20px;
}
#plurk_responses a {color:#111 !important;}

/*個人暱稱*/
.user {color:#111 !important;}
.user:hover {color:#111 !important;}

/*連結*/
.plurk_content a.ex_link {color: #5e5bb6 !important;}
.plurk_content a.ex_link:hover {color:#b1bfe4 !important;}

/*回應內容*/
.message {
border-top: 1px solid #ccc !important;
border-left: 1px solid #ccc !important;
border-right: 1px solid #999 !important;
border-bottom: 1px solid #999 !important;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
ul.responses .message a {line-height:180%; }

 /*每則噗時間*/
ul.responses li:hover span.time {color:#888;text-transform: normal;}

/*原噗者背景*/
.highlight_owner .plurk_content  {background-color:#F4F4F4 !important;}

/*噗友代表圖*/
img.avatar {border:0 !important;}

/**********單一plurk頁面**********/* 輸入訊息區 *********************/
#reply  #reply_box {
background:#;
border:0 !important;
}
div#reply_box_holder .plurkaction {border:0 !important;}

/*使用者名稱*/
#reply_box_holder .qual_holder {color:# !important;font-size: 21px;}

/*輸入內容*/
#reply_box #input_big {font-size: 21px;}

/*登入或註冊以回應*/
div #not_logged_in h2  {color: #444 !important;background:none !important;}
div #not_logged_in h2 a {background:none !important;color:#999 !important;}
div #not_logged_in h2 a:hover {color: #ccc !important;}


/**********其他主題**********/* 視窗與註冊登入 *********************/
/*浪上噗友小視窗*/
.AmiMenu.info_menu,
.AmiMenu.info_menu td.on,
.AmiMenu.info_menu .user_info.on,
.AmiMenu.info_menu .separator {
background:#aaaaaa !important;
border:0 !important;
}
.AmiMenu.info_menu .block   /*封鎖使用者*/
{
background:#444444 !important;
border:0!important;
}

 /*下拉視窗箭頭*/
.cmp_tooltips-down {background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/grey_down.png)}
.cmp_tooltips-up {background: url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/up_down/grey_up.png)}

/*說明小視窗*/
.tooltip_cnt {
background:#bbbbcc;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
color: #FFF !important;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tooltip_cnt img {border:0 !important;}  /*噗友代表圖*/
.AmiTT_main {background:none !important; border:0 !important;}  /*背景箭頭*/

/*功能視窗*/
.GB_Window {border:1px solid #ccc !important;}
.GB_window .content {border:1px solid #ccc !important;border-top:none!important;}
.GB_Window .header {
background:none !important;
border:0px solid #eee !important;
color:#ccc;
border-bottom:none!important;
}
.GB_Window .header td.caption {
font-size:14px;
color:#fff;
background:#bbbbcc !important;
}
.GB_Window .close {background:#bbbbcc !important;}

/*註冊使用BAR*/
#validate_email,#sign_up_small,#registerToday,.plurk_box .login_to_see a,.red_link,.plurk_box .login_to_see  {background:#eee !important;color:#777 !important;border:0;}
.plurk_box .login_to_see {
border-right:1px solid #999;
border-left:1px solid #ccc;
}
#top_login a#sign_up {background:none !important;color:#555 !important;border:0;}


/**********其他主題**********/* 隱藏版 *********************/
/*主控台透明度變化*/
div#dashboard_holder {filter:alpha(opacity=0) !important;opacity:0 !important;}
div#dashboard_holder:hover {filter:alpha(opacity=100) !important;opacity:1 !important;}

/*資料面板透明度變化*/
div.dash-segment {filter:alpha(opacity=0) !important;opacity:0 !important;}
div.dash-segment:hover {filter:alpha(opacity=100) !important;opacity:1 !important;}

/*隱藏統計資料及朋友粉絲圖*/
#dash-stats, #dash-friends-pics, #dash-fans-pics {
filter:alpha(opacity=0) !important;opacity: 0 !important;
}

/*隱藏朋友粉絲圖*/
div#dash-friends-pics, div#dash-fans-pics {height:0px;overflow:hidden;}

/*控制面板: 隱藏統計資料整區*/
#dash-stats {filter:alpha(opacity=0) !important;opacity: 0 !important;}

/*控制面板: 讓卡馬顯示出來，只隱藏下方的數值*/
#dash-stats table, #dash-stats table td {filter:alpha(opacity=0) !important;opacity: 0 !important;}

/*列出所有朋友粉絲連結:隱藏*/
#dash-friends div[style]:first-child, #dash-fans div[style]:first-child {
position:absolute;
filter:alpha(opacity=0) !important;opacity: 0 !important;
font-size:0 !important;
height:0 !important;
}

/*隱藏與展開浪上的噗*/
#timeline_cnt {filter:alpha(opacity=100)!important;opacity:1!important;}
#timeline_cnt:hover {filter:alpha(opacity=90) !important;opacity:0.9 !important;}

/*把噗上的噗友照片隱藏起來*/
.td_img {filter:alpha(opacity=0);opacity:0;}
.p_img {border: none;}