close

 

呼~終於彙整了這段時間以來所有的噗浪CSS應用項目,一一列出,在 SAMPLE GOOD 這個版型中

 

這意謂者,在這個版型中,已經將所有設計應用的項目,羅列棋布,

以SAMPLE GOOD為基礎,

可以變化出目前為止,我所設計的各式版型風貌。

即便如此,還是會產生新的創意,引發新的想法,創造出新的版型,

這就是設計有趣的地方 ^_^

 

歡迎大家參考我所設計的CSS,但,還是要再次提醒,僅供個人噗友套用,

不歡迎商業性質套用或改製使用,也不授權創作者擅改CSS內容再分享

請務必創作出自己的噗版結構,瞭解各部份設計用意,才算是真正分享自己的作品喔~

 

近來仍然陸續發現一些國內及國外的噗浪佈景分享平台,直接使用他人的作品,

或是擅改拼湊他人設計的CSS內容在做分享,卻未註明原出處,

部份還有要使用者付費(捐款贊助?)的要求,所以,提醒版權與尊重原創,

還是有必要再多說一次XD

 

這個版型是用來學習用的。

背景預設為0,所以,不同的瀏覽器,以及使用者原來所選的不同的噗浪預設項目,

套用SAMPLE GOOD後,都可能會有不同的效果。

 

在應用上,如果有任何問題,歡迎留言詢問,希望大家都能設計出自己想要的噗樣。

找出適合自己的各種可能性。

 

對了,個人噗友使用我們所設計的版型,是不收費的,個人委託訂製專屬噗版,也不需費用。

對於收費這件事,我想,如果玩噗浪需要付費的話,應該是給噗浪團隊(plurk.com)才對XD,

感謝提供我們這麼好玩有趣的噗浪平台。

 

更多我們設計的作品,在 http://www.flickr.com/groups/plurkcss 噗浪版型下載區,

歡迎套用 

 

 

 

CSS

   /*------------------------------------------------------------------------
*噗浪版型 Plurk CSS: SAMPLE GOOD
*設計出處 Design by:  Be Myself Inc. M6
*背景圖源 Background image from:  (NONE)
*安裝網址 Install:   ()
*更多佈景 More Themes:  (http://www.flickr.com/groups/plurkcss)
*copyright:  版權所有 保留一切權利  All Rights Reserved
------------------------------------------------------------------------*/
/*-------------------------------版權說明-------------------------------*/
/*------------------------------------------------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,版權所有。
僅開放個人套用,歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處),
商業性質及其他利用方式請勿套用、改製或引用,謝謝。
---『我們並未授權創作者擅自使用我們的CSS修改後再分享,請尊重原創,謝謝~』
------------------------------如我協力創意工作室 Be Myself Inc. M6***
------------------------------------------------------------------------*/



/*-------------------------------reset 前置CSS-------------------------------*/

body {margin:0;padding:0;}  /*清除系統預設邊界***/
a {text-decoration:none;outline:0 !important;}  /*消除連結虛線框***/
a:focus {-moz-outline-style:none;}

body.language-large-font   /*語言字型***/
{
font-size:11px;
font-weight: regular;
font-stretch:normal;
font-style:normal;
font-variant:normal;
text-transform:normal;
letter-spacing:0.02em;   /*字元間距*/
-x-system-font:none;  /*清除系統預設字型*/
font-family: '微軟正黑體','Lucida Sans Unicode','Lucida Sans Regular','Tahoma','Verdana',sans-serif;
/*font-family:"Helvetica Neue", Helvetica, Meiryo, Tahoma, Arial;*/
/*font-stretch: narrower; 字窄一點*/
}

a,a:link,a:visited, a:active    /*連結文字***/
{
color:#008AB8 !important;
text-decoration:none;
text-transform:normal;
}

a:hover   /*滑鼠移至效果***/
{
color:#009DD1 !important;
position:relative;
top:1px;
left:1px;
text-decoration:underline;
}

HTML   /*捲軸語法僅ie適用***/
{
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#dddddd;
scrollbar-arrow-color:#dddddd;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#cccccc;
}

/*---頁首左方小圖使用深色
/* USE_DARK_ICONS */
***/

/*-------------------------------PART(一)-------------------------------*/
/*-------------------------------畫面佈景-------------------------------*/

body, html
{
background:#000 url(http://) center top no-repeat;
background-attachment:fixed ;   /*浮水印固定背景***/
background-position :% %;   /*x軸% y軸%的地方固定***/
margin-top:-1px;
}

/*--------------------------------------------------------------頁首頁尾---*/

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

#top_bar .content  /*頁首小圖背景圖***/
{
background: url(http://) no-repeat transparent; /*297x21*/
}

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

#page_title  /*標題***/
{
color:#FFF;
font-size:15px;
text-shadow:0px 0px 5px #ddd;  /*陰影*/
}  

#alert_beacon  /*通知數字***/
{
font-size:11px;
color:#FFF;
margin:0 2px;
font-weight:bold;  /*粗體*/
}

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

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

#top_login, #top_login a  /*頁首右邊文字***/
{
color:#FFF !important;
font-size:11px;
font-weight:normal !important;
filter:alpha(opacity=100);opacity:1; /*透明度*/
letter-spacing:1px;
}
#top_login a:hover {color:#CCC !important;}

#footer,   /*頁尾文字***/
#footer a
{
background:none !important;
color:#ccc !important;
font-size:11px;
letter-spacing: 1px;
border:0 !important;
text-decoration:none !important;
font-weight:normal !important;
margin-top:0px;
}
#footer a:hover
{
color:#333 !important;
letter-spacing: 1px;
border:0 !important;
text-decoration:none !important;
font-weight:normal !important;
}
#footer p {padding:15px;}  /*間距*/

#languge_selector   /*語言選單***/
{
color:#ccc;
font-size:11px;
font-weight:normal !important;
padding:15px;
}
#languge_selector form select   /*下拉表格欄位*/
{
background:#ccc !important;
border:1px solid #ccc !important;
color:#333 !important;
}
#languge_selector form select option  /*展開後的表格*/
{
background:#000 !important;
border:1px solid #111 !important;
color:#ddd !important;
}

/*頁尾區透明度變化***/
#footer
{filter:alpha(opacity=0) !important;opacity:0 !important;zoom:1;}
#footer:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}

/*-------------------------------PART(二)-------------------------------*/
/*-------------------------------時間軸主題-------------------------------*/

#timeline_holder
{
background:transparent url("") center top no-repeat;
background-position:% %; /*x軸% y軸%的地方固定*/
border-top:0px solid #ddd !important;
border-bottom:0px solid #444 !important;
height:px !important; /*386*/
margin:2px 0 0 0;
padding-bottom:5px;
padding:0px;
}

/*--------------------------------------------------------------噗浪生物---*/

/*隱藏 噗浪生物***/
#dynamic_logo ,#logo img {filter:alpha(opacity=0); opacity: 0;zoom:1;}
img#creature {filter:alpha(opacity=0); opacity: 0;zoom:1;}

/*---更換 噗浪生物
#dynamic_logo
{
margin-top:0;
top:60px;
height:106px;
background:url(http://) 140px 0 no-repeat;
}
#dynamic_logo img {filter:alpha(opacity=0);opacity:0;zoom:1;}
***/

/*--------------------------------------------------------------時間顯示---*/

/*日軸***/
#timeline_bg .day_bg .div_inner  /*底*/
{
background:none;
border-left:0px solid #ccc;
border-right:0px solid #ccc;
width: 24px;
height: 1px;
}

.day_start .bottom_start, .day_start .div_start  /*字*/
{
background:#444 top left no-repeat;
color:#aaaaaa !important;
font-size: 9px !important;
}

/*時軸***/
#bottom_line   /*底*/
{
background:none !important;
border-top:0px;
border-bottom:0px;
filter:alpha(opacity=30);opacity:0.3;zoom:1;
}

#timeline_bg .bottom_start , .bottom_end  /*字*/
{
background:#;
padding-right:18px;
padding-left:18px;
font-size:10px;
color:#333;
}

/*每則噗的對應時間***/
#time_show
{
background:#666677;
border:0 !important;
height:px;
width:px;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter:alpha(opacity=80);opacity:0.8;zoom:1; /*透明度*/
}
#time_show span
{
color:#FFF;
font-size:10px !important;
}

/*-------------------------------------------這條時間軸是空白的 檢視所有的噗---*/

#empty_timeline_bg {color:#ccc;text-transform: normal;font-size:0px; }
#empty_timeline_fg {color:#FFF;}
#empty_timeline_fg a {color:#033a61;}
#empty_timeline_fg a:hover {color:#033a61;text-transform: normal;}

/*-----------------------------------------------------------往前往後 按鈕---*/

.cmp_arrow_right   /*往右***/
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/white/arrow_right_alt1_32x32.png);
width:32px;height:32px;
margin:0;
filter: alpha(opacity=30); opacity: 0.3; zoom:1;
}
div.cmp_arrow_right:hover  /*滑鼠移至效果*/
{filter: alpha(opacity=70); opacity: 0.7; zoom:1;}

.cmp_arrow_left    /*往左***/
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/white/arrow_left_alt1_32x32.png);
width:32px;height:32px;
margin:0;
filter: alpha(opacity=30); opacity: 0.3; zoom:1;
}
div.cmp_arrow_left:hover   /*滑鼠移至效果*/
{filter: alpha(opacity=70); opacity: 0.7; zoom:1;}

.cmp_back_to_today   /*移至最前***/
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/white/first_16x16.png);
width:16px;height:16px;
margin-left:10px;
margin-top:10px;
filter: alpha(opacity=30); opacity: 0.3; zoom:1;
}
div.cmp_back_to_today:hover  /*滑鼠移至效果*/
{filter: alpha(opacity=70); opacity: 0.7; zoom:1;}

/*--------------------------------------------------------------loading圖---*/

.cmp_loading {width:0px;height:0px;}   /*主畫面*/
#div_loading .cnt
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/loader/loading.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/loading.gif) no-repeat scroll center top !important;  
margin-top:30px;
}

/*(http://statics.plurk.com/7f5c4282d2e9accfdae99cc6abb6c9bb.gif) 噗預設圖*/

/*隱藏特定時間軸主題的時間直線***/
.block_bg .div_one_line
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}
.small_timeline .block_bg .div_one_line
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}


/*-------------------------------PART(三)-------------------------------*/
/*-------------------------------主控台主題-------------------------------*/

#dashboard_holder   /*發噗區+資訊區***/
{
background:#;
width:px;  /*980*/
margin-bottom:0px !important;
margin:30px auto;
position:relative;
}

#plurk-dashboard   /*資訊區全區底圖***/
{
background:#eee;
border:0 !important;
height:px;  /*設定固定高度*//*326*/
overflow:auto;  /*溢出高度的內容自動顯示捲軸*/
}

.dash-segment .segment-content     /*資訊區各區底圖***/
{
background:# url(http://) repeat bottom right;
border-color:#FFF #ccc #ccc #FFF !important; /*框線顏色*/
border-style:solid !important;  /*框線樣式*/
border-width:1px !important;  /*框線粗細*/
min-height:px; /*221*/
width:px !important; /*225/210*/
padding:15px 10px 5px;
margin:5px;
}

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

/*--------------------------------------------------------------發噗區---*/

#pane_plurk,   /*Plurk-每日照片-搜尋區塊***/
#pane_daily_photo,
#pane_search
{
background:none;
border:0 !important;
}

#toggle_tab li,     /*選項標籤***/
#plurks_pane_li  /*所有*/
{
color:#444;
border:0 !important;
font-size:15px !important;
text-transform:uppercase;  /*皆大寫*/
}
#toggle_tab li.tt_selected  /*正選*/
{
background:none !important;
border:0 !important;
color:#444 !important;
}

#search_tab,   /*選項標籤圖示***/
#photo_tab,   
#plurk_tab
{filter:alpha(opacity=20) !important;opacity:0.2 !important;zoom:1;}

#search_tab:hover,
#photo_tab:hover,   
#plurk_tab:hover
{filter:alpha(opacity=70) !important;opacity:0.7 !important;zoom:1;}

/*--------------------------------------------------------------Plurk---*/

/*噗輸入區透明度變化***/
div#plurk_form
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}
div#plurk_form:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}

#main_poster   /*使用者輸入全區***/
{
width:97%;
margin:0 auto;
}

#main_poster .qual_holder   /*使用者名稱***/
{
color:#033a61;
font-size:17px !important;
}

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

/*-----------------------------------------------------------私密語系選項---*/

#more_options,
#more_options .on,
#more_options_link  /*按鈕*/
{
background:none !important;
border:0 !important;
color:#333 !important;
font-size:11px !important;
}
 #more_options_holder /*打開後*/
{
background:none !important;
border:0 !important;
color:#333  !important;
}

#more_options td {background:none;}  /*標題*/
#more_options .caption {font-weight:bold;}    /*標題列加粗*/
#more_options .caption select  /*語言選單表格*/
{
border:1px solid #fff !important;
filter:alpha(opacity=70);opacity:0.7;zoom:1;
}

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

/*下拉式選單表格***/
.floater td {background:#FFF !important;}  /*表格整體底色*/
.selectedSmartInputItem {background:#111;}  /*選擇底色*/
.wickEnabled  /*欄位列 */
{
background:#fff !important;
color:#333 !important;
}  
.auto_ta  /*表格*/
{
background:#fff;
border:1px solid #fff !important;
font-size:12px;
color:#333;
filter:alpha(opacity=70);opacity:0.7;zoom:1;
}
.auto_ta .person  /*已選擇的噗友底色*/
{
background:#eee !important;
color:#444 !important;
}  

/*--------------------------------------------------------------每日照片---*/

/*每日照片文字***/
#pane_daily_photo a {font-size:15px!important;color:#033a61 !important;}
#pane_daily_photo a:hover {color:#000 !important;}

/*每日照片區背景***/
#snap_photo .webcam
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
}
#snap_photo .computer
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
}
#snap_photo a:hover.webcam,
#snap_photo a:hover.computer
{
}

/*---更換 每日照片圖示
#snap_photo .webcam
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/pb.png) no-repeat 0 0;
}
#snap_photo .computer
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/icon/cb.png) no-repeat 0 0;
}
***/

/*--------------------------------------------------------------搜尋---*/

/*搜尋區文字***/
#pane_search {color:#033a61 !important;}
#pane_search a {color:#033a61 !important;}
#pane_search a:hover {color:#000 !important;background:#444;}

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

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


/*-------------------------------PART(四)-------------------------------*/
/*-------------------------------輸入欄位-------------------------------*/

/*對齊中間***/
.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
{
height:100px;
font-size:19px;
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
color:#111 !important;
border-color:#999 #ccc #ccc #999 !important;
border-style:solid !important;
border-width:1px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}

input#current_query   /*搜尋面板文字輸入區***/
{
height:30px;
font-size:19px;
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
color:#111 !important;
border-color:#999 #ccc #ccc #999 !important;
border-style:solid !important;
border-width:1px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}

td.td_cnt textarea,   /*每則噗回應發噗區***/
textarea#input_small
{
height:80px;
font-size:12px;
line-height:18px;
letter-spacing:0.05em;
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
color:#111 !important;
border-color:#999 #ccc #ccc #999 !important;
border-style:solid !important;
border-width:1px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}

/*--------------------------------------------------------------發噗按鈕---*/

img[src="http://static.plurk.com/button/plurk.png"]   /*隱藏原PLURK按鈕*/
{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;zoom:1;}

.submit_img  /*換顏色*/
{
background: transparent url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/black.png) no-repeat scroll top left;
height: 38px;
padding-left: 82px;
width: 0px;
overflow: hidden;
filter: alpha(opacity=80); opacity: 0.8; zoom:1;
}

/*---換手寫體
.cmp_plurk
{
background:#222 url('http://i614.photobucket.com/albums/tt230/m66660000/plurk/o.png');
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
***/

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

/*--------------------------------------------------------------表情選單---*/

#emoticons_show  /*圖片背景***/
{
background:#fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#emoticon_selecter  /*選單背景***/
{
text-align:center;
position:absolute;
background:#eee !important;
border:1px solid #eee !important;
width:500px !important;
overflow:no;
-khtml-border-radius:5px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
#emoticon_selecter img {border:1px solid #fff !important; }
#emoticon_selecter a:hover img {border:1px solid #444 !important;}
#emoticons_tabs ul li a,   /*項目 所有*/
#emoticons_tabs ul li
{
background:#eee !important;
color:#444 !important;
font-size:12px;
font-weight: regular;
text-transform:normal;
margin-left:0px;
border:0!important;
padding:3px 5px;
filter:alpha(opacity=98);opacity:0.98;zoom:1; /*透明度*/
}
#emoticons_tabs ul li.current  /*項目 正選*/
{
background:#eee !important;
border:0;
color:#111 !important;
border-bottom:0px solid #333 !important;
font-weight:bold;
}
#emoticons_show .red_link  /*額外 連結*/
{
background:#eee !important;
color:#444 !important;
}

/*更換 微笑表情選圖***/
.smily_holder img  /*隱藏笑臉符號*/
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
zoom:1;
}
.smily_holder  /*放上替代圖片*/
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/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[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"]
{
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
height:0px;
width:0px;
}


/*--------------------------------------------------------------語助詞---*/

.q_says,.q_is  /*說*/
{
background: #033a61;
border-right: 1px solid #033a61;
border-top: 1px solid #033a61;
border-bottom: 1px solid #033a61;
border-left: 1px solid #033a61;
color: #fff !important;
}
.qualifier, .m_qualifier, .r_qualifier  /*所有*/
{
border:0 !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}

.qualifier {font-size:11px !important;}  /*浪上*/
.m_qualifier {font-size:14px !important;}  /*發噗區*/
.mini_form .m_qualifier {font-size:11px !important;} /*浪上每則噗發噗區*/
#reply_box .m_qualifier {font-size:14px !important;}   /*單一噗浪發噗區*/

.qual_menu .on   /*選單滑鼠移至效果***/
{
background:#111 !important;
color:#fff !important;
}  

/*---
/*所有外觀***/
.qualifier, .m_qualifier, .r_qualifier
{
background: !important;  /*將外觀的背景去除*/
border:0 !important;
}
.qualifier {font-size:12px !important;}  /*浪上字*/
.m_qualifier {font-size:13px !important;}  /*主控台字*/
.r_qualifier {font-size:13px !important;}  /*單噗頁面字*/

/*語助詞各欄位***/
td .q_freestyle {background:none !important;color:#333 !important;}  /*自由發揮*/
td .q_loves {background:none !important;color:#B20C0C !important;}  /*愛*/
td .q_likes {background:none !important;color:#CB2728 !important;}  /*喜歡*/
td .q_shares {background:none !important;color:#A74949 !important;}  /*分享*/
td .q_gives {background:none !important;color:#620E0E !important;}  /*給*/
td .q_hates {background:none !important;color:#111 !important;}  /*討厭*/
td .q_wants {background:none !important;color:#8DB241 !important;}  /*想要*/
td .q_wishes {background:none !important;color:#5BB017 !important;}  /*期待*/
td .q_needs {background:none !important;color:#7A9A37 !important;}  /*需要*/
td .q_will {background:none !important;color:#B46DB9 !important;}  /*打算*/
td .q_hopes {background:none !important;color:#e05be9 !important;}  /*希望*/
td .q_asks {background:none !important;color:#8361bc !important;}  /*問*/
td .q_has {background:none !important;color:#777 !important;}  /*已經*/
td .q_was {background:none !important;color:#525252 !important;}  /*曾經*/
td .q_wonders {background:none !important;color:#2e4e9e !important;}  /*好奇*/
td .q_feels {background:none !important;color:#2D83BE !important;}  /*覺得*/
td .q_thinks {background:none !important;color:#689CC1 !important;}  /*想*/
td .q_says {background:none !important;color:#E2560B !important;}  /*說*/
td .q_is {background:none !important;color:#E57C43 !important;}  /*正在*/

 /*主控台視窗***/
.qual_menu {font-size:15px !important;}  /*視窗內字*/
.qual_menu .on {background:#444 !important;color:#fff !important;}  /*滑鼠移至效果*/
.qual_menu td  /*選單表格*/
{
background: !important;  /*將打開後視窗的背景去除*/
border:none !important;
text-align:center !important;
}
.AmiMenu /*外框底*/
{
background: !important;
border:none!important;
}

/*分享欄位表格***/
.share_menu  /*主控台欄位*/
{
background: !important;
border:none !important;
border-left:none !important;
font-size:14px!important;
color:#A74949 !important;
}
.mini_menu .share_menu  /*浪上欄位*/
{
background: !important;
border:none !important;
font-size:12px;
color:#A74949 !important;
}
.qual_menu .q_shares {border: !important;}  /*主控台欄位框*/
.mini_menu .q_shares {border: !important;}  /*浪上欄位框*/
.share_menu .on {background:#777 !important;color:#ccc !important;} /*滑鼠移至效果*/
.q_video,.q_link {border-left:0px solid #000 !important;}  /*連結*/
------------------------------------------------------------------------*/


/*-------------------------------PART(五)-------------------------------*/
/*-------------------------------所有的plurk/我的plurk------------------------*/

#filter_tab  /*所有標籤***/
{
background:#444;
border:0 !important;
margin-top:px !important;  /*10*/
margin-right:px !important;  /*140*/
font-size:12px !important;
height:px;  /*32*/
}
#filter_tab a.off_tab   /*未選*/
{
background: transparent;
color:#eee !important;
border-color:#999 #ccc #ccc #999 !important;
border-style:solid !important;
border-width:0px !important;
border-top:0 !important;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
#filter_tab a.filter_selected  /*正選*/
{
background:#eee;
border-color:#eee !important;
color:#444 !important;
height:px; /*36*/
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
#filter_tab a.off_tab:hover
{
background:none !important;
color:#FFF !important;
text-decoration:none !important;
top:0px;
left:0px;
border:0 !important;
}
#filter_tab a.filter_selected:hover
{
background:#eee !important;
color:#111 !important;
text-decoration:none !important;
border:0 !important;
}

/*-------------------------------PART(六)-------------------------------*/
/*-------------------------------更新通知/音樂播放器--------------------------*/

#updater, #music_player
{
background:#eee;
border-color:#999 #ccc #ccc #999 !important;
border-style:solid !important;
border-width:0px !important;
color:#333 !important;
padding:4px 4px 4px 6px !important;
margin-top:px !important; /*50*/
margin-left:px !important; /*131*/
height:21px;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
#updater .text  /*則數*/
{
color:#444;
font-size:13px !important;
}
#updater a, #music_player a  /*更新 檢視*/
{
color:# !important;
font-size:12px !important;
padding:2px;
}
#updater a:hover, #music_player a:hover  /*滑鼠移至效果*/
{
color:#333 !important;
}

/*---個別設定
#updater #noti_np #noti_np_text {}  /*左*/
#updater #noti_np a {}
#updater #noti_re #noti_re_view #noti_re_text {}
#updater #noti_re #noti_re_view a {}
***/

.cmp_poll_line  /*隱藏中間的間隔線***/
{
filter:alpha(opacity=0) !important;opacity:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}

/*更換 更新通知音效 按鈕: 彩色 ***/
.cmp_sound_off
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/volume_mute_12x9.png) 0 no-repeat;
width:16px;font-size:1px;height:16px;
background-position: 40% 40%; /*x軸40% y軸40%的地方固定*/
}
.cmp_sound_on
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/volume_12x9.png) 0 no-repeat;
width:16px;font-size:1px;height:16px;
background-position: 40% 40%; /*x軸40% y軸40%的地方固定*/
}

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


/*-------------------------------PART(七)-------------------------------*/
/*-------------------------------自介/統計/朋友/粉絲--------------------------*/

#plurk-dashboard { }

#plurk-dashboard a,   /*主控台連結文字***/
#plurk-dashboard a:link,
#plurk-dashboard a:visited,
#plurk-dashboard a:active
{
color:#77add9;
font-weight:normal !important;
text-decoration:none !important;
font-size:12px;
letter-spacing:1px;
line-height:16px;
filter:alpha(opacity=100);opacity:1;zoom:1; /*透明度*/
}
#plurk-dashboard a:hover   /*滑鼠移至效果*/
{
color:#033a61;
font-weight:normal !important;
text-decoration:underline !important;
}

/*--------------------------------------------------------------自介---*/

#profile_pic   /*個人圖像***/
{
width:23px;
border:1px solid #033a61 !important;
}
#profile_pic:hover {width:120px;}    /*滑鼠移至效果*/

#dash-profile {padding-left:5px;}   /*資料區塊***/

/*資料文字***/
p#about_me,
p#relationship_container,
#dash-profile,
#full_name,
#span_years,
#m_or_f,
#location
{
color:#77add9 !important;
text-align: left;
}

#dash-additional-info  /*關於我自己描述*/
{
background: !important;
border:0px solid #555 !important;
line-height:1.5em;
}
#dash-additional-info a   /*描述 連結*/
{
background:# !important;
border-bottom:1px dotted #77add9 !important;
color:#77add9 !important;
padding:1px;
margin-right:px;
}
#dash-additional-info a:hover  /*滑鼠移至效果*/
{
color:#033a61 !important;
border-bottom:1px dotted #033a61 !important;
}

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

/*--------------------------------------------------------------統計---*/

#dash-stats
{
text-align:center;
font-size:11px !important;
color:#444 !important;
}

#dash-stats h2   /*標題***/
{
background:none !important;
border:0px solid #ddd !important;
color:#111 !important;
font-weight:700;
text-transform:uppercase;
letter-spacing: 1px;
line-height:110%;
font-family:Arial, Verdana, san-serif;
padding:0;
}  

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

/*卡馬***/
#karma {color:#aaa;font-size:26px;}  /*數值*/
.karma_hover {color:#ddd;font-size:24px;}  /*項目*/
.karma_arrow {filter:alpha(opacity=0); -moz-opacity:0; opacity:0; zoom:1;}
.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,.cmp_points-arrow
{
height:0 !important;
font-size:0 !important;
position:absolute;
opacity:0 !important;
filter:alpha(opacity=0) !important;
zoom=1; zoom:1;
}

.cmp_karma_up   /*卡馬上升下降箭頭***/
{filter:alpha(opacity=0)!important; opacity:0!important; zoom:1;}
.cmp_karma_down
{filter:alpha(opacity=0)!important; opacity:0!important; zoom:1;}
a.link_arrow
{filter:alpha(opacity=0)!important; opacity:0!important; zoom:1;}
a.link_arrow line_badges  
{filter:alpha(opacity=0)!important; opacity:0!important; zoom:1;}

#dash-stats h3   /*卡馬背景***/
{
background:# !important;
border:0px solid #fff;
color:#;
margin-left:0;
margin:0 auto;
padding:px; /*-5*/
text-align:center;
}

/*更改 小徽章排列方式***/
.award_bar  /*緊密排排站*/
{
width:200px !important;
height:50px !important;
}
.award_bar div
{
padding:0 !important;
margin:0 !important;
}

/*小徽章透明度變化***/
.award_bar img
{filter:alpha(opacity=20) !important;opacity: 0.2 !important;zoom:1;}
.award_bar img:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}

/*--------------------------------------------------------------朋友---*/

#dash-friends,
#dash-friends-pics
{
text-align:center;
font-size:11px !important;
color:#444 !important;
}

#dash-friends h2  /*標題*/
{
font-size:14px !important;
background:none !important;
border:0px solid #ddd !important;
color:#111 !important;
font-weight:700;
text-transform:uppercase;
letter-spacing: 1px;
line-height:110%;
font-family:Arial, Verdana, san-serif;
padding:0;
}

/*--------------------------------------------------------朋友粉絲圖像***/

.user_link img
{filter:alpha(opacity=30) !important;opacity:0.3 !important; zoom:1;}
.user_link img:hover
{filter:alpha(opacity=100)!important;opacity:1!important; zoom:1;}

.user_link {background:# !important;}

.friend_holder table {margin-top:0px;margin-left:auto;margin-right:auto;}
.friend_holder td,
.friend_holder img,
.user_link
{
padding:0px !important;
margin:0px !important;
}
.friend_holder .user_link
{
height:33px!important;width:33px!important;
border:1px solid #222 !important;
}
.friend_holder img {width:33px;height:33px;}

/*---------------------------------------------------朋友粉絲與發送私密噗按鈕***/

.friend_man.private_plurk   /*發送私密噗*/
{
background:#222 !important;
border-color:#333 #333 #333 #333;
border-style:solid;
border-width:1px;
color:#555 !important;
font-size:11px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=80); opacity: 0.8; zoom:1;
}
.friend_man.add_friend   /*加入朋友*/
{
background:#222 !important;
border-color:#333 #333 #333 #333;
border-style:solid;
border-width:1px;
color:#555 !important;
font-size:11px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=80); opacity: 0.8; zoom:1;
}
.friend_man.remove,  /*取消朋友*/
.friend_man.pending /*取消追蹤該噗*/
{
background:#222 !important;
border-color:#333 #333 #333 #333;
border-style:solid;
border-width:1px;
color:#555 !important;
font-size:11px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=80); opacity: 0.8; zoom:1;
}
.friend_man.add_follow   /*追蹤粉絲*/
{
background:#222 !important;
border-color:#333 #333 #333 #333;
border-style:solid;
border-width:1px;
color:#555 !important;
font-size:11px !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=80); opacity: 0.8; zoom:1;
}
.friend_man.block  /*封鎖使用者*/
{
background:none !important;
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/gray_dark/x_alt_16x16.png) no-repeat scroll 100% 1px !important;
border:0 !important;
}
#block_user a.block {color:#333 !important;}
#block_user a.block:hover
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/blue/x_alt_16x16.png) no-repeat scroll 100% 1px !important;
color:#008AB8 !important;
}
#block_user a.block {padding:12px 18px 0 0 ;}

/*-----------------------------隱藏 朋友搜尋,入門說明,邀請朋友,分享連結,社交小圖示***/

#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;
zoom:1;
}

/*-----------------------------------------------------------------*/
/*---邀請朋友
a#dashboard-invite
{
background:#222;
border:1px solid #222 !important;
color:#555 !important;
font-size:11px !important;
font-weight:normal !important;
text-decoration:none !important;
line-height:1.2em;
width:180px;
height:auto;
padding:4px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
a#dashboard-invite span
{
background:none;
width:0px;
height:0px;
}
***/

/*---朋友搜尋
#dash-friends p
{
color:#555 !important;
font-size:11px !important;
}
#dash-friends input#loc_field
{
width:120px !important;
background:#222;
border:1px solid #333 !important;
color:#555;
font-size:9px !important;
}
***/
/*-----------------------------------------------------------------*/

/*--------------------------------------------------------------粉絲---*/

#dash-fans h2   /*標題*/
{
font-size:14px !important;
background:none !important;
border:0px solid #ddd !important;
color:#111 !important;
font-weight:700;
text-transform:uppercase;
letter-spacing: 1px;
line-height:110%;
font-family:Arial, Verdana, san-serif;
padding:0;
}
#dash-fans,
#dash-fans-pics
{
text-align:center;
font-size:11px !important;
color:#444 !important;
}
#fan_holder .friend_holder   /*粉絲區連結*/
{
color:#111 !important;
}

/*-----------------------------------------------------------------*/
/*---分享連結
#sharePlurk
{
background:#222;
border:4px solid #222;
font-size:11px !important;
color:#555 !important;
line-height:1.2em;
width:180px;
height:auto;
padding:4px;
margin-top:12px;margin-left:auto;margin-right:auto;
}
#sharePlurk div {border:0;padding:0;width:100%;}
#sharePlurk span {width:0px;height:0px;}
#sharePlurk input.clipboard
{
background:#222;
width:170px !important;
border:1px solid #333;
font-size:9px !important;
color:#666;
padding:4px 5px;
}
***/

/*---社交小圖示透明度變化
.dash-icon {filter:alpha(opacity=30) !important;opacity: 0.3 !important;zoom:1;}
.dash-icon:hover {filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}
***/
/*-----------------------------------------------------------------*/


/*-------------------------------PART(八)-------------------------------*/
/*-------------------------------浪上的噗-------------------------------*/

/*浪上的噗透明度變化***/
#timeline_cnt  
{filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;}
#timeline_cnt:hover
{filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;}

/*新回應的底色 動態***/
.plurk_box td .shade_6, td .shade_6 {background-color:#FFF !important;}
.plurk_box td .shade_5, td .shade_5 {background-color:#FFF !important;}
.plurk_box td .shade_4, td .shade_4 {background-color:#FFF !important;}
.plurk_box td .shade_3, td .shade_3 {background-color:#FFF !important;}
.plurk_box td .shade_2, td .shade_2 {background-color:#FFF !important;}
.plurk_box td .shade_1, td .shade_1 {background-color:#FFF !important;}

/*浪上噗的寬與高***/
.plurk .truncated
{min-width:px;_width:px !important;height:auto;overflow:hidden;}

/*噗打開後回應區寬度***/
.display,.toggled {min-width:px;_width:px !important;z-index:1200;}

/*--------------------------------------------------------------未打開前---*/

.plurk_cnt  
{
background:# url() left bottom repeat !important;
font-size:13px;
line-height:160%;
letter-spacing:0.06em;
padding:4px;
}

#timeline_holder .plurk_cnt
{
-moz-box-shadow: 0px 0px 0px #aaa;  /*陰影效果*/
-webkit-box-shadow: 0px 0px 0px #aaa;
box-shadow: 0px 0px 0px #aaa;
}

#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:# url() left bottom repeat !important;
}

.td_cnt .text_holder,   /*噗文字設定***/
#timeline_holder table td,
#timeline_holder .plurk_cnt
{
color:# !important;
}

div .text_holder  /*浪上的噗內容區加底線***/
{
border-bottom:0px dotted #aaa;
}

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

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

/*--------------------------------------------------------------噗上的連結---*/

.plurk a.ex_link, .text_holder a.ex_link,
.plurk a.ex_link:visited,
.plurk a.ex_link:active
{
color:# !important;
font-weight: !important;
text-decoration:none;
}
.plurk a.ex_link:hover, .text_holder a.ex_link:hover  /*滑鼠移至效果*/
{
color:# !important;
border-bottom:0px solid #999;
text-decoration:underline;
font-weight:;
}

/*-------------------------------------------------------------噗上的人名---*/

.td_qual span a {color:#111 !important;}
.td_qual span a:hover {text-decoration:underline;}
a.name {font-weight:bold;text-decoration:none;}
a.name:hover {text-decoration:underline;}

/*----------------------------------------------------------刪除/編輯/消音---*/

.manager,
.manager a,
.manager .action,
.manager .cancel,
.manager .delete,
.unmute,
.mute
{
font-size:10px !important;
color:#999 !important;
}

.muted  /*隱藏已經消音的噗***/
{
filter:alpha(opacity=20);opacity:0.2;
zoom:1;
}

/*---個別設定顏色
.manager .action { color:#000000; margin-left:5px; }
.manager a:hover { text-decoration: none!important; }
.manager .cancel { color:#999; margin-right:5px; }
.manager .delete { color:#000; margin-right:5px; }
.unmute { color:#000!important; }
***/

/*--------------------------------------------------------------影音圖片---*/

.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;}

/*--------------------------------------------------------------圖片大小---*/

.pictureservices img   /*浪上*/
{max-width:100px!important;max-height:70px!important;}
.pictureservices img:hover
{max-width:100px!important;max-height:70px!important;}
.list .pictureservices img    /*列表*/
{max-width:100px!important;max-height:60px!important;}
.list .pictureservices img:hover
{max-width:100px!important;max-height:60px!important;}

/*--------------------------------------------------------------整體外框---*/

.block_cnt .plurk_cnt
{
border:1px solid #ccc;
padding: 3px 5px 7px 20px;
margin: 0px 0px 0px -21px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.block_cnt .link_extend .plurk_cnt   /*滑鼠移過去延伸的噗***/
{
border:1px solid #ccc;
min-height:50px;_height:50px;
}
.block_cnt .plurk_box .plurk_cnt   /*噗打開後***/
{
border:1px solid #ccc;
}
.p_img  /*噗友圖***/
{
margin:1px 0px 0px 2px;
}
.plurk_box .list,    /*打開後的框***/
.plurk_box .mini_form,
.plurk_box .info_box
{
border:1px solid #ccc;
}
.plurk_box .caption  /*回應列表標題***/
{
background:#444 url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/bg_gd.png) left bottom repeat !important;  /*底色*/
color:#ccc !important;
font-size:10px !important;
letter-spacing:0.06em;
text-align:center !important;
border-top: 0px solid #ccc;  /*框線*/
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 0px solid #ccc;
filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;zoom:1; /*透明度*/
}

/*--------------------------------------------------------------噗友代表圖---*/

.td_img div   /*跟噗的間距***/
{
margin-right:px;
margin-top:px;
}
.td_img  /*圖區***/
{
width:px;
height:px;
background:transparent url(http://) 0px 3px no-repeat;
}
.p_img  /*圖框***/
{
border:0px solid #444;
border-bottom-color:#;
border-right-color:#;
}
.p_img img  /*圖片***/
{
border-top: 2px solid #fff;  /*框線*/
border-left: 2px solid #fff;
border-right: 2px solid #eee;
border-bottom: 2px solid #eee;
padding: 3px;
background:lightblue;
-moz-box-shadow: 1px 2px 2px #ccc;  /*陰影*/
-webkit-box-shadow: 1px 2px 2px #ccc;
box-shadow: 1px 2px 2px #ccc;
}

/*滑鼠移過效果***/
.p_img
{
background:#;
border: 0px double #;
height:20px;
width:20px;
filter:alpha(opacity=30)!important;opacity:0.3 !important;zoom:1;
}
.p_img:hover
{
background:#;
border: 0px double #;
height:20px;
width:20px;
filter:alpha(opacity=90)!important;opacity:0.9 !important;zoom:1;
}

/*--------------------------------------------------------------回應數---*/

.td_response_count {padding-top:5px;}  /*對齊*/

.dots .inner  /*中間的...***/
{
background:none;
border:none;
height:0;
width:0;
padding:0;
margin:0;
overflow:hidden;
font-size:0px;
}
.response_count   /*已閱讀***/
{
background:#eee;
color:#444 !important;
font-size:12px;
border:1px solid #ccc;
border-left:0 !important;
-moz-border-radius: 0px 5px 5px 0px;
-khtml-border-radius: 0px 5px 5px 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
padding-left: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 3px;
margin-top: 5px;
margin-left: 0px;
filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;zoom:1; /*透明度*/
}
.new .response_count  /*新回應***/
{
background:#008AB8 !important;
color:#FFF !important;
}

/*--------------------------------------------------------------噗打開後---*/

.plurk_box .plurk_cnt
{
padding-top: px;
padding-bottom: px;
}

/*回應列表***/
.plurk_box .list
{
border-bottom: 0px !important;   /*底框*/
min-height:318px !important;   /*高度*/
}
.list table   /*寬度*/
{
width:98% !important;
}

.list .plurk_cnt .td_qual  /*暱稱列*/
{  
/*overflow:visible;*/
/*position:absolute;*/
/*width:auto;*/
font-size:12px !important;
}
.list .plurk_cnt .td_cnt .text_holder   /*回應內容區*/
{
margin-left:em;
margin-top:em;
padding:em;
/*width:auto !important;*/
background:# !important;
color:# !importnat;
}
***/

.list .plurk_cnt   /*回應區***/
{
line-height:180%;    /*加大回應區的列距*/
}
.list .plurk_cnt tr   /*分隔線*/
{
border-bottom:1px dotted #ccc;
line-height:180%;
}
.list .plurk_cnt .td_cnt   /*字體%*/
{
font-size:12px !important;
line-height:180%;
}

/*原噗者的回應***/
.list .highlight_owner .td_qual a  /*暱稱*/
{
color:#555555 !important;
text-decoration:underline;
}  
.list .highlight_owner .td_cnt .text_holder    /*內容背景色*/
{background:# !important;}
.list .highlight_owner .td_cnt    /*表格背景色*/
{background:# !important;}
.list .highlight_owner .plurk_cnt tr  /*背景色:整列*/
{background:#eee !important;}

/*---其他噗友的回應
.list .td_qual a    /*暱稱*/
{
text-decoration: none;
color:# !important ;
background:#;
}
.list .td_cnt  /*表格背景色*/
{
background:# !important;
}
***/

/*下方回噗欄位***/
.plurk_box .mini_form {border-bottom: 0px !important;}
.mini_form .qual_holder {color:#111 !important;}  /*使用者名稱*/
.mini_form .char_updater {color:#555 !important;} /*尚餘字數*/

/*資訊列/單噗連結***/
.info_box
{
background:#eee url() left bottom repeat !important;  /*底色*/
border-top: 0px solid #ccc !important; /*框線*/
border-left: 0px solid #ccc;
border-right: 0px solid #555;
border-bottom: 0px solid #222;
}
.info_box {color:#444 !important;}  /*只有發表者的...可回應*/
.info_box a  /*連結*/
{
color:#333 !important;
background:none !important;
}
.info_box a:hover    /*滑鼠移至效果*/
{
color:#111 !important;
background:none !important;
top:0px !important;
left:0px !important;
}

div.favorite_count {color:#222 !important;}  /*喜愛的人數*/
div.limited_box {color:#666 !important;}  /*私密的噗給...*/

/*尚無回應 來搶第一個吧 : )***/
.list .empty
{
color:#444 !important;
background: url(http://) no-repeat 50% 0px transparent;  /*放背景圖*/
margin:10px 0 0 0;
padding:30px 0 0 0;
width:px;
height:px;
line-height:px;
}

/*------------------------------------------------------------回應時間標示---*/

div.response_time .holder
{
background:# url() left bottom repeat !important;
color:#333;
font-size:11px;
letter-spacing:0.05em;
margin-top:px; /*23*/
-moz-border-radius: 0px 2px 2px 0px;
-khtml-border-radius: 0px 2px 2px 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 0px;
filter:alpha(opacity=80) !important;opacity:0.8 !important;zoom:1;
}
.response_time .plurk_cnt
{
padding:0 !important;
border:0;
border-bottom:1px solid #444 !important;
-moz-border-radius: 0px 2px 2px 0px;
-khtml-border-radius: 0px 2px 2px 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 0px;
}
div.response_time
{
background:none !important;
border:0 !important;
}
.response_time .holder+div img
{
filter:alpha(opacity=80) !important;opacity:0.8 !important;zoom:1;
}

/*回應時間旁的小圖示***/
.reply_to  /*16x32*/
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/blue/user_9x12.png) no-repeat scroll 0 0;
margin-top:2px;
margin-left:2px;
}
.reply_to:hover  /*滑鼠移至效果*/
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/user_9x12.png) no-repeat scroll 0 0;
margin-top:2px;
margin-left:2px;
}
.del_icon
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/blue/x_7x7.png) no-repeat scroll 0 0;
height:14px;
width:16px;
margin-top:2px;
}
.del_icon:hover   /*滑鼠移至效果*/
{
background:transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/x_7x7.png) no-repeat scroll 0 0;
height:14px;
width:16px;
margin-top:2px;
}


/*-------------------------------PART(九)-------------------------------*/
/*-------------------------------單一噗連結頁面------------------------------*/

/*--------------------------------------------------------------本則內容---*/

.user-nick {color: #111 !important;}  /*使用者名稱*/
.user-nick:hover {color:#111 !important;}
div.bigplurk h1.content .plurk_content {color:#111 !important;} /*文字內容*/
div.bigplurk h1.content a.ex_link {color:#033a61 !important; }  /*連結顏色*/
div.bigplurk h1.content a.ex_link:hover {color:#333 !important;}

div.contentwrapper h1.content    /*內容區***/
{
background:#FFF !important;
border-top: 0px solid #333 !important;  /*框線*/
border-left: 0px solid #333 !important;
border-right: 0px solid #444 !important;
border-bottom: 0px solid #444 !important;
-moz-border-radius: 2px 2px 0px 0px;
-khtml-border-radius: 2px 2px 0px 0px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
filter: alpha(opacity=90)!important; opacity: 0.9!important; zoom:1;
}
div.time    /*時間區***/
{
background:#FFF !important;
border-top: 0px solid #333 !important;  /*框線*/
border-left: 0px solid #333 !important;
border-right: 0px solid #444 !important;
border-bottom: 0px solid #444 !important;
-moz-border-radius: 0px 0px 2px 2px;
-khtml-border-radius: 0px 0px 2px 2px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=90)!important; opacity: 0.9!important; zoom:1;
}

/*噗主代表圖***/
img.bubble_edge  /*箭頭*/
{filter:alpha(opacity=0)!important;opacity:0!important; zoom:1;}
div.user img  /*圖片*/
{
padding:0px;
background:none !important;
border:0 !important;
}

/*-----------------------------------------------------------上一則/下一則---*/

#plurk_nav a:link,    /*連結*/
#plurk_nav a:visited,
#plurk_nav a:active
{
color:#033a61 !important;
}
#plurk_nav a:hover {color:#555 !important;}   /*滑鼠移至效果*/

#prev_plurk, #next_plurk
{
background:#FFF !important;
letter-spacing:0.08em;
line-height:19px;
padding:2px;
border-top: 0px solid #333 !important;  /*框線*/
border-left: 0px solid #333 !important;
border-right: 0px solid #333 !important;
border-bottom: 0px solid #333 !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
filter: alpha(opacity=90)!important; opacity: 0.9!important; zoom:1;
}

/*--------------------------------------------------------------回應列表---*/

#plurk_responses h2 {color:#666;font-size:18px;} /*標題*/
div #plurk_responses h2 a {color:#555 !important;font-size:18px;}
div #plurk_responses h2 a:hover {color:#666 !important;font-size:18px;}
.stbuttontext {color:#777 !important;} /*ShareThis連結*/
.stbuttontext:hover {color:#ddd !important;}

/*回應區***/
#plurk_responses
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
border-top:0px solid #555;
border-left: 0px solid #555;
border-right: 0px solid #666;
border-bottom:0px solid #666;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
padding:10px;
}

/*回應區透明度變化***/
div#plurk_responses   
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}
div#plurk_responses:hover
{filter:alpha(opacity=100) !important;opacity:1 !important;zoom:1;}

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

/*連結***/
.plurk_content a.ex_link {color:#033a61 !important;}
.plurk_content a.ex_link:hover {color:#111 !important;}

/*每則回應內容***/
.message
{
background:url(http://i614.photobucket.com/albums/tt230/m66660000/plurk/imgbg/transparentwhite.png) left bottom repeat !important;
color:#111 !important;
border-top: 0px solid #333 !important;  /*框線*/
border-left: 0px solid #333 !important;
border-right: 0px solid #444 !important;
border-bottom: 1px solid #ccc !important;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
ul.responses .message a  /*文字*/
{
line-height:19px;
padding:2px;
color:#111 !important;
}
ul.responses li:hover span.time  /*回應時間***/
{
color:#333;
text-transform:normal;
border-bottom:1px solid #333;
margin: 0px -140px 0px 0px !important;
padding-left:11px;
background:none !important;
}
ul.responses .highlight_owner .time  /*原噗者回應時間***/
{
color:#DDD !important;
border-bottom:1px solid #DDD !important;
background:none !important;
}

.highlight_owner .plurk_content   /*原噗者回應內容***/
{
background:# !important;
color:#111 !important;
}

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

/*--------------------------------------------------------------回噗欄位---*/

#reply  #reply_box
{
background:none;
border:0 !important;
}
div#reply_box_holder .plurkaction {border:0 !important;}

/*使用者名稱***/
#reply_box_holder .qual_holder {color:#033a61 !important;}

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


/*-------------------------------PART(十)-------------------------------*/
/*-------------------------------說明/功能視窗-------------------------------*/

/*----------------------------------------------------------浪上噗友小視窗---*/

.AmiMenu.info_menu,
.AmiMenu.info_menu .separator
{
background:#333333 !important;
border-color:#033a61 !important;  /*框線*/
}
.AmiMenu.info_menu td.on,   /*滑鼠移至效果*/
.AmiMenu.info_menu .user_info.on
{
background:#033a61 !important;
}
.AmiMenu.info_menu .user_info.on b
{
color: #0063DC;
font-weight: bold;
}
.AmiMenu.info_menu .block   /*封鎖使用者*/
{
background:#111 !important;
border-color:#033a61 !important;  /*框線*/
}
.AmiMenu.info_menu .user_info img   /*噗友圖片*/
{
border:1px solid #033a61 !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
{
background:#033a61;
color: #ddd !important;
filter:alpha(opacity=80);opacity:0.8;zoom:1;  /*透明度*/
border-top: 1px solid #033a61 !important;  /*框線*/
border-left: 1px solid #033a61 !important;
border-right: 1px solid #033a61 !important;
border-bottom: 1px solid #033a61 !important;
}
.tooltip_cnt img {border:0 !important;}  /*噗友代表圖*/
.AmiTT_main {background:none !important; border:0 !important;}  /*背景箭頭*/

.AmiTT_main b
{
color: #0063DC;
font-weight:bold;
}
.AmiTT_main
{
color:#999;
line-height:1.2em;
border:1px solid  #033a61;
position:absolute;
text-align:left;
width:209px;
z-index:2000;
}

/*--------------------------------------------------------------功能視窗---*/

.GB_Window {border:1px solid #ccc !important;}
.GB_Window .content {border:1px solid #ccc !important;border-top:0 !important;}
.GB_Window GB_Gallery .content {border:0 !important;}
.content .iframe_holder {border:0px solid #ccc !important;}
.GB_Window .header
{
background:none !important;
border:0px solid #ccc !important;
color:#aaa;
border-bottom:none!important;
}
.GB_Window .header td.caption
{
color:#ddd;
background:#033a61 !important;
}
.GB_Window .close {background:#033a61 !important;}

/*隱藏影片在背景播放***/
div .video_holder a {color: #033a61 !important;background:# !important;}
div .hide_window a {color: #033a61 !important;} /*直接連結...*/
div .direct-l yt a {color:#033a61 !important;background:none !important;}

/*關閉按鈕***/
img[src="/static/timeline/mini_close.gif"],
img[src="http://statics.plurk.com/7d18146c10c2fbafa789e79c49db7804.gif"]
{  
filter:alpha(opacity=0);-moz-opacity:0;opacity:0;zoom:1;
}
.mini_close
{
background: transparent url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/black/x_alt_16x16.png) no-repeat scroll top left;
width: 16px;
height: 16px;
padding-left: 17px;
margin-left: -20px;
overflow: hidden;
}

/*--------------------------------------------------------------註冊/登入---*/

#validate_email,    /*回噗區*/
#sign_up_small,
#registerToday,
.plurk_box .login_to_see a,
.red_link
{
background:none !important;
color:#444 !important;
border:0;
}
.plurk_box .login_to_see  /*回噗區文字列*/
{
background:#fff !important;
border-right:0px solid #333 !important;
border-bottom:0px solid #444 !important;
}
#top_login a#sign_up   /*頁首列*/
{
background:none !important;
color:#fff !important;
border:0 !important;
}

/*--------------------------------------------------------------找噗友聊天---*/

#chat_button
{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);opacity:0;    /*隱藏***/
z-index:-1;
height:0 !important;
width:0 !important;
overflow:hidden;
}


/*------------------------------------------------------------------------
Date:  2010-11-14
Design by:  Be Myself Inc. M6
Copyright:  版權所有 保留一切權利  All Rights Reserved
------------------------------------------------------------------------*/

arrow
arrow
    全站熱搜

    M6 發表在 痞客邦 留言(3) 人氣()