html {
----------------------------------------------------------------------------







html (整個網頁內容)













background :#ffffff;   

SCROLLBAR-FACE-COLOR: #ffffff; 

SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; 

SCROLLBAR-SHADOW-COLOR: #ff0000; 

SCROLLBAR-3DLIGHT-COLOR: #000000; 

SCROLLBAR-ARROW-COLOR: #ff0000; 

SCROLLBAR-TRACK-COLOR: #ff0000; 

SCROLLBAR-DARKSHADOW-COLOR: #000000; 

SCROLLBAR-BASE-COLOR: #ffffff





-----------------------------------------------------------------------------







input (所有按鈕)









background :#ffffff;   

color:#ff0000;

border: 1px solid #ff0000;













-----------------------------------------------------------------------------







a (連結的字)





color : #000000;

background :ffffff;













-----------------------------------------------------------------------------







a:hover (滑鼠滑過連結時的字)







color : #fff;

background :ff0000;



















-----------------------------------------------------------------------------







#container (主框框，包住#header, #content, #footer ) 





border: 9px double #ffffff;

margin-top:10px;

color : #fff;font-size:10px;

background :url(http://www.h5.dion.ne.jp/~sozaiya/yama/wall44.gif);









------------------------------------------------------------------------------







#header (上方的banner)





background :url(http://www.h5.dion.ne.jp/~sozaiya/yama/zs-6.gif);   

color : #fff;font-size:10px;

background-image : url(http://www.h5.dion.ne.jp/~sozaiya/yama/zs-6.gif);  

background-repeat : repeat; 　   

background-attachment: fixed;

background-position : right 









----------------------------------------------------------------------------







#content (內文)











background :url(http://www.h5.dion.ne.jp/~sozaiya/yama/zs-6.gif); 

color : #fff;font-size:10px;

border-top:3px double #fff;

















----------------------------------------------------------------------------







#header #navigator (Hi,XXX!|無名小站|登出的連結列)







color:#000000;













-----------------------------------------------------------------------------







#header #navigator a (連結列裡的連結字)







padding:4px;

color:#9933ff;















-----------------------------------------------------------------------------







#header #navigator a:hover (連結列滑鼠滑過時的連結字)







color:#000;











-----------------------------------------------------------------------------







#header .selectBox (下拉式選單) 







color:#fff;border: 1px solid #fff;







-----------------------------------------------------------------------------







#header .Pcover (封面照片) 







background-position : center;   

border: 4px double #ff0000;







-----------------------------------------------------------------------------







#header .Ptext (我的地盤文字 DIV標籤)







 font-size:10px;







-----------------------------------------------------------------------------







#header .Ptext h1 (我的地盤標題：XXX的好友列表)







font-size:12px;

color:#000000







-----------------------------------------------------------------------------







#header .Ptext li a:hover (滑鼠滑過連結時)







border-color:#990000;



color:#fff;



-----------------------------------------------------------------------------







#header #menu (好友分類選單) 







color:#990000;







------------------------------------------------------------------------------







.il () 







margin:5px;











------------------------------------------------------------------------------







#content li (好友縮圖列表) 







border: 4px double #990000;



-------------------------------------------------------------------------------







#friendListDiv ol li (好友縮圖列表) 







border: 4px double #ff0000;

background :url(http://f6.wretch.yimg.com/m2245i/14/1349583703.jpg?bfahHglDdxILJBjE6LoNcRGNfqViz0vk1P_NlUaLeAXckwqIZjtX_9w-);







-----------------------------------------------------------------------------







#friendListDiv ol li a (清單中連結處)







border: 4px double #990000;









------------------------------------------------------------------------------







#friendListDiv ol li a:hover (滑鼠滑過連結處時)







background :#ffffff; 



------------------------------------------------------------------------------







#friendListDiv ol li a span.font_id (好友列表id)







text-align:center;











-------------------------------------------------------------------------------







#friendListDiv img (好友列表照片)







background-position : center;











-------------------------------------------------------------------------------







#descDiv (好友詳細說明文字div)







background :url(http://www.h5.dion.ne.jp/~sozaiya/yama/do18.gif); 

border: 4px double #333300;











-------------------------------------------------------------------------------







.font_id2 (單一好友id)







 color:#fff;



font-size:10px; 



text-align:center;







-------------------------------------------------------------------------------







.font_desc (單一好友說明)







 color:#fff;



text-align:center;







-------------------------------------------------------------------------------







.font_cate (分類名稱)







color:#fff ;



display:block ;



text-align:center;



border-bottom:4px double #000;











-----------------------------------------------------------------------------







.font_cate strong (分類)



border-bottom:4px double #000;











-----------------------------------------------------------------------------







#footer (網頁底部)







background :#ffffff;
















}
body {
  color: #666;
  background:url('http://l.yimg.com/e/style/5/572/body.jpg') repeat left top ;

}
input {

}
a {
  color: #333;
  text-decoration: none

}
a:hover {
  color: #f60; 

}
#container {
	width:900px ;
	_width:900px ;
	padding:0px 10px 0px 10px; 
	margin:0px auto ;
	background:url('http://l.yimg.com/e/style/5/572/container.jpg') repeat-y center top ;
	position:relative ;

}
#header {
	background:url('http://l.yimg.com/e/style/5/572/header.jpg') no-repeat left top ;
	/*height:299px;*/
	height:247px;
	padding:52px 0px 0px 40px; 
	position:relative ;

}
#content {
	padding:10px 0px 0px 19px;  

}
#extraDiv1 {
	height:65px ;
	width:20px; 
	background:url('http://l.yimg.com/e/style/5/572/extradiv1.jpg') ;
	position:absolute ;
	top:0px; 
	left:-10px; 

}
#extraDiv2 {
	height:65px ;
	width:20px; 
	background:url('http://l.yimg.com/e/style/5/572/extradiv2.jpg') ;
	position:absolute ;
	top:0px; 
	right:-10px; 

}
#extraDiv3 {

}
#extraDiv4 {

}
#header #navigator {
  color:#fff;
  text-align:left;
  padding:0px 10px;
  text-align:right ;
  position:absolute  ;
  top:0px ;
  right:10px; 

}
#header #navigator a {
  padding:4px;
  color:#F86BAE;

}
#header #navigator a:hover {
  color:#f60;

}
#boxProfile {
  clear:both;

}
#header .selectBox {

}
#header .Pcover {
	margin-right:40px; 

}
#header .Ptext {
padding-left: 50px;

}
#header .Ptext h1 {

}
#header .Ptext ul {

}
#header .Ptext li {
  list-style-type:none;

}
#header .Ptext li a {
  border-left:4px solid #fff;
  padding-left:5px;
  display:block;
  color:#999;
  width:150px;
  margin-bottom:2px ;

}
#header .Ptext li a:hover {
  border-color:#F7A5CC;
  color:#F756A3;

}
#header #menu {
  color:#aaa ;
position:relative;
bottom:20px;
left: 40px;

}
.il {
 
  margin:5px;

}
#msg {
	margin:0px ;
	margin-left:35px ;
	padding:0px; 
	clear:both ;

}
#msg0 {

}
#msg1 {

}
#msg2 {

}
#content li {

}
#friendListDiv {

}
#friendListDiv ol li {
   background:url('http://l.yimg.com/e/style/5/572/friendlist.jpg') left  top no-repeat  ;
	padding-top:2px ;

}
#friendListDiv ol li a {
  color:#D96BA0;
  font:.8em verdana;

}
#friendListDiv ol li a:hover {
  background: url('http://l.yimg.com/e/style/5/572/friendlist2.jpg') -1px -2px no-repeat;
  color:#000;
  border:0px ;

}
#friendListDiv ol li a span.font_id {
  

}
#friendListDiv img {

}
#descDiv {
  /*border-top: 2px solid #FFA9D1 ;
  border-left: 2px solid #FFA9D1 ;
  border-right: 2px solid #F061A4 ;
  border-bottom: 2px solid #F061A4 ;*/
  background: #FFECF6;
  color: #555;
  border:1px solid #FFA0D5 ;

}
.font_id2 {
	color:#F756A3;
	font-size:22px; 
	font-family:"Verdana" ;
	letter-spacing:-2px; 
	padding-bottom:10px; 

}
.font_desc {
	color:#F756A3;

}
.font_cate {
	color:#999 ;
	text-align:right ;
	display:block ;

}
.font_cate strong {

}
#footer {
  clear:both;

}
