html {
border-left:0px solid #000;border-right:0px solid #000;border-top:1px solid #000;border-bottom:1px solid #000;

scrollbar-face-color:#000;
scrollbar-highlight-color:#333;
scrollbar-shadow-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-arrow-color:#000;
scrollbar-track-color:#000;
scrollbar-darkshadow-color:#333;

}
body {
background:url(http://f7.wretch.yimg.com/aluma/41/o1091959968.jpg?P5Zwx5RDdB8UIaii0ZryxAm05ljJL7s0WxRNStrc6QRyaZHWV2N7lw--) fixed no-repeat right top #000;
  
 margin:0;
 padding:0;
 height:100%;
}
input {
BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; FONT-SIZE: 10pt; BORDER-LEFT: 1px solid #fff; COLOR: #fff; BORDER-BOTTOM: 1px solid #fff; BACKGROUND-COLOR: #000
 
BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; FONT-SIZE: 10pt; BORDER-LEFT: 1px solid #fff; COLOR: #fff; BORDER-BOTTOM: 1px solid #fff; BACKGROUND-COLOR: #000
 

TEXTAREA 
 BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; FONT-SIZE: 10pt; BORDER-LEFT: 1px solid #fff; COLOR: #fff; BORDER-BOTTOM: 1px solid #fff; BACKGROUND-COLOR: #000

}
a {
color: #fff;
  text-decoration: none 

˙a:hover (滑鼠滑過連結時的字) 
color: #ccc;


˙/* -------------------------------------------/ 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:360px;
  padding-top:30px;
  padding-left:35px;
  background:url() no-repeat 0px 0px ; 

˙#content (內文) 
padding:57px 300px 0px 20px;


˙/* -------------------------------------------/ header 標頭 分為 ul#navigator 與 div#boxProfile 兩個部分 */ 
˙#header #navigator (Hi,XXX!|無名小站|登出的連結列) 
float:left;
  width:335px;
  margin:25px 0px 0px 0px;
  color:#fff;
  text-align:Center;
  padding:3px 0px;

 

˙#header #navigator a (連結列裡的連結字) 
padding:4px;
  color:#fff

}
a:hover {
border-color:#000;
  color:#000;
  background: none; 


˙#header #menu (好友分類選單) 
display: none;

˙/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/ 
˙.il () 
display: none;

˙/* 搜尋的訊息文字 */ 
˙#msg (目前列出的好友) 
display: none;  

˙#msg0 (列出所有分類) 
display: none;

˙#msg1 (列出所有性別) 
display: none;

˙#msg2 (搜尋帳號內含有) 
display: none;


˙/* -------------------------------------------------/ * content * thumb style 縮圖清單的樣式 */ 

˙#friendListDiv ol li a (清單中連結處) 
border: 1px solid #ccc;
  background:#000;
  color:#fff;
  font:.8em verdana;

˙#friendListDiv ol li a:hover (滑鼠滑過連結處時) 
border: 0px solid black;
  background:#none;
  color:#000;

 

˙/* -------------------------------------------------/ * friend desc div 放大圖片與說明的樣式 */ 
˙#descDiv (好友詳細說明文字div) 
color:#fff;

˙/* desc category 敘述的分類文字訊息*/ 

}
#container {

}
#header {

}
#content {

}
#extraDiv1 {

}
#extraDiv2 {

}
#extraDiv3 {

}
#extraDiv4 {

}
#header #navigator {

}
#header #navigator a {

}
#header #navigator a:hover {

}
#boxProfile {

}
#header .selectBox {

}
#header .Pcover {

}
#header .Ptext {

}
#header .Ptext h1 {

}
#header .Ptext ul {

}
#header .Ptext li {

}
#header .Ptext li a {

}
#header .Ptext li a:hover {

}
#header #menu {

}
.il {

}
#msg {

}
#msg0 {

}
#msg1 {

}
#msg2 {

}
#content li {

}
#friendListDiv {

}
#friendListDiv ol li {

}
#friendListDiv ol li a {

}
#friendListDiv ol li a:hover {

}
#friendListDiv ol li a span.font_id {

}
#friendListDiv img {

}
#descDiv {

}
.font_id2 {

}
.font_desc {

}
.font_cate {

}
.font_cate strong {

}
#footer {

}
