洋_部落格

/*-----------------------------------------------------------
PIXNET project template - 8
visual & css design by PRINCESSWOW
2007 / 09 / 20
-----------------------------------------------------------*/



body{
font-size: small ;
font-family:"Verdana" ;
background:#a6aeac ;
color:#6a5d43 ;
}

a{
text-decoration: none ;
color:#777 ;
}
a:hover{
color:#e84700 !important;
text-decoration: underline ;
}

#authority{
position:absolute ;
top: 10px;
left: 60px;
}
#authority a{
background:#7d958f ;
color:#fff ;
padding: 5px 10px;
}
#authority a:hover{
background:#000 ;
}

#container{
width: 920px;
margin: 0 auto 30px auto ;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288331.gif') repeat-y center top ;
position:relative ;
}
#container2{
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288330.jpg') no-repeat center top ;
}




/*----------------------------------------------------------------------------------------- HEADER ----------------------------------------------------------------------------------------------*/

#header{
height: 489px;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288335.jpg') no-repeat center bottom ;
}
#header .skiplink{
position:absolute ;
top: 5px ;
right: 15px;
}
#blog-category{
position:absolute ;
top: 490px;
left: 25px;
}
#header h1 a{
font-size: 1.9em ;
font-family:"Simhei" ;
display:block ;
width: 355px ;
text-align:right ;
letter-spacing: -2px;
color:#7e7038 ;
}
#header h1{
position:absolute ;
top: 370px ;
right : 25px;
}
#login-bar{
position:absolute ;
top: 350px ;
right: 25px;
color:#6c5600 ;
}
#login-bar a{
color:#6c5600 ;
}

#header h2{
position:absolute ;
top: 401px ;
right: 25px;
width: 450px;
text-align:right ;
color:#6c5600 ;
}

#navigation{

}
#navigation a:focus{
outline: none ;
}
#navigation a{
display:block ;
height: 35px ;
width: 60px ;
position:absolute ;
text-indent: -5000px;
}
#link-album a{
top: 115px ;
left: 500px;
}
#link-blog a{
top: 98px;
left: 570px;
}
#link-guestbook a{
top: 78px;
left: 637px;
}
#link-profile a{
top:60px ;
left: 705px ;
}

#navigation a:hover{
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288336.jpg') no-repeat ;
}
#link-album a:hover{
background-position: 9px -52px ;
}
#link-blog a:hover{
background-position: -61px -35px ;
}
#link-guestbook a:hover{
background-position: -128px -15px ;
}
#link-profile a:hover{
background-position: -196px 3px ;
}






#main{
padding: 0px 35px 0px 28px;
}



/*----------------------------------------------------------------------------------------- CONTENT ----------------------------------------------------------------------------------------------*/

#content{
width: 600px ;
float:right ;
margin-top: -30px;
}

#view-mode{
text-align:right ;
}


#spotlight{
text-align:Center ;
color:#39816d ;
margin-bottom: 20px;
}
#spotlight h5{
color:#72847f ;
font-family:"Simhei" ;
font-size: 1.4em ;
*font-size: 1.5em ;
margin-bottom: 3px;
}



.article-head{
height: 83px;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288342.gif') no-repeat left top ;
padding: 1px 15px 0px 133px;
}
.title{
margin-top: 14px;
}
.title a{
font-size: 1.9em ;
font-family:"Simhei" ;
letter-spacing: -2px ;
color:#555 ;
}
.publish{
margin-left: 55px;
color:#8c772d ;
font-size: .9em ;
}




.article{
margin-bottom: 30px;
}
.article-body{
margin: 0px 20px;
}
.article-content{
line-height: 160% ;
margin: 10px 0px;
}
.article-content a{
text-decoration: underline ;
}






.bookmark,
.fans-club ,
.author ,
.forward {
text-align:right ;
margin: 4px 0px;
color:#72847f ;
}
.bookmark a,
.fans-club a,
.author a,
.forward a{
color:#72847f ;
}





.more{
padding-left: 400px ;
}
.more a{
display:block ;
width: 151px ;
height: 30px ;
text-indent: -5000px;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288339.gif') no-repeat left top ;
}
.more a:hover{
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288338.gif') no-repeat left top ;
}

.more a:focus{
outline: none ;
}

.back-to-top{
text-align:right ;
clear:both ;
}


.article-footer{
_height: 1% ;
overflow:hidden ;
_overflow:none ;
margin-top: 20px;
padding: 0px 25px;
}
.refer{
width: 265px ;
float:left ;
color:#777 ;
}
.history{
width: 265px ;
float:right ;
color:#777 ;
}
.refer li ,
.history li{
margin: 3px 0px;
}






/*----------------------------------------------------------------------------------------- LINKS ----------------------------------------------------------------------------------------------*/

#links{
margin-top: 20px;
width: 215px ;
float:left ;
color:#a59374 ;
}

.box{
margin-bottom: 20px;
}
.box-title{
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288329.gif') no-repeat left top ;
font-size: 1.4em ;
*font-size: 1.5em ;
font-family:"Simhei" ;
padding: 4px 0px 0px 27px ;
margin-bottom: 5px;
color:#666 ;
}
.box-text a{
display:block ;
color:#9d7300 ;
}
.box-more{
clear:both ;
text-align:right ;
margin-top: 3px;
}
.box-more a{
display:inline ;
}



/*----------------------------------------------------------------------------------------- BOX ----------------------------------------------------------------------------------------------*/

#visitor li ,
#crumb li{
float:left ;
}
#visitor li img ,
#crumb li img{
border: 2px solid #fff ;
width: 39px;
}


#broadcast ul{
_height: 1% ;
overflow:hidden ;
_overflow:none ;
padding: 3px 0px;
border-bottom: 1px dashed #bbb ;
}
.broadcast-photo{
float:left ;
width: 45px;
}
.broadcast-photo img{
border: 2px solid #fff ;
}
.broadcast-time ,
.broadcast-text{
width: 170px ;
float:right ;
margin-top: 3px;
}
.broadcast-time a{
display:inline ;
}
.broadcast-text{
height: 16px ;
overflow:hidden ;
}





#headshot .box-text{
_height: 1% ;
overflow:hidden ;
_overflow: none ;
}
#headshot-img {
width: 100px;
float:left ;
text-align:center ;
}
#headshot-img img{
border: 3px solid #fff ;
}
#friend-apply ,
#send-message {
float:right ;
width: 100px;
}




#calendar table{
width: 84% ;
margin: 0 auto ;
}
#calendar th ,
#calendar td{
text-align:center ;
bordeR-right: 1px solid #fff ;
padding: 1px 0px ;
}
#calendar a{
background:#e1dbd1 ;
}



#recent-article a ,
#hot-article a ,
#category a ,
#latest-comment a ,
#latest-trackback a ,
#subscription a ,
#mylink a{
padding: 3px 0px;
}


#mylink .inner-box ,
#category .inner-box{
border-bottom: 1px dashed #bbb ;
padding: 5px;
}


#powered .box-text{
text-align:center ;
}





.folder a{
display: inline ;
}










/*----------------------------------------------------------------------------------------- USER-POST ----------------------------------------------------------------------------------------------*/

.user-post-title{
height: 36px;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288343.gif') no-repeat left top ;
font-size: 1.9em ;
font-family:"Simhei" ;
padding: 35px 0px 0px 50px;
color:#af8218 ;
margin:10px 0px 10px 120px ;
}

#user-post{
margin: 0px 40px ;
}

.single-post{
/* border-bottom: 2px solid #d9d6c5 ; */
border-top: 2px solid #fff ;
border-bottom : 1px solid #d3ceb8 ;
padding: 10px 0px;
_height: 1% ;
overflow:hidden ;
_overflow:none ;
line-height: 140% ;
}

.post-info{
margin-bottom: 10px;
}


.post-photo{
width: 110px;
float:left ;
}



.post-text {
color:#777 ;
}
#comment-box .post-text{
width: 410px ;
float:right ;
margin-bottom: 10px;
}
.reply-text{
width: 390px ;
float:right ;
background:#e6e4db ;
padding: 10px;
}


.post-comment{
text-align:center ;
margin: 10px 0px;
}
.post-comment a{
font-size: 1.4em ;
*font-size: 1.5em ;
font-family:"Simhei" ;
color:#d66500 ;
}


.page{
text-align:center ;
}
.page a{
padding: 2px 4px ;
}







/*----------------------------------------------------------------------------------------- MAIN-LIST ----------------------------------------------------------------------------------------------*/

.main-list table{
width: 100% ;
}
.main-list th ,
.main-list td{
padding: 4px 5px;
bordeR: 1px solid #d2cab8 ;
}
.main-list th{
background:#d2cab8 ;
border:1px solid #fff ;
}








/*----------------------------------------------------------------------------------------- EXTRA ----------------------------------------------------------------------------------------------*/




#footer{
height: 97px;
clear:both ;
background:url('http://p4.p.pixnet.net/albums/userpics/4/5/420045/1190288333.gif') no-repeat left bottom ;
text-align:center ;
padding: 50px 40px 0px 280px;
color:#72847f ;
}

input , select {
font-family:"Verdana" ;
}

input{
border: 0px;
background:#e0dcce ;
padding: 2px 5px ;
color:#887d51 ;
}

select{
color:#777 ;
}