we are family-Lin&Syu

本文引用自yingmei75 - 網誌樣式下載

/*------------------------------ #comment-table ------------------------------ */
#comment-form p{font: 12px "Verdana"; *font: 11px; color: #000; text-align: right; margin-right: 20px; }
#comment-form {padding: 5px; margin: 0px auto 30px auto; width: 100%; }
#comment-form table {color: #888; width: 90%; margin: 0px auto; }
#comment-form table th {border: none; }
#comment-form table td {color: #888; vertical-align: top; padding: 2px 5px; }
#comment-form input {height: 17px; font: 12px "Verdana"; color: #666; border: 0px; }
#comment-form textarea {width: 98%; height: 90px; font: 12px "Verdana"; line-height: 18px; color: #000; border: 1px solid #ccc; background: #fff; }

.article-content p{margin-bottom: 1em; }

/*------------------------------reset.css------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0; } table{border-collapse: collapse; border-spacing: 0; } fieldset,img{border: 0; } address,caption,cite,code,dfn,em,th,var{font-style: normal; font-weight: normal; } ol,ul{list-style: none; } caption,th{text-align: left; } h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal; } q:before,q:after {content:''; } abbr,acronym {border: 0; } pre{font-size: 1em; } .article-content{_height: 1%; overflow: hidden; _overflow: none; }

/*--------------------------------------------------------------------------------------------------------------
PIXNET template exemplar - by PrincessWow
redesigned by yingmei75, template named "Puppy Love"
--------------------------------------------------------------------------------------------------------------*/

html{scrollbar-face-color: #857364; scrollbar-highlight-color: #564436; scrollbar-shadow-color: #333; scrollbar-3dLight-color: #857364; scrollbar-darkshadow-color: #333; scrollbar-arrow-color: #fff; scrollbar-track-color: #FFE6BF; }

body{letter-spacing: 1.5px; font: 10.5px "Georgia"; background: #FFE6BF; color: #333; }
#body-div{width: 900px; margin: 0px auto; position: relative; }

a{text-decoration: none; color: #666; }
a:hover{color: #564436; }

#authority{position: absolute; top: 2px; margin-left: 675px; }
#authority a{padding: 2px 2px 0px 2px; }
#authority #newpost{}
#authority #backstage{}

#container{background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204244212.png) repeat-y top left; border-right, border-left: 3px solid #564436; }
#container2{padding: 10px; }
#container3{}

#main{}

/* ---------------------------------------------------------------*/

#header{background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204243381.png) no-repeat top right; width: 675px; height: 252px; margin: 5px 0px 10px -9px; }

#login-bar{color: #B36B00; text-align: left; position: absolute; top: 2px; margin-left: 10px; }

#banner{}
#banner h1{position: absolute; top: 170px; margin-left: 12px; font: 30px "SimHei"; }
#banner h1 a{color: #69594c; }
#banner h2{color: #333; text-align: left; position: absolute; top: 210px; padding: 2px 5px 2px 15px; width: 450px; margin-left: 5px; line-height: 17px; }
#banner .skiplink,#blog-category{display: none; }

#navigation{position: absolute; margin-left: 800px; overflow: hidden; _overflow: none; width: 85px; }
#navigation a{display: block; font: 0px "Arial"; color: #000; height: 33px; text-indent: -5000px; }
#navigation li{float: left; }
#link-album{top: 100px; background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204239911.png) no-repeat left bottom; width: 84px; }
#link-blog{top: 115px; background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204239912.png) no-repeat left bottom; width: 70px; margin-left: 6px; }
#link-guestbook{top: 130px; background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204239910.png) no-repeat left bottom; width: 83px; margin-left: 1px; }
#link-profile{top: 145px; background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204239909.png) no-repeat left bottom; width: 70px; margin-left: 8px; }

#content{width: 435px; float: left; margin-left: 215px; _margin-left: 105px; }

#spotlight{border-bottom: 3px solid #564436; text-align: left; }
#spotlight h5{color: #000; padding: 2px; }
#spotlight-text{color: #666; padding: 2px; }

#article-area{margin-top: 5px; margin-bottom: 10px; }
.article-area-title{padding: 3px 7px; }
#display{text-align: right; margin: 5px 0px; }
#display span{}
#display a{}
.article{border-bottom: 3px solid #564436; color: #000; font: 12px; "Verdana"; }
.article-head{margin-top: 20px; color: #564436; }
.publish{text-align: right; position: relative; top: 8px; right: 25px; font-size: 12px; }
.time{display: none; }
.title h2{margin-top: -7px; }
.title h2 a{font: 15px "Gulim"; color: #564436; }
.title h2 img{display: none; }
.article-content{}
.bookmark{text-align: right; }
.article-content{line-height: 20px; padding: 20px 10px 10px 10px; }
.more{float: right; margin: 10px; }
.more a{}
.more a:hover{position: relative; top: 2px; left: 2px; }
.author{text-align: left; padding: 1px 15px; margin-top: 20px; }
.article-footer{padding: 1px; }
.refer{padding: 1px 15px; }
.history{padding: 1px 15px; }
.forward{text-align: left; padding: 1px 15px; }
.back-to-top{text-align: right; }
br{letter-spacing: 0px; }

/* ---------------------------------------------------------------*/

user-post{}
#trackback-box{}
#comment-box{}
.user-post-box{}
#trackback-title{margin-top: 20px; }
#comment-title{}
.user-post-title{font: 12px; "Gulim"; color: #564436; margin-left: 15px; }
#trackback-text{}
#comment-text{}
.user-post-text{}
#trackback-url{margin-right: 10px; text-align: right; }
#trackback-box .post-text{width: auto; float: none; }
#trackback-box .single-post{}
#comment-box .single-post{}
.single-post{overflow: hidden; _overflow: none; height: 1%; font-family: "Verdana"; margin: 20px auto; width: 400px; }
.post-info{border-bottom: 3px dashed #564436; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; margin-top: 20px; color: #444; }
.post-text{color: 666; float: right; width: 320px; padding: 1px 5px; margin-bottom: 5px; }
.post-photo{float: left; text-align: center; }
.post-photo img{width: 60px; height: 60px; padding: 2px; border: 1px solid #ccc; }
.reply-text{clear: both; color: #663D00; padding: 5px; width: 320px; border: 1px dashed #ccc; margin-left: 70px; }
.reply-text p{color: #ccc; font-size: 9px; text-align: right; margin-top: 15px; padding-top: 2px; }
.reply-text p a{color: #ccc; }
.reply-text P img{width: 12px; height: 12px; }
.secret{}
.post-comment{}
.post-comment a{background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204238651.png) no-repeat top left; width: 180px; height: 30px; font: 0px "Arial"; color: #fff; display: block; text-indent: -5000px; text-align: center; margin: 10px auto; }
.post-comment a:hover{position: relative; top: 1px; left: 1px; }
.post-info img{width: 12px; height: 12px; }
.user-ip, .img.pixnet-user{display: none; }

/*---------------------------------------------------------------*/

.main-list{padding:10px; margin-bottom: 15px; }
.main-list table{width: 100%; margin: 10px; }
.main-list h3{padding: 5px 10px; margin-bottom: 10px; }
.main-list th{}
.main-list td{}
.main-list a{margin: 3px; }
#article-list{}
#category-list{}
#murmur-list{}
.page{text-align: center; font: 11px "Gulim"; margin-top: 40px; }

/*---------------------------------------------------------------*/

#links{width: 900px; position: absolute; top: 270px; left: 0px; }
#links-row-1{width: 210px; float: left; margin-left: 3px; }
#links-row-2{width: 210px; float: right; }
.box{padding: 5px; margin-bottom: 15px; }
.box-title{background:url(http://p9.p.pixnet.net/albums/userpics/9/8/484898/1204241548.png) no-repeat top left ; width: 189px; height: 22px; margin-bottom: 10px; color: #bbb4ae; padding: 2px; }
.box-text{overflow: hidden; _overflow: none; padding: 0px 5px; }
.box-text li{margin: 5px 0px; }
.box-text li a{}

#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor li a img, #crumb li a img{border: 1px solid #ccc; width: 30px; height: 30px; padding: 1px; }

#broadcast .box-text ul{border-bottom: 1px dashed #777; _height: 1%; overflow: hidden; _overflow: none; }
.broadcast-photo{float: left; }

#murmur .box-more{text-align: right; }

#headshot .box-text{_height: 100px; text-align: center; }
#headshot .box-text img{width: 80px; height: 80px; float: left; border: 1px solid #ccc; padding: 2px; margin-left: 2px; }

#calendar{}
#calendar .box-title{}
#calendar .box-text{}
#calendar table{width: 90%; }
#calendar .calMonthNav{text-align: center; }
#calendar .calMonthHeader{text-align: left; }
#calendar th{text-align: center; }
#calendar td{text-align: center; width: 20px; }
#calendar td a{font-weight: bold; }

#recent-article .box-text a, #latest-comment .box-text li a, #latest-trackback .box-text li a, #subscription .box-text li a{display: block; }

#recent-article .box-text a:hover, #latest-comment .box-text li a:hover, #latest-trackback .box-text li a:hover, #subscription .box-text li a:hover{}

#subscription .box-text li span{float: right; }

#favorite .box-text select, #archive .box-text select{width: 180px; font: 9px "Verdana"; }

#search-target{width: 145px; height: 15px; background: #fff; font: 10px "Verdana"; color: ccc; }
#search-submit{font-family: "Verdana"; border: 0px; color: #564436; }
#search li{display: inline; }

#archive .box-text li a{float: right; margin-top: 2px; }

#category .box-text .box-more{display: none; }

#footer{clear: both; background: transparent; width: 894px; margin-top: 3px; border-top: 3px solid #564436; margin-left: -8px; }
#footer p{padding: 5px 10px; text-align: left; width: 670px; }
#footer #bottom{text-align: right; width: 200px; margin-left: 680px; }