·         html (整個網頁內容) 
{ border-left:14px solid #fff;

}

·         body (整個網頁內容) 
{   color: #fff;
  background:url() repeat-y right top #fff;
  /*border-left:14px solid #fff;*/
margin:0;
padding:0;
height:100%;
}

·         input (所有按鈕) 
{ }

·         a (連結的字) 
{  color: #E10000;
  text-decoration: none

}

·         a:hover (滑鼠滑過連結時的字) 
{   color: #E10000; 

}

·         /* --------------------------------------------/ construct 版面架構的標籤 架構是由#container包住三個主標籤(#header, #content, #footer) */

·         #container (主框框，包住#header, #content, #footer ) 
{   padding:0px;
  margin:0px;
  background:url() no-repeat right top ;
  /*position:relative;*/
height:100%;


}

·         #header (上方的banner) 
{ float:left;
  width:350px;
  padding-top:30px;
  padding-left:35px;
  background:url() no-repeat 0px 0px ;

}

·         #content (內文) 
{  padding:57px 0px 0px 20px;


}

·         #extraDiv1 (可以任意控制的區塊1) 
{ }

·         #extraDiv2 (可以任意控制的區塊2) 
{ }

·         #extraDiv3 (可以任意控制的區塊3) 
{ }

·         #extraDiv4 (可以任意控制的區塊4) 
{ }

·         /* -------------------------------------------/ header 標頭 分為 ul#navigator 與 div#boxProfile 兩個部分 */

·         #header #navigator (Hi,XXX!|無名小站|登出的連結列) 
{   float:left;
  width:335px;
  margin:25px 0px 0px 0px;
  color:#E10000;
  text-align:right;
  padding:3px 0px;

}

·         #header #navigator a (連結列裡的連結字) 
{   padding:4px;
  color:#E10000;


}

·         #header #navigator a:hover (連結列滑鼠滑過時的連結字) 
{   color:#E10000;
  text-decoration:underline;


}

·         /* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/

·         #boxProfile (#header裡的內容) 
{  clear:both;



}

·         #header .selectBox (下拉式選單) 
{ }

·         #header .Pcover (封面照片) 
{   border: 2px solid #E10000;
  background:#fff;
  margin:20px 10px;

}

·         #header .Ptext (我的地盤文字 DIV標籤) 
{   clear:both;
  margin: 0px ;
  padding-bottom:10px;

}

·         #header .Ptext h1 (我的地盤標題：XXX的好友列表) 
{ }

·         /* 我的地盤列表:XXX的個人首頁、XXX的網誌、XXX的相簿、XXX的留言版*/

·         #header .Ptext ul (我的地盤內容) 
{ }

·         #header .Ptext li (我的地盤內容) 
{   list-style-type:none;



}

·         #header .Ptext li a (我的地盤的連結) 
{  border-left:1px solid #fff;
  display:block;
  color:#E10000;
  width:150px;
  padding:1px 0px;
  padding-left:5px;
  letter-spacing:.1em;
}

·         #header .Ptext li a:hover (滑鼠滑過連結時) 
{  border-color:#fff;
  color:#E10000;
  background:#fff;


}

·         #header #menu (好友分類選單) 
{   margin:0px;
  margin-right:25px;


}

·         /* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/

·         .il () 
{   width:250px;
  margin:5px;


}

·         /* 搜尋的訊息文字 */

·         #msg (目前列出的好友) 
{   clear:both;
  color:#E10000;



}

·         #msg0 (列出所有分類) 
{ }

·         #msg1 (列出所有性別) 
{ }

·         #msg2 (搜尋帳號內含有) 
{ }

·         /* --------------------------------------------------/ * content * thumb style 縮圖清單的樣式 */

·         #content li (好友縮圖列表) 
{ }

·         #friendListDiv ol li (好友縮圖列表) 
{    background:#fff;



}

·         #friendListDiv ol li a (清單中連結處) 
{   border: 1px solid #E10000;
  color:#E10000;
  font:.8em verdana;


 }

·         #friendListDiv ol li a:hover (滑鼠滑過連結處時) 
{   border: 1px solid #E10000;
  background:#fff;
  color:#fff;


}

·         #friendListDiv ol li a span.font_id (好友列表id) 
{   

}

·         #friendListDiv img (好友列表照片) 
{ }

·         /* -------------------------------------------------/ * friend desc div 放大圖片與說明的樣式 */

·         #descDiv (好友詳細說明文字div) 
{   border: 1px solid #E10000;
  background: white;
  color: #000;
padding:4px 8px;

}

·         .font_id2 (單一好友id) 
{ color:#fff;
display:block;
background:#E10000;
padding:4px;
text-align:center;
}

·         .font_desc (單一好友說明) 
{ color:#E10000;
padding:0px 5px;


}

·         /* desc category 敘述的分類文字訊息*/

·         .font_cate (分類名稱) 
{ color:#E10000;
padding:0px 5px;


}

·         .font_cate strong (分類) 
{ 

}

·         #footer (網頁底部) 
{   clear:both;