布丁狗

˙/* ----------- global 基本標籤設定 ------------*/
˙html (整個網頁內容)

border-left:5px solid #FFFF33;border-right:0px solid #fff;border-top:5px solid #FFFF33;border-bottom:5px solid #FFFF33;

scrollbar-face-color:#fff;
scrollbar-highlight-color:#FFFF33;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#FFFF33;


˙body (整個網頁內容)

background:url(http://pic33.pic.wretch.cc/photos/15/n/nometter/1/1268746059.jpg) fixed no-repeat right bottom #fff;

margin:0;
padding:0;
height:100%;


˙input (所有按鈕)

BORDER-RIGHT: 1px solid #FFFF33; BORDER-TOP: 1px solid #FFFF33; FONT-SIZE: 10pt; BORDER-LEFT: 1px solid #FFFF33; COLOR: #CCC; BORDER-BOTTOM: 1px solid #FFFF33; BACKGROUND-COLOR: #fff


TEXTAREA
BORDER-RIGHT: 1px solid #FFFF33; BORDER-TOP: 1px solid #FFFF33; FONT-SIZE: 10pt; BORDER-LEFT: 1px solid #FFFF33; COLOR: #CCC; BORDER-BOTTOM: 1px solid #FFFF33; BACKGROUND-COLOR: #fff


˙a (連結的字)
color: #CCC;
text-decoration: none


˙a:hover (滑鼠滑過連結時的字)
color: #fff;


˙/* -------------------------------------------/ construct 版面架構的標籤 架構是由#container包住三個主標籤(#header, #content, #footer) */
˙#container (主框框，包住#header, #content, #footer )
padding:0px;
margin:0px;
height:100%;

˙#header (上方的banner)
float:left;
width:360px;
padding-top:30px;
padding-left:35px;


˙#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:#ccc;
text-align:Center;
padding:3px 0px;


˙#header #navigator a (連結列裡的連結字)
padding:4px;
color:#FFFF33;

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

˙/* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/
˙#boxProfile (#header裡的內容)
clear:both;



˙#header .Pcover (封面照片)
border: 4px double #FFFF33;
background:#fff center;
margin:20px 0px;



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

˙#header .Ptext h1 (我的地盤標題：XXX的好友列表)
font-size:10px;


˙/* 我的地盤列表:XXX的個人首頁、XXX的網誌、XXX的相簿、XXX的留言版*/
˙#header .Ptext li (我的地盤內容)
#header .Ptext li (我的地盤內容)

˙#header .Ptext li (我的地盤內容)
color:#CCC;

˙#header .Ptext li a (我的地盤的連結)
border-left:3px solid #FFFF33;
display:block;
color:#FFFF33;
width:150px;
padding:2px 0px;
padding-left:5px;
letter-spacing:.1em;




˙#header .Ptext li a:hover (滑鼠滑過連結時)
border-color:#fff;
color:#ccc;
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 #FFFF33;
background:#fff;
color:#fff;
font:.8em verdana;


˙#friendListDiv ol li a:hover (滑鼠滑過連結處時)
border: 0px solid black;
background:#none;
color:#CCC;



˙/* -------------------------------------------------/ * friend desc div 放大圖片與說明的樣式 */
˙#descDiv (好友詳細說明文字div)
color:#CCC;

background: url(’http://pic33.pic.wretch.cc/photos/15/n/nometter/1/1268746057.jpg’) no-repeat left bottom ;
padding:15px 5px 60px 5px;
border:1px solid #FFFF33;