網頁

2012/10/06

自訂噗浪佈景CSS註解

很久以前寫過的自訂噗浪佈景註解,出處不詳,隨便看看吧。


/*作者:http://3sec.tw */


/*無法在CSS內修改的項目如下:
1. 自訂外觀1的"畫面佈景"指定
2. 河道右下角四個選項,"所有的plurk"等四個項目,必須在自訂外觀2的"時間軸主題"指定
3. 整個佈景的最底層底色,以及"作者說" 的大外框,則是自訂外觀3的"主控台主題"
*/


/*全頁面背景修改*/
body, html {
background-repeat: no-repeat;
background: #e1f9f3;
font-family: 微軟正黑體, 新細明體, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14pxt;
}

/*頁首的BAR左半部*/
#top_bar .content a{
color: #197a65;
font-weight: normal;
}
#top_bar .content a:hover{
color: #28c4a3;
font-weight: normal;
}
#top_bar .content a#edit_link{
color: #1e977d;
font-weight: bolder;
}

/*頁首的BAR右半部*/
#top_login a
{
    color: #000000;
}

/*河道底色或圖案*/
#timeline_holder {
background-image: url(http://images.plurk.com/3867516_2d3ac5047d986d9fc6e64050cdbb1d51.jpg);
background-repeat: no-repeat;
background-color: #e1f9f3;
}
#timeline_holder #timeline_cnt #time_show {
background: #b7b5b5;
}
#timeline_holder #timeline_cnt #display_options_holder {
background: #969393;
}
/*換日線*/
#timeline_holder #timeline_cnt .day_start {
background-color: #d0cfcf;
/*時間軸柱的顏色*/
#timeline_holder #timeline_bg .bottom_start , .bottom_end {
color: #154015;
/*時間軸柱背景色*/
#timeline_holder #bottom_line {
background-color: #FFFFFF;
border: 0px;
background: transparent;

/*河道上浪友發的浪*/
.plurk_cnt
{
    border-style: none;
    background-color: #ffffff;
}
a.name{color: #111;}
.text_holder
{
    color: #F10088;
}

/*河道左下方更新通知*/
#updater
{
    border-style: none;
    background-color: #206020;
    color: #E8E8E8;
    font-size: 14px;
}
#updater a
{
    color: #FFFFFF;
}
/*左*/
#updater #noti_np #noti_np_text
{
    color: #FFFFFF;
    font-weight: bold;
}
/*(x篇新的噗)更新*/
#updater #noti_np a 
{
    color: #FFFFFF;
}
/*x則新的回應*/
#updater #noti_re #noti_re_view #noti_re_text
{
    color: #FFFFFF;
}
#updater #noti_re #noti_re_view a
{
    color: #D7D7D7;
}

/* 整個控制面板底圖 */
#plurk-dashboard
{
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px;
    background: #56A4BA;
    padding: 10px;
    color: black;
    font-weight: bold;    
    -moz-border-radius:8px 8px 8px 8px;        
}

/*控制面板鍵入訊息處,亦即"作者(我)"正在說...*/
#main_poster .qual_holder
{
    color: #000000;
    font-wight: bold;
    font-size: 20px;
    font-weight: bold;
}

/*控制面板更改plurk私密、語系和選項之大區塊*/
#more_options
{
    border: 3px dotted #CCCCCC;
}
/*私密、語系和選項 之文字部份*/
#more_options a#more_options_link
{
    color: #800000;
}
/*可以看到這則噗的是所有人 之文字部份*/
#more_options #plurk_to
{
    color: #239728;
}
/*誰可以看到這則噗 之隱藏選項區塊*/
#more_options #more_options_holder
{
    background-color: #CCCCCC;
    color: #1E8023;
}


/*控制面板頭像和年紀、位置標示處*/
#dash-profile p#full_name
{
    color: #336699;
}
#dash-profile #span_years , #m_or_f
{
    font-size:14px;
}


/*控制面板自介*/
#dash-additional-info
{
    background-color: #e1f9f3;
    -moz-border-radius: 8px 8px 8px 8px;
    padding: 5px;
    width: 210px;
}
#dash-additional-info #about_me
{
    color: #000000;
}
#dash-additional-info #about_me a
{
    color: #008080;
}
#dash-additional-info #about_me a:hover
{
    color: #00D244;
    font-size: 14px;
}

/*控制面板STATS欄位(Karma等等數據欄位)*/
#dash-stats
{
    background-color: #e1f9f3;
    width: 210px;
    -moz-border-radius:8px 8px 8px 8px;
    padding: 5px;
}
#dash-stats h2
{
    padding: 1px;
    border-style: none none groove none;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
#dash-stats #karma
{
    color: #FF0000;
    font-family: Arial;
}
#dash-stats table tbody tr th{}
#dash-stats table tbody tr td{font-weight:bold;}

/*控制面板朋友 friend 欄位*/
#dash-friends
{
    background-color: #e1f9f3;
    width: 210px;
    -moz-border-radius:8px 8px 8px 8px;
    padding: 5px;
}
#dash-friends h2
{
    padding: 1px;
    border-style: none none groove none;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

#dash-friends #friend_holder /*朋友和粉絲的大頭照縮圖集中區塊*/
{border:0px solid #AAAAAA ;}
#dash-friends-pics img, #dash-fans-pics img /*B友和粉絲的大頭照縮圖尺寸*/
{ width: 35px; height: 35px; }

/*控制面板粉絲 FANS欄位*/
#dash-fans
{
    background-color: #e1f9f3;
    width: 210px;
    -moz-border-radius:8px 8px 8px 8px;
    padding: 5px;
}
#dash-fans h2
{
    padding: 1px;
    border-style: none none groove none;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

/*單篇噗文的下半部回噗文*/
#plurk_responses
{
    background-color: #56A4BA;
    padding: 10px;
    -moz-border-radius:8px 8px 8px 8px;    
}

/*單篇噗文最下方的前一篇&後一篇導覽區塊,無法修改字型顏色*/
#plurk_nav
{
    font-size: 14px;
}

/*頁尾註腳與版權宣告*/
#footer
{
    background-position: #56A4BA;
    padding: 5px;
    background: #56A4BA;
    -moz-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。