NekoFitness Life

把以前的樣式整理了一下，把還想分享的公佈在這裡，請自取，也自重！

藍色手創天地
雪人灰世界
mondialito音樂黑系
丸仔錢妹的關鍵對決
簡‧溫馨生活
就這樣^^謝謝...

   
 ↑ ↑ ↑ ↑ ↑ ↑ 全頁預覽圖 ↑ ↑ ↑ ↑ ↑
應網友要求，且普天同慶我開誌已近三年了，最後一次發送樣式。
IDEA來自許多地方，總之就是自用，想改就改，有問題發問！
內文區680px + 側欄區235px = 90%版清新網誌
↓ ↓ ↓ ↓ ↓ 打包↓ ↓ ↓ ↓ ↓
/*-------------- reset --------------*/
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; }

/*-------------- 全頁面 --------------*/
html{}

body{font-size: 12px; *font-size: 11px; letter-spacing: 1px; font-family: Arial; color: #BABABA !important; cursor:crosshair; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1191331224.gif); }

#body-div{width: 940px; margin: 60px auto 20px auto; }

a{color: #A3C0EB !important; text-decoration: none; }
a:hover{color: #E8AC66 !important; }
br{letter-spacing: 0; }

#authority{position: absolute; top: 0px; right: 0px; text-align: center; margin: 5px; }
#authority a{background: #f1f1f1; padding: 3px 6px; font-size: 11px; }

#login-bar{position: absolute; top: -18px; right: 10px; }
#login-bar a{font-size: 11px; }

#container{width: 940px; margin: 0px auto; padding: 10px; border: 1px solid #e0e0e0; position: relative; background: #fff; }

/*-------------- banner --------------*/
#header{}
#banner{background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/4a180ad2db521.jpg) no-repeat right top; text-align: left; height: 260px; }
#banner h1{*position: relative !important; padding-top: 20px; padding-left: 15px; }
#banner h1 a{font: 24px "微軟正黑體"; font-weight: bold; color: #71371D; }
#banner h1 a:hover{color: #555 !important;}
#banner h2{text-align: left; margin-top: 15px; margin-left: 15px; line-height: 220%; }
#banner h2 a{text-decoration: underline; }

/*-------------- navigation --------------*/
#navigation{position: absolute; top: -22px; left: 10px; width: 500px; }
#navigation a{width: 60px; height: 14px; display: block; margin-right: 10px; padding: 5px 0px 1px 0px; text-align: center; background: #fff; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; }
#navigation li{display: inline; float: left; }
#link-album a{-size: 11px; text-align: center; }
#link-album a:hover{background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49f74f055d19d.png) no-repeat center; color: #fff; font-size: 0px; text-indent: -5000px; }
#link-blog a{font-size: 11px; text-align: center; }
#link-blog a:hover{background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49f74f07335e7.png) no-repeat center; color: #fff; font-size: 0px; text-indent: -5000px; }
#link-guestbook a{font-size: 11px; text-align: center; }
#link-guestbook a:hover{background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49f74f08a054d.png) no-repeat center; color: #fff; font-size: 0px; text-indent: -5000px; }
#link-profile a{font-size: 11px; text-align: center; }
#link-profile a:hover{background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49f74efd43899.png) no-repeat center; color: #fff; font-size: 0px; text-indent: -5000px; }

/*-------------- content --------------*/
#content{width: 680px; padding: 10px 0px 0px 0px; float: left; line-height: 20px; overflow: hidden; }

/*-------------- spotlight --------------*/
#spotlight{margin: 0px 0px 15px 0px; border-bottom: 1px solid #ddd; }
#spotlight h5{display: none; }
#spotlight-text{padding: 5px; text-align: left; }
#spotlight-text a{text-decoration: underline; }

/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 20px 0px; border-bottom: 1px solid #ddd; }
.article-head{position: relative; height: 60px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/4a0fc7f693eb4.jpg) no-repeat right top; }
.publish{position: absolute; top: 5px; right: 0px; width: 80px; font: 11px "Tw Cen MT"; text-align: left; color: #261F16; }
.year{position: absolute; top: 8px; right: 35px; }
.month{position: absolute; top: 22px; right: 35px; }
.date{position: absolute; top: 8px; right: 5px; font-size: 22px; }
.day, .time{display: none; }
.title h2{width: 260px; padding: 2px 2px 2px 30px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd7e1cec3d9.jpg) no-repeat left center; }
.title h2 a{font-size: 13px; font-weight: bold; color: #2F466E; }
.article-body{margin: 0px; }
.bookmark{text-align: right; margin: 10px 0px 10px 2px; }
.article-content{margin: 25px 5px; line-height: 180%; }
.article-content p{margin: 0px 0px 15px 0px; }
.article-content a{text-decoration: underline; color: #aaa; }
.more{float: right; margin: 0px; }
.more a{text-decoration: none; }
.article-footer{margin: 0px; }
.forward{padding: 2px 0px; text-align: right; font-size: 11px; *font-size: 10px; }
.author{padding: 2px 0px; text-align: right; font-size: 11px; *font-size: 10px; }
.refer{float: left; width: 320px; background: #F4F7FD; padding: 2px 5px; text-align: left; font-size: 11px; *font-size: 10px; }
.history{float: right; width: 320px; background: #F4F7FD; padding: 2px 5px; text-align: left; font-size: 11px; *font-size: 10px; }
.back-to-top{clear: both; text-align: right; padding: 0px; font-size: 11px; *font-size: 10px; }
#blog-main .author{text-align: center; }
#blog-main .history, #blog-main .refer{display: none; }

/*-------------- display --------------*/
#display{text-align: left; margin-bottom: 20px; }
#display span{margin: 0px 5px; }
#display a{}

/*-------------- trackback --------------*/
#user-post{}
#trackback-box{margin-bottom: 20px; }
#trackback-title{}
#trackback-text{display: none; }
#trackback-url{margin: 5px 0px 5px 0px; }
#trackback-input{width: 220px!important; padding: 1px; color: #999; font: 11px "Arial"; }
#trackback-url input{width: 80px; border: 1px solid #ddd; font-size: 11px; }
#trackback-box .post-text{width: auto; float: none; }

/*-------------- comment --------------*/
.user-post-title{padding: 5px; }
#comment-title{}
#comment-text{}
.post-comment a{width: 150px; height: 50px; display: block; color: #fff; font-size: 0px; margin: 10px auto; text-indent: -5000px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/4a0da239977ff.jpg) no-repeat; }
.single-post{margin: 30px auto; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; background: none; border: 1px solid #ddd; padding: 10px; font-size: 11px; background: #F4F7FD; }
#comment-text .secret{padding: 5px; }
.post-info{width: 570px; padding: 0px 15px 0px 50px; color: #4E3D36; border-bottom: 1px dotted #d9d9d9; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd7e3d09015.gif) no-repeat left center; }
.post-info a{color: #4E3D36; }
.post-photo{float: left; display: inline; width: 75px; height: 75px; margin: 10px 10px 5px 0px; }
.post-photo img{width: 60px; height: 60px; padding: 0px; }
.post-text p{color: #000; font-weight: bold; padding: 5px; }
.post-text{float: right; width: 525px; padding: 5px; color: #999; line-height: 200%; }
.reply-text{float: right; width: 525px; padding: 5px; color: #A5ADBA; line-height: 200%; background: #fff; }
.reply-text p{text-align: right; padding: 10px 5px 5px 5px; color: #A5ADBA; font-size: 11px; }
.reply-text p a{color: #A5ADBA; }
.reply-text pre{color: #111; font-size: 11px; line-height: 18px; font: 11px "Arial"; }
.reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 80px; padding: 2px; line-height: 18px; font: 11px "Arial"; }

/*-------------- #comment-table --------------*/
#comment-form{width: 630px; margin: 30px auto; padding: 5px; }
#comment-form p{display: none; }
#comment-form table tr.comment-form-title{display: none; }
#comment-form table td{padding: 2px; color: #888; vertical-align: top; border: none; line-height: 25px; }
#comment-form table th{width: 90px; padding: 5px; vertical-align: top; border: none; }
#comment-form table th font{display: none; }
#comment-form table{width: 630px; margin: 0px auto; padding: 5px; }
#comment-form input{border: none; border-bottom: 1px solid #ddd; background: none; height: 20px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form textarea{width: 95%; height: 120px; padding: 5px; border: 1px solid #ddd; background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd7e0e43ed1.jpg) no-repeat right top; line-height: 18px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form submit a{padding: 5px; color: #555; font: 11px "Arial"; }

/*-------------- list --------------*/
.main-list{margin-top: 20px; }
.main-list table{width: 100%; margin: 0px auto; }
.main-list th{padding: 5px; }
.main-list td{padding: 5px; }
#murmur-list .list-num{display: none; }
#murmur-list .list-date{width: 120px; padding: 5px 0px; margin: 2px; }

/*-------------- page --------------*/
.page{margin: 10px 0px; text-align: center; }
.page a{padding: 2px; margin: 0px 2px; }
.page a:hover{color: #000; }
.page span{font-weight: bolder; }

/*-------------- link側欄 --------------*/
#links{width: 235px; float: right; padding: 10px 0px 0px 0px; overflow: hidden; }
#links a{color: #785A3C; }
#links a:hover{color: #888; }

/*-------------- 側欄box --------------*/
.box{margin-bottom: 20px; border: 1px solid #F3F0EE; padding: 5px; }
.box-title{text-align: left; color: #5B534C; padding: 6px 5px 8px 30px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd7e38c01bc.jpg) no-repeat -10px -15px; border-bottom: 1px solid #e1e1e1; }
.box-text{width: 210px; padding: 5px; text-align: left; color: #C6C8CC; line-height: 18px; }

/*-------------- 側欄連結項目 --------------*/
#recent-article .box-text li, #hot-article .box-text li, #latest-comment .box-text li, #mylink .box-text li, #category .box-text li, #subscription .box-text li{width: 100%; }

/*-------------- recent article --------------*/
#recent-article .box-text a, #hot-article .box-text a{display: block; padding: 1px 0px; *line-height: 19px; }
#recent-article .box-text a:hover{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd82338a924.jpg) no-repeat -3px; padding-left: 15px; }

/*-------------- latest comment & trackback --------------*/
#latest-comment span{color: #333; }
#latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; color: #C6C8CC; font-size: 11px; *font-size: 10px; }
#latest-comment .box-text a{display: block; padding: 1px 0px; font-size: 12px; *font-size: 11px; }

/*-------------- latest trackback --------------*/
#latest-trackback .box-text li{padding: 1px 0px 0px 0px; color: #C6C8CC; text-align: right; font-size: 11px; *font-size: 10px; }
#latest-trackback .box-text a{display: block; padding: 1px 0px; text-align: left; font-size: 12px; *font-size: 11px; }

/*-------------- subscription --------------*/
#subscription .box-text a{display: block; padding: 1px 0px; text-align: left; font-size: 12px; *font-size: 11px; }
#subscription .box-text li{padding: 1px 0px; color: #C6C8CC; text-align: left; font-size: 11px; *font-size: 10px; }

/*-------------- broadcast --------------*/
#broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 1px; }
#broadcast .broadcast-photo{display: inline; float: left; padding-right: 5px; }
#broadcast .broadcast-photo img{width: 35px; height: 35px; }
#broadcast .box-text li.broadcast-time a{color: #C6C8CC; padding: 1px; }
.broadcast-time{display: block; margin-left: 5px; font-size: 11px; *font-size: 10px; }
.broadcast-text{height: 17px; overflow: hidden; padding: 1px; color: #888; margin-left: 5px; font-size: 12px; *font-size: 11px; }

/*-------------- headshot --------------*/
#headshot-img{text-align: center; margin: 0px 20px 0px 0px; }
#headshot-img img{background: #fff; }
#headshot .box-text{_height: 1%; overflow: hidden; _overflow: none; }
#headshot a{display: block; border: 0; text-align: center; padding: 0px 5px 5px 5px; }

/*-------------- visitor & crumb --------------*/
#visitor .box-text{}
#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor .box-text li a img, #crumb .box-text li a img{height: 32px; width: 32px; margin: 3px 5px; }
#visitor .box-text li a:hover img, #crumb .box-text li a:hover img{}

/*-------------- calendar --------------*/
#calendar{}
#calendar .box-text{}
#calendar table{width: 90%; margin: 0px auto; text-align: center; line-height: 150%; }
#calendar .Month-Nav{text-align: right; }
#calendar .current-month{text-align: center; }
#calendar .cal-forward{text-align: right; }
#calendar .weekday th, #calendar.col-abbr{text-align: center; }
#calender th, #calendar td{}
#calendar td a{display: block; margin: 1px; }
#calendar td a:hover{display: block; }

/*-------------- mylink --------------*/
#mylink .box-text h6{padding: 1px 0px 1px 20px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49fd9b29eab6c.jpg) no-repeat left; color: #C6C8CC; }
#mylink .box-text a{display: block; padding: 1px 0px 1px 0px; font-size: 11px; }
#mylink .box-text ul{}

/*-------------- category --------------*/
#category .box-text h6{padding: 1px 0px; color: #111; }
#category .box-text a{display: block; padding: 1px 0px; }
#category .box-more{text-align: right; display: none; }

/*-------------- search --------------*/
input#search-target{text-align: left; width: 150px; height: 15px; color: #000; background: #fff; border: 1px solid #C6C8CC; color: #888; padding: 2px; }
input#search-submit{padding: 2px; margin-top: 2px; color: #888; font-size: 11px; *font-size: 10px; }
#search li{display: inline; text-align: left; }

/*-------------- archive --------------*/
#archive .box-text select{width: 200px; }
#archive .box-more{margin-top: 10px; text-align: right; }

/*-------------- murmur --------------*/
.murmur-time{margin-bottom: 10px; font-size: 11px; *font-size: 10px; }
#murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; *font-size: 10px; }
.murmur-text{line-height: 18px; font-size: 12px; *font-size: 11px; }

/*-------------- favorite --------------*/
#favorite .box-text select{width: 200px; }

/*-------------- counter --------------*/
#counter .box-text li{}

/*-------------- footer --------------*/
#footer{clear: both; text-align: center; padding: 10px 0px 0px 0px; color: #aaa; font-size: 12px; *font-size: 11px; }
#footer p, #bottom{text-align: center; padding: 0px 0px 5px 0px; color: #aaa; font-size: 12px; *font-size: 11px; }

/*-------------- 隱藏項目 --------------*/
#banner .skiplink, #blog-category, #visitor .box-more a, #crumb .box-more a, #latest-comment .box-text img, #hot-article .box-text img, #recent-article .box-text img{display: none; }
 想要改banner圖，請找#banner{}裡的background
其他問題，請迴響發問囉！最後，謝謝大家^^

   
 ↑ ↑ ↑ ↑ ↑ ↑ 全頁預覽圖 ↑ ↑ ↑ ↑ ↑
好久以前發送過的版本，後台的早就被我下架了，
因為網友問我要，所以我改了一些拿出來分享！
這個版的素材，幾乎是我上日本素材網東找西找湊出來的，只有css是我原本寫好的改改圖而已，
所以不算是個設計作品，當然朋友們就可以隨意愛改就改！迴響說一聲就好。
內文區660px + 側欄區235px = 全頁版清新網誌
↓ ↓ ↓ ↓ ↓ 打包↓ ↓ ↓ ↓ ↓
/*-------------- reset --------------*/
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; }


/*-------------- 全頁面 --------------*/
html{}

body{font-size: 11px; letter-spacing: 1px; font-family: "Arial"; color: #888; background: #d4d4d4; }

#body-div{width: 1000px; position: relative; }

a{color: #737373; text-decoration: none; }
a:hover{color: #999; }
br{letter-spacing: 0; }

#authority{position: absolute; top: 2px; right: 2px; color: #000; }
#authority a{margin: 5px; color: #000; }
#authority a:hover{color: #999; }

#login-bar{position: absolute; top: 2px ; left: 2px; color: #000; }
#login-bar a{color: #000; }
#login-bar a:hover{color: #999; }

#container{width: 1000px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1200494689.jpg) repeat-y right top; }


/*-------------- banner --------------*/
#header{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1201069773.jpg) no-repeat -20px 0px; }
#banner{text-align: left; height: 340px; }
#banner h1{*position: relative !important; padding-top: 80px; padding-left: 400px; }
#banner h1 a{font-size: 22px; font-weight: bold; color: #333; }
#banner h2{text-align: left; width: 500px; margin-top: 15px; margin-left: 400px; line-height: 220%; color: #999; font-size: 12px; }
#banner h2 a{text-decoration: underline; }


/*-------------- navigation --------------*/
#navigation{position: absolute; top: 295px; left: 498px; }
#navigation a{vertical-align: bottom; color: #aaa; font-size: 12px; padding: 2px 10px; }
#navigation li{float: left; display: inline; }
#navigation a:hover{color: #222; }


/*-------------- content --------------*/
#content{width: 660px; padding: 15px 0px 0px 0px; float: left; margin-left: 27px!important; margin-left: 12px; line-height: 20px; overflow: hidden; border-top: 1px solid #ddd; }


/*-------------- spotlight --------------*/
#spotlight{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #ddd; }
#spotlight h5{display: none; }
#spotlight-text{padding: 5px; }
#spotlight-text a{text-decoration: underline; }


/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #ddd; }
.article-head{height: 45px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49c86d61adf5e.jpg) no-repeat 0px 3px; *background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49c86d61adf5e.jpg) no-repeat 0px 7px; }
.publish{font: 12px "Tw Cen MT"; text-align: left; color: #aaa; padding: 0px 0px 1px 42px; *padding: 0px 0px 0px 42px; }
.title h2{padding: 1px 0px 0px 42px; *padding: 1px 0px 1px 42px; }
.title h2 a{font: 17px "微軟正黑體"; color: #555; font-weight: bold; }
.article-body{margin: 3px 0px; }
.bookmark{text-align: right; margin: 10px 0px 10px 2px; }
.article-content{margin: 25px 0px; line-height: 180%; font-size: 13px; }
.article-content p{margin: 0px 0px 15px 0px; }
.article-content a{text-decoration: underline; }
.more{float: right; margin: 5px 0px; }
.more a{text-decoration: none; }
.article-footer{margin: 2px 0px; }
.forward{padding: 2px 0px; text-align: left; font-size: 11px; }
.author{padding: 2px 0px; text-align: left; font-size: 11px; }
.refer{padding: 2px 0px; text-align: left; font-size: 11px; }
.history{padding: 2px 0px; text-align: left; font-size: 11px; }
.back-to-top{clear: both; text-align: right; padding: 0px; }
#blog-main .history{display: none;}


/*-------------- display --------------*/
#display{text-align: left; margin-bottom: 20px; }
#display span{margin: 0px 5px; }
#display a{}


/*-------------- trackback --------------*/
#user-post{}
#trackback-box{margin-bottom: 25px; }
#trackback-title{}
#trackback-text{margin: 5px; display: none; }
#trackback-url{margin: 5px 0px 5px 20px; }
#trackback-input{width: 420px!important; color: #999; }
#trackback-url input{}
#trackback-box .post-text{width: auto; float: none; }
.user-post-text{margin: 5px; }


/*-------------- comment --------------*/
.user-post-title{padding: 5px; }
#comment-title{}
#comment-text{margin: 5px; }
.post-comment a{font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; margin: 5px auto; width: 270px; height: 85px; background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49c86e66154a2.png) no-repeat; }
.single-post{position: relative; width: 620px; margin: 60px auto; padding: 0px 0px 5px 0px; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; border-bottom: 1px dotted #ddd; }
#comment-text .secret{display: none; }
.post-info{float: right; width: 480px; padding: 4px 5px 4px 35px; color: #eee; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/normal_49a6becb79cda.png) no-repeat left center; font-size: 11px; *font-size: 10px; }
.post-info a{color: #eee; }
.post-info img{width: 10px; height: 10px; }
.post-photo{float: left; width: 70px; margin: 5px; }
.post-photo img{width: 60px; height: 60px; background: #fff; border: 2px solid #ddd; }
.post-text p{color: #000; font-weight: bold; padding: 2px 5px; }
.post-text{float: right; width: 510px; padding: 2px 5px; color: #999; line-height: 17px; }
.reply-text{float: right; width: 455px; padding: 2px 5px 2px 60px; line-height: 17px; color: #1C1312; background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49acd24de550d.png) no-repeat 0px 2px; }
.reply-text p{text-align: right; padding-top: 10px; color: #999; font-size: 10px; }
.reply-text p a{color: #999; }
.reply-text p img{width: 10px; height: 10px; }
.reply-text pre{color: #111; font: 11px "Arial"; line-height: 20px; }
.reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 50px; padding: 4px; line-height: 20px; font: 11px "Arial"; }


/*-------------- #comment-table --------------*/
#comment-form{width: 616px; padding: 2px 2px 2px 2px; margin: 30px auto; border: none; background: none; }
#comment-form p{display: none; }
#comment-form table tr.comment-form-title{display: none; }
#comment-form table td{padding: 2px; color: #000; vertical-align: top; border: none; line-height: 25px; }
#comment-form table th{width: 90px; padding: 5px; color: #333; vertical-align: top; border: none; }
#comment-form table th font{display: none; }
#comment-form table{width: 616px; margin: 0px auto; border: none; }
#comment-form input{border: none; border-bottom: 1px solid #ddd; background: none; height: 20px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form textarea{width: 97%; height: 120px; padding: 5px; border: 1px solid #ddd; background: #fff; line-height: 18px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form submit a{padding: 5px; color: #555; font: 11px "Arial"; }


/*-------------- list --------------*/
.main-list{margin-top: 20px; }
.main-list table{width: 98%; margin: 0px auto; }
.main-list th{padding: 5px; }
.main-list td{padding: 5px; }
#murmur-list .list-num{display: none; }
#murmur-list .list-date{width: 150px; padding: 5px 0px; margin: 2px; }


/*-------------- page --------------*/
.page{margin: 10px 0px; text-align: center; }
.page a{font-size: 10px; padding: 1px 2px; margin: 0px 2px; }
.page a:hover{color: #000; }
.page span{font-weight: bolder; }


/*-------------- link側欄 --------------*/
#links{width: 235px; float: right; margin-right: 35px!important; margin-right: 17px; overflow: hidden; }
#links a{color: #777; }
#links a:hover{color: #eee; }


/*-------------- 側欄box --------------*/
.box{margin-bottom: 20px; }
.box-title{text-align: left; font: 13px "Verdana"; font-weight: bold; text-transform: uppercase; color: #333; padding: 3px 0px 3px 0px; }
.box-text{padding: 8px 4px; text-align: left; color: #999A9F; line-height: 18px; }


/*-------------- 側欄連結項目 --------------*/
#recent-article .box-text li, #hot-article .box-text li, #latest-comment .box-text li, #mylink .box-text li, #category .box-text li, #subscription .box-text li{width: 100%; }


/*-------------- recent article --------------*/
#recent-article .box-text a, #hot-article .box-text a{display: block; padding: 1px 0px; *line-height: 19px; }


/*-------------- latest comment & trackback --------------*/
#latest-comment span{font-size: 10px; color: #536281; }
#latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; color: #999A9F; font-size: 11px; *font-size: 10px; }
#latest-comment .box-text a{display: block; padding: 1px 0px; font: 11px "Arial"; }


/*-------------- latest trackback --------------*/
#latest-trackback .box-text li{padding: 1px 0px 0px 0px; color: #999A9F; text-align: right; font-size: 11px; *font-size: 10px; }
#latest-trackback .box-text a{display: block; padding: 1px 0px; text-align: left; font: 11px "Arial"; }


/*-------------- subscription --------------*/
#subscription .box-text a{display: block; padding: 1px 0px; text-align: left; font: 11px "Arial"; }
#subscription .box-text li{padding: 1px 0px; color: #999A9F; text-align: right; font-size: 11px; *font-size: 10px; }


/*-------------- broadcast --------------*/
#broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 1px; }
#broadcast .broadcast-photo{display: inline; float: left; padding-right: 5px; }
#broadcast .broadcast-photo img{width: 35px; height: 35px; }
#broadcast .box-text li.broadcast-time a{color: #999A9F; padding: 1px; }
.broadcast-time{display: block; margin-left: 5px; font-size: 11px; *font-size: 10px; }
.broadcast-text{height: 17px; overflow: hidden; padding: 1px; color: #888; margin-left: 5px; }


/*-------------- headshot --------------*/
#headshot-img{width: 100px; height: 100px; float: left; text-align: center; margin: 0px 5px 0px 0px; }
#headshot .box-text{_height: 1%; overflow: hidden; _overflow: none; }
#headshot a{display: block; border: 0; padding: 0px 5px 5px 5px; }


/*-------------- visitor & crumb --------------*/
#visitor .box-text{}
#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor .box-text li a img, #crumb .box-text li a img{height: 31px; width: 31px; margin: 1px 3px; }
#visitor .box-text li a:hover img, #crumb .box-text li a:hover img{}


/*-------------- calendar --------------*/
#calendar{}
#calendar .box-text{}
#calendar table{width: 90%; margin: 0px auto; text-align: center; line-height: 190%; }
#calendar .Month-Nav{text-align: right; }
#calendar .current-month{text-align: center; }
#calendar .cal-forward{text-align: right; }
#calendar .weekday th, #calendar.col-abbr{text-align: center; }
#calender th, #calendar td{}
#calendar td a{display: block; color: #bbb; margin: 1px; background: #777; }
#calendar td a:hover{display: block; background: #eee; color: #666; }


/*-------------- mylink --------------*/
#mylink .box-text h6{padding: 1px 0px 1px 15px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1192433724.gif) no-repeat left center; }
#mylink .box-text a{display: block; padding: 1px 0px 1px 0px; font-size: 11px; *font-size: 10px; }
#mylink .box-text ul{border-bottom: 1px dashed #ddd; }


/*-------------- category --------------*/
#category .box-text h6{padding: 1px 0px; color: #111; }
#category .box-text a{display: block; padding: 1px 0px; }
#category .box-more{text-align: right; display: none; }


/*-------------- search --------------*/
input#search-target{text-align: left; width: 160px; height: 17px; color: #000; background: #fff; border: none; border: 1px solid #ddd; color: #888; padding: 1px; }
input#search-submit{border: 1px solid #ddd; background: #444; padding: 2px; color: #fff; font: 10px "Arial"; }
#search li{display: inline; text-align: center; }


/*-------------- archive --------------*/
#archive .box-text select{width: 200px; }
#archive .box-more{margin-top: 10px; text-align: right; }


/*-------------- murmur --------------*/
.murmur-time{margin-bottom: 10px; font-size: 11px; *font-size: 10px; }
#murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; *font-size: 10px; }
.murmur-text{line-height: 18px; }


/*-------------- favorite --------------*/
#favorite .box-text select{width: 200px; }


/*-------------- counter --------------*/
#counter .box-text li{}


/*-------------- folder --------------*/
#box413397 .box-text{text-align: right; }
#box361163 .box-text, #box362689 .box-text{line-height: 21px; }


/*-------------- footer --------------*/
#footer{clear: both; text-align: left; padding: 30px 0px 0px 10px; color: #aaa; font-size: 11px; }
#footer p, #bottom{text-align: left; padding: 0px 0px 5px 10px; color: #aaa; font-size: 11px; }


/*-------------- 隱藏項目 --------------*/
#banner .skiplink, #blog-category, #visitor .box-more a, #crumb .box-more a, #latest-comment .box-text img, #hot-article .box-text img, #recent-article .box-text img{display: none; }
 不喜歡雪人，想要改banner圖，請找#header{}裡的background
其他問題，請迴響發問囉！
最後，謝謝大家^^

↑ ↑ ↑ ↑ ↑ 全頁預覽圖 ↑ ↑ ↑ ↑ ↑
我很喜歡mondialito的音樂，每次聽起來，就輕輕的，心情也會輕輕的！
分享完很彩色的樣式，當然基本款簡約的也要發送一下！
最近靈感氾監，所以加緊的做，免得之後又沒靈感，那就糟了...
其實做這版的右上角的照片地方，是可以加上你們自己的照片的...尺寸為270px*176px
請找到#banner{}的background: url(網址) no-repeat 656px 48px;，
把網址貼到()裡，應該就可以正常顯示。
我在IE6、IE7和FF的1440*900都可以正常顯示，如果有人套用不行的話，請回報。
最後，打包請記得迴響通知，有問題請在本篇發問。
內文區660px + 側欄區205px = 內文超大全頁版樣式
↓ ↓ ↓ ↓ ↓ 打包↓ ↓ ↓ ↓ ↓
/*-------------- reset --------------*/
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; }


/*-------------- 全頁面 --------------*/
html{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab847cc631c.png) repeat; }

body{font-size: 11px; letter-spacing: 1px; font-family: "Arial"; color: #aaa; }

#body-div{width: 1000px; margin: 0 auto; position: relative; }

a{color: #737373; text-decoration: none; }
a:hover{color: #999; }
br{letter-spacing: 0; }

#authority{position: absolute; top: 2px; left: 47px; color: #fff; }
#authority a{margin: 5px; color: #fff; }
#authority a:hover{color: #999; }

#login-bar{position: absolute; top: 2px ; right: 55px; color: #fff; }
#login-bar a{color: #fff; }
#login-bar a:hover{color: #999; }

#container{width: 1000px; margin: 0 auto; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab84d5a0973.png) repeat-y center top; }


/*-------------- banner --------------*/
#header{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab88811bca5.png) no-repeat center bottom; }
#banner{text-align: left; height: 275px; background: url(網址) no-repeat 656px 48px; }
#banner h1{*position: relative !important; padding-top: 50px; padding-left: 60px; }
#banner h1 a{font: 20px "Verdana"; font-weight: bold; color: #eee; }
#banner h2{text-align: left; margin-top: 15px; margin-left: 60px; line-height: 220%; color: #999; }
#banner h2 a{text-decoration: underline; }


/*-------------- navigation --------------*/
#navigation{position: absolute; top: 200px; left: 4px; }
#navigation a{color: #fff; font-size: 0pt; text-indent: -5000px; display: block; }
#navigation li{}
#link-album a{width: 35px; height: 19px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1190344575.gif) no-repeat center; margin-bottom: 20px; }
#link-blog a{width: 35px; height: 19px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1190344570.gif) no-repeat center; margin-bottom: 20px; }
#link-guestbook a{width: 35px; height: 19px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1190344561.gif) no-repeat center; margin-bottom: 20px; }
#link-profile a{width: 35px; height: 19px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1190344579.gif) no-repeat center; }


/*-------------- content --------------*/
#content{width: 660px; float: left; padding-left: 55px; margin-top: -10px; line-height: 20px; overflow: hidden; }


/*-------------- spotlight --------------*/
#spotlight{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #999; }
#spotlight h5{display: none; }
#spotlight-text{padding: 5px 0px 5px 0px; *font-size: 10px; line-height: 22px; }
#spotlight-text a{text-decoration: underline; }


/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #999; }
.article-head{height: 50px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab8c082187a.png) no-repeat left center; }
.publish{font: 12px "Tw Cen MT"; text-align: left; color: #aaa; padding: 5px 0px 2px 35px; *padding: 2px 0px 2px 35px; }
.time{display: none; }
.title h2{padding: 2px 0px 0px 35px; }
.title h2 a{font-size: 15px; color: #fff; }
.article-body{margin: 5px; }
.bookmark{text-align: left; margin: 2px 0px; }
.article-content{margin: 20px 0px; line-height: 180%; }
.article-content a{text-decoration: underline; }
.more{float: right; margin: 10px 0px; }
.more a{text-decoration: none; }
.article-footer{margin: 2px 0px; }
.forward{padding: 2px; text-align: left; }
.author{padding: 2px; text-align: left; }
.refer{width: 310px; float: left; padding: 2px 1px 2px 19px; text-align: left; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49a62f505d4e9.png) no-repeat left; }
.history{width: 310px; float: right; padding: 2px 1px 2px 19px; text-align: left; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49a62f505d4e9.png) no-repeat left; }
.back-to-top{clear: both; text-align: right; padding: 0px; }
#blog-main .history{display: none;}


/*-------------- display --------------*/
#display{text-align: left; margin-bottom: 20px; }
#display span{margin: 0px 5px; }
#display a{}


/*-------------- trackback --------------*/
#user-post{margin-bottom: 45px; }
#trackback-box{margin-bottom: 25px; }
#trackback-title{}
#trackback-text{margin: 5px; display: none; }
#trackback-url{margin: 5px 0px 5px 20px; }
#trackback-input{width: 420px!important; color: #999; }
#trackback-url input{}
#trackback-box .post-text{width: auto; float: none; }
.user-post-text{margin: 5px; }


/*-------------- comment --------------*/
#user-post{margin-bottom: 45px; }
.user-post-title{padding: 5px; }
#comment-title{}
#comment-text{margin: 5px; }
.post-comment a{font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; margin: 10px auto 30px auto; width: 645px; height: 54px; background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab8f01ca65d.png) no-repeat; }
.single-post{position: relative; width: 645px; margin: 60px auto; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; border-bottom: 1px dotted #999; }
#comment-text .secret{display: none; }
.post-info{padding: 6px 5px 6px 30px; color: #eee; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab8dd540e56.png) no-repeat center; }
.post-info a{color: #eee; }
.post-photo{float: left; width: 80px; margin: 15px 5px 5px 10px; }
.post-photo img{width: 70px; height: 70px; background: #fff; border: 2px solid #111; }
.post-text p{color: #000; font-weight: bold; padding: 5px 0px; }
.post-text{float: right; width: 525px; padding: 5px; color: #999; line-height: 17px; }
.reply-text{float: right; width: 525px; padding: 5px; line-height: 17px; color: #1C1312; }
.reply-text p{text-align: right; padding-top: 10px; color: #1C1312; }
.reply-text p a{color: #1C1312; }
.reply-text pre{color: #1C1312; font: 11px "Arial"; line-height: 20px; }
.reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 80px; padding: 4px; line-height: 20px; font: 11px "Arial"; }


/*-------------- #comment-table --------------*/
#comment-form{width: 406px; height: 346px; padding: 2px 4px 2px 235px; margin: 30px auto; border: none; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab930d24db6.png) no-repeat 0px; }
#comment-form p{display: none; }
#comment-form table tr.comment-form-title{display: none; }
#comment-form table td{padding: 2px; color: #000; vertical-align: top; border: none; line-height: 25px; }
#comment-form table th{width: 85px; padding: 5px; color: #555; vertical-align: top; border: none; }
#comment-form table th font{display: none; }
#comment-form table{width: 400px; margin: 0px auto; border: none; }
#comment-form input{border: none; border-bottom: 1px solid #ddd; background: none; height: 20px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form textarea{width: 95%; height: 120px; padding: 5px; border: 1px solid #ddd; background: url() no-repeat 95% 0%; line-height: 18px; font: 11px "Arial"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form submit a{padding: 5px; color: #555; font: 11px "Arial"; }


/*-------------- list --------------*/
.main-list{margin-top: 20px; }
.main-list table{width: 98%; margin: 0px auto; }
.main-list th{padding: 5px; }
.main-list td{padding: 5px; }
#murmur-list .list-num{display: none; }
#murmur-list .list-date{width: 150px; padding: 5px 0px; margin: 2px; }


/*-------------- page --------------*/
.page{margin: 10px 0px; text-align: center; }
.page a{font-size: 10px; padding: 1px 2px; margin: 0px 2px; }
.page a:hover{color: #000; }
.page span{font-weight: bolder; }


/*-------------- link側欄 --------------*/
#links{width: 205px; float: right; padding-right: 55px; margin-top: -10px; overflow: hidden; }
#links a{color: #454545; }
#links a:hover{color: #999; }


/*-------------- 側欄box --------------*/
.box{margin-bottom: 20px; }
.box-title{text-align: left; font: 14px "Tw Cen MT"; color: #555; padding: 4px 0px 4px 30px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab9090e8b5d.png) no-repeat left; }
.box-text{padding: 5px; text-align: left; color: #aaa; line-height: 18px; }


/*-------------- 側欄連結項目 --------------*/
#recent-article .box-text li, #hot-article .box-text li, #latest-comment .box-text li, #mylink .box-text li, #category .box-text li, #subscription .box-text li{width: 100%; }


/*-------------- recent article --------------*/
#recent-article .box-text a, #hot-article .box-text a{display: block; padding: 1px 0px; *line-height: 20px; }


/*-------------- latest comment & trackback --------------*/
#latest-comment span{font-size: 10px; color: #475063; }
#latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; color: #bbb; font-size: 11px; *font-size: 10px; }
#latest-comment .box-text a{display: block; padding: 1px 0px; font: 11px "Arial"; border-bottom: 1px dotted #ddd; }


/*-------------- latest trackback --------------*/
#latest-trackback .box-text li{padding: 1px 0px 0px 0px; color: #bbb; text-align: right; font-size: 11px; *font-size: 10px; }
#latest-trackback .box-text a{display: block; padding: 1px 0px; text-align: left; font: 11px "Arial"; border-bottom: 1px dotted #ddd; }


/*-------------- subscription --------------*/
#subscription .box-text a{display: block; padding: 1px 0px; text-align: left; font: 11px "Arial"; }
#subscription .box-text li{padding: 1px 0px; color: #bbb; text-align: right; font-size: 11px; *font-size: 10px; border-bottom: 1px dotted #ddd; }


/*-------------- broadcast --------------*/
#broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 1px; }
#broadcast .broadcast-photo{display: inline; float: left; padding-right: 5px; }
#broadcast .broadcast-photo img{width: 38px; height: 38px; }
#broadcast .box-text li.broadcast-time a{color: #bbb; padding: 1px; }
.broadcast-time{display: block; margin-left: 5px; font-size: 11px; *font-size: 10px; }
.broadcast-text{height: 17px; overflow: hidden; padding: 1px; color: #888; margin-left: 5px; }


/*-------------- headshot --------------*/
#headshot-img{width: 100px; height: 100px; float: left; text-align: center; margin: 0px 10px 0px 0px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49a645cea54e7.png) no-repeat left top; }
#headshot .box-text{_height: 1%; overflow: hidden; _overflow: none; }
#headshot a{display: block; border: 0; padding: 5px; }


/*-------------- visitor & crumb --------------*/
#visitor .box-text{}
#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor .box-text li a img, #crumb .box-text li a img{height: 40px; width: 40px; margin: 1px 3px; }
#visitor .box-text li a:hover img, #crumb .box-text li a:hover img{}


/*-------------- calendar --------------*/
#calendar{}
#calendar .box-text{}
#calendar table{width: 90%; margin: 0px auto; text-align: center; line-height: 190%; }
#calendar .Month-Nav{text-align: right; }
#calendar .current-month{text-align: center; }
#calendar .cal-forward{text-align: right; }
#calendar .weekday th, #calendar.col-abbr{text-align: center; }
#calender th, #calendar td{}
#calendar td a{display: block; color: #bbb; margin: 1px; }
#calendar td a:hover{display: block; }


/*-------------- mylink --------------*/
#mylink .box-text h6{padding: 1px 0px 1px 16px; color: #111; font-weight: bold; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49a62a05e5fcb.png) no-repeat left center; }
#mylink .box-text a{display: block; padding: 1px 0px 1px 16px; }
#mylink .box-text ul{border-bottom: 1px dashed #ddd; }


/*-------------- category --------------*/
#category .box-text h6{padding: 1px 0px; color: #111; }
#category .box-text a{display: block; padding: 1px 0px; }
#category .box-more{text-align: right; display: none; }


/*-------------- search --------------*/
input#search-target{text-align: left; width: 150px; height: 17px; color: #000; background: none; border: none; border: 1px solid #ddd; color: #888; padding: 1px; }
input#search-submit{border: 1px solid #ddd; background: #444; padding: 2px; color: #fff; font: 10px "Arial"; }
#search li{display: inline; text-align: center; }


/*-------------- archive --------------*/
#archive .box-text select{width: 200px; }
#archive .box-more{margin-top: 10px; text-align: right; }


/*-------------- murmur --------------*/
.murmur-time{margin-bottom: 10px; font-size: 11px; *font-size: 10px; }
#murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; *font-size: 10px; }
.murmur-text{line-height: 18px; }


/*-------------- favorite --------------*/
#favorite .box-text select{width: 200px; }


/*-------------- counter --------------*/
#counter .box-text li{}


/*-------------- folder --------------*/
#box413397 .box-text{text-align: right; }
#box361163 .box-text, #box362689 .box-text{line-height: 21px; }


/*-------------- footer --------------*/
#footer{clear: both; text-align: left; height: 70px; padding: 30px 0px 0px 27px; color: #aaa; font-size: 11px; *font-size: 10px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/49ab84a7a0bbb.png) no-repeat center bottom; }
#footer p, #bottom{text-align: left; padding: 0px 0px 5px 27px; color: #aaa; font-size: 11px; *font-size: 10px; }


/*-------------- 隱藏項目 --------------*/
#banner .skiplink, #blog-category, #visitor .box-more a, #crumb .box-more a, #latest-comment .box-text img, #hot-article .box-text img, #recent-article .box-text img{display: none; }

↑ ↑ ↑ ↑ ↑ 全頁預覽圖 ↑ ↑ ↑ ↑ ↑
Q家可愛的丸丸錢錢又來囉！本來打算在比賽過後才要讓後台去開放下載的，
但是要朋友問我可不可以打包，就乾脆直接開放下載啦！
打包請記得迴響通知，有問題請在本篇發問。
內文區680px + 側欄區225px = 全頁版樣式
↓ ↓ ↓ ↓ ↓ 打包↓ ↓ ↓ ↓ ↓
/*-------------- reset --------------*/
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; }


/*-------------- 全頁面 --------------*/
html{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499e7b726f0d1.png) repeat; }

body{font-size: 11px; *font-size: 10px; letter-spacing: 1px; font-family: "Verdana"; color: #999; }

#body-div{width: 1000px; margin: 0 auto; position: relative; }

a{color: #9AA570; text-decoration: none; }
a:hover{color: #999; }
br{letter-spacing: 0; }

#authority{position: absolute; top: 2px; left: 15px; color: #999; }
#authority a{margin: 5px; color: #999; }

#login-bar{position: absolute; top: 2px ; right: 15px; color: #999; }
#login-bar a{color: #999; }

#container{width: 1000px; margin: 0 auto; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499d49c108173.png) repeat-y center top; }


/*-------------- banner --------------*/
#header{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499e790933394.png) no-repeat center bottom; }
#banner{text-align: left; height: 340px; }
#banner h1{*position: relative !important; padding-top: 55px; padding-left: 10px; }
#banner h1 a{font: 20px "Verdana"; font-weight: bold; color: #000; }
#banner h2{text-align: left; margin-top: 15px; margin-left: 10px; line-height: 220%; color: #444; }
#banner h2 a{text-decoration: underline; }


/*-------------- navigation --------------*/
#navigation{position: absolute; top: 160px; left: 230px; }
#navigation a{color: #fff; font-size: 0pt; text-indent: -5000px; display: block; height: 50px; }
#navigation a:hover{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499d265e14904.png) no-repeat left top; }
#navigation li{float: left; display: inline; }
#link-album a{width: 72px; }
#link-blog a{width: 62px; margin-left: 4px; }
#link-guestbook a{width: 74px; margin-left: 4px; }
#link-profile a{width: 77px; margin-left: 4px; }


/*-------------- content --------------*/
#content{width: 680px; float: right; padding-right: 50px; margin-top: -120px; line-height: 20px; overflow: hidden; }


/*-------------- spotlight --------------*/
#spotlight{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #ddd; }
#spotlight h5{display: none; }
#spotlight-text{padding: 5px 0px 5px 0px; }
#spotlight-text a{text-decoration: underline; }


/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 25px 0px; border-bottom: 1px dashed #ddd; }
.article-head{height: 50px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/4992fb84c87f2.png) no-repeat left center; }
.publish{font: 12px "Tw Cen MT"; text-align: left; color: #356C31; padding: 4px 0px 2px 45px; }
.time{display: none; }
.title h2{padding: 2px 0px 0px 45px; }
.title h2 a{font-size: 15px; color: #B0610D; }
.article-body{margin: 3px 0px; }
.bookmark{text-align: left; margin: 10px 2px; }
.article-content{margin: 20px 0px; line-height: 180%; font-size: 11px; }
.article-content a{text-decoration: underline; }
.more{float: right; margin: 10px 0px; }
.more a{text-decoration: none; }
.article-footer{margin: 2px 0px; }
.forward{padding: 2px; text-align: left; }
.author{padding: 2px; text-align: left; }
.refer{width: 330px; float: left; padding: 2px 1px; text-align: left; }
.history{width: 330px; float: right; padding: 2px 1px; text-align: left; }
.back-to-top{clear: both; text-align: right; padding: 0px; }
#blog-main .history{display: none;}


/*-------------- display --------------*/
#display{text-align: left; margin-bottom: 20px; }
#display span{margin: 0px 5px; }
#display a{}


/*-------------- trackback --------------*/
#user-post{margin-bottom: 30px; }
#trackback-box{margin-bottom: 25px; }
#trackback-title{}
#trackback-text{margin: 5px; }
#trackback-url{margin: 5px; }
#trackback-input{width: 420px!important; height: 16px!important; color: #999; background: #fff; border: none; color: #5A5A5A; }
#trackback-url input{width: 80px; height: 20px; color: #aaa; background: #f0f0f0; border: none; padding: 2px; margin-top: 1px; }
#trackback-box .post-text{width: auto; float: none; }
.user-post-text{margin: 5px; }


/*-------------- comment --------------*/
#user-post{margin-bottom: 25px; }
.user-post-title{padding: 5px; }
#comment-title{}
#comment-text{margin: 5px; }
.post-comment a{font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; margin: 10px 0px 10px 490px; width: 110px; height: 77px; background: #fff url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499e54634c136.png) no-repeat; }
.single-post{position: relative; width: 600px; margin: 50px auto; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; padding: 2px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499e532fdf4f7.png) no-repeat left top; }
#comment-text .secret{display: none; }
.post-info{padding: 0px 5px 5px 60px; color: #555; }
.post-info a{color: #555; }
.post-photo{float: left; width: 80px; margin: 20px 5px 5px 10px; }
.post-photo img{width: 70px; height: 70px; background: #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; }
.post-text p{color: #000; font-weight: bold; padding: 5px; }
.post-text{float: right; width: 480px; padding: 5px; color: #999; line-height: 17px; }
.reply-text{float: right; width: 480px; padding: 5px; line-height: 17px; color: #963C00; }
.reply-text p{text-align: right; padding-top: 10px; color: #963C00; }
.reply-text p a{color: #963C00; }
.reply-text pre{color: #000; font: 10px "Verdana"; line-height: 20px; }
.reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 80px; padding: 4px; line-height: 20px; font: 10px "Verdana"; }


/*-------------- #comment-table --------------*/
#comment-form{width: 596px; padding: 2px; margin: 10px auto; border: none; }
#comment-form p{display: none; }
#comment-form table tr.comment-form-title{display: none; }
#comment-form table td{padding: 2px; color: #888; vertical-align: top; border: none; line-height: 25px; }
#comment-form table th{width: 85px; padding: 5px; color: #555; vertical-align: top; border: none; }
#comment-form table th font{display: none; }
#comment-form table{width: 596px; padding: 2px; margin: 0px auto; border: none; }
#comment-form input{border: none; border-bottom: 1px solid #ddd; background: none; height: 20px; font: 10px "Verdana"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form textarea{width: 98%; height: 100px; padding: 5px; border: 1px solid #ddd; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499e7f88622fe.png) repeat center top; line-height: 18px; font: 10px "Verdana"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form submit a{padding: 5px; color: #555; font: 11px "Verdana"; }


/*-------------- list --------------*/
.main-list{margin-top: 20px; }
.main-list table{width: 98%; margin: 0px auto; }
.main-list th{padding: 5px; }
.main-list td{padding: 5px; }
#murmur-list .list-num{display: none; }
#murmur-list .list-date{width: 150px; padding: 5px 0px; margin: 2px; }


/*-------------- page --------------*/
.page{margin: 10px 0px; text-align: center; }
.page a{font-size: 10px; padding: 1px 2px; margin: 0px 2px; }
.page a:hover{color: #000; }
.page span{font-weight: bolder; }


/*-------------- link側欄 --------------*/
#links{width: 225px; float: left; padding-left: 15px; margin-top: -140px; overflow: hidden; }
#links a{color: #826a4f; }
#links a:hover{color: #412006; }


/*-------------- 側欄box --------------*/
.box{margin-bottom: 20px; }
.box-title{text-align: left; font: 14px "Tw Cen MT"; color: #555; padding: 13px 0px 7px 60px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499d982b390f3.png) no-repeat left; }
.box-text{padding: 10px; text-align: left; color: #CD8953; line-height: 18px; }


/*-------------- 側欄連結項目 --------------*/
#recent-article .box-text li, #hot-article .box-text li, #latest-comment .box-text li, #mylink .box-text li, #category .box-text li, #subscription .box-text li{width: 100%; }


/*-------------- recent article --------------*/
#recent-article .box-text a, #hot-article .box-text a{display: block; padding: 1px 0px; }


/*-------------- latest comment & trackback --------------*/
#latest-comment span{font-size: 10px; color: #B0610D; }
#latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; color: #CD8953; }
#latest-comment .box-text a{display: block; padding: 1px 0px; font-size: 11px; *font-size: 10px; }


/*-------------- latest trackback --------------*/
#latest-trackback .box-text li{padding: 1px 0px 0px 0px; color: #CD8953; text-align: right; font-size: 10px; }
#latest-trackback .box-text a{display: block; padding: 1px 0px; font-size: 11px; *font-size: 10px; }


/*-------------- subscription --------------*/
#subscription .box-text a{display: block; padding: 1px 0px; text-align: left; font-size: 11px; *font-size: 10px; }
#subscription .box-text li{padding: 1px 0px; color: #CD8953; text-align: right; font-size: 10px; }


/*-------------- broadcast --------------*/
#broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 1px; }
#broadcast .broadcast-photo{display: inline; float: left; padding-right: 5px; }
#broadcast .broadcast-photo img{width: 38px; height: 38px; }
#broadcast .box-text li.broadcast-time a{color: #B0610D; background: #E3D0C4; padding: 1px; }
.broadcast-time{display: block; margin-left: 5px; }
.broadcast-text{height: 17px; overflow: hidden; padding: 1px; color: #999; margin-left: 5px; font-size: 11px; *font-size: 10px; }


/*-------------- headshot --------------*/
#headshot-img{width: 90px; height: 90px; float: left; text-align: center; padding: 1px; border: 1px solid #000; margin: 0px 10px 0px 0px; background: #fff; }
#headshot .box-text{_height: 1%; overflow: hidden; _overflow: none; }
#headshot a{display: block; border: 0; padding: 5px; }


/*-------------- visitor & crumb --------------*/
#visitor .box-text{}
#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor .box-text li a img, #crumb .box-text li a img{height: 40px; width: 40px; margin: 1px 3px; border: 1px solid #E3D0C4; }
#visitor .box-text li a:hover img, #crumb .box-text li a:hover img{}


/*-------------- calendar --------------*/
#calendar{}
#calendar .box-text{}
#calendar table{width: 90%; margin: 0px auto; text-align: center; line-height: 190%; }
#calendar .Month-Nav{text-align: right; }
#calendar .current-month{text-align: center; }
#calendar .cal-forward{text-align: right; }
#calendar .weekday th, #calendar.col-abbr{text-align: center; }
#calender th, #calendar td{}
#calendar td a{display: block; color: #A2876A; margin: 1px; background: #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#calendar td a:hover{display: block; color: #999; }


/*-------------- mylink --------------*/
#mylink .box-text h6{padding: 1px 0px; color: #111; font-weight: bold; }
#mylink .box-text a{display: block; padding: 1px 0px; }


/*-------------- category --------------*/
#category .box-text h6{padding: 1px 0px; color: #111; }
#category .box-text a{display: block; padding: 1px 0px; }
#category .box-more{text-align: right; display: none; }


/*-------------- search --------------*/
input#search-target{text-align: left; width: 155px; height: 20px; color: #000; background: none; border: none; border-bottom: 1px solid #E5C7A3; color: #5A5A5A; padding: 2px; }
input#search-submit{width: 32px; height: 32px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499d9d015a032.png) no-repeat center; border: none; padding: 0px; margin-top: 4px; font: 0pt verdana; color: #fff; text-indent: -5000px; }
#search li{display: inline; text-align: center; }


/*-------------- archive --------------*/
#archive .box-text select{width: 200px; }
#archive .box-more{margin-top: 10px; text-align: right; }


/*-------------- murmur --------------*/
.murmur-time{margin-bottom: 10px; font-size: 11px; *font-size: 10px; color: #B0610D; }
#murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; *font-size: 10px; }
.murmur-text{line-height: 18px; }


/*-------------- favorite --------------*/
#favorite .box-text select{width: 200px; }


/*-------------- counter --------------*/
#counter .box-text li{}


/*-------------- folder --------------*/
#box413397 .box-text{text-align: right; }
#box361163 .box-text, #box362689 .box-text{line-height: 21px; }


/*-------------- footer --------------*/
#footer{clear: both; text-align: right; height: 90px; padding: 30px 25px 0px 0px; color: #aaa; font-size: 11px; *font-size: 10px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/499d49c1cd791.png) no-repeat center bottom; }
#footer p, #bottom{text-align: right; padding: 0px 25px 5px 0px; color: #aaa; font-size: 11px; *font-size: 10px; }


/*-------------- 隱藏項目 --------------*/
#banner .skiplink, #blog-category, #visitor .box-more a, #crumb .box-more a, #latest-comment .box-text img, #hot-article .box-text img, #recent-article .box-text img{display: none; }

   
 ↑ ↑ ↑ ↑ ↑ ↑ 全頁預覽圖 ↑ ↑ ↑ ↑ ↑
因為心情不好，就胡亂改版了。不過成果卻很溫馨！
這個版的素材，幾乎是我上日本素材網東找西找湊出來的，只有css是我原本寫好的改改圖而已，
所以不算是個設計作品，當然朋友們就可以隨意愛改就改！迴響說一聲就好。
此外，也歡迎朋友套用後，或未套用都給予我意見，讓我能夠精益求精喔！謝謝大家^^
內文區645px + 側欄區245px = 全頁版可愛網誌
↓ ↓ ↓ ↓ ↓ 打包↓ ↓ ↓ ↓ ↓
/*-------------- #comment-table --------------*/
#comment-form{widht: 530px; margin: 10px auto; border: none; background: url() no-repeat center; }
#comment-form p{display: none; }
#comment-form table tr.comment-form-title{display: none; }
#comment-form table td{padding: 3px; color: #888; vertical-align: top; border: none; }
#comment-form table th{width: 85px; padding: 5px; color: #888; vertical-align: top; border: none; }
#comment-form table th font{display: none; }
#comment-form table{width: 520px; padding: 5px; margin: 0px auto; border: none; }
#comment-form input{border: 1px solid #FBEEEE; border-bottom: 1px solid #aaa; background: none; height: 20px; font: 11px "Century Gothic"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form textarea{border: 1px solid #aaa; background: none; width: 99%; height: 120px; line-height: 18px; font: 10px "Century Gothic"; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#comment-form submit a{padding: 5px; color: #111; font: 11px "Century Gothic"; }

/*-------------- reset --------------*/
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; }

/*-------------- 全頁面 --------------*/
html{}

body{font-size: 11px; *font-size: 10px; letter-spacing: 1pt; font-family: "Century Gothic"; color: #A6A6A6; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/48d0244097e41.gif) repeat; }

#body-div{width: 904px; margin: 0 auto; position: relative; }

a{color: #575143; text-decoration: none; }
a:hover{color: #555; }
br{letter-spacing: 0; }

#authority{position: absolute; top: 1px; margin-left: 750px; color: #aaa; }
#authority a{margin: 5px; color: #aaa; }

#login-bar{position: absolute; top: 1px; margin-left: 5px; color: #aaa; }
#login-bar a{color: #aaa; }

#container{width: 900px; margin: 0 auto; padding: 15px 10px; background: #FBEEEE; border: 1px solid #eee; }

/*-------------- banner --------------*/
#header{background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1190959637.jpg) no-repeat center; }
#banner{text-align: left; height: 300px; }
#banner h1{*position: relative !important; padding-top: 33px; padding-left: 20px; }
#banner h1 a{font: 15px verdana; color: #fff; }
#banner h2{text-align: left; margin-top: 180px; margin-left: 20px; line-height: 20px; color: #f0f0f0; font-size: 11px; *font-size: 10px; }
#banner h2 a{color: #f0f0f0; }

/*-------------- navigation --------------*/
#navigation{position: absolute; top: 285px; margin-left: 20px; }
#navigation a{font-size: 11px; *font-size: 10px; color: #f0f0f0; margin: 3px 10px 3px 0px; }
#navigation li{float: left; display: inline; }

/*-------------- content --------------*/
#content{width: 645px; float: left; margin-top: 20px; line-height: 18px; overflow: hidden; }

/*-------------- spotlight --------------*/
#spotlight{margin: 0px 5px 20px 5px; background: #fff; }
#spotlight h5{display: none; }
#spotlight-text{padding: 2px; line-height: 22px; }
#spotlight-text a{color: #ff0000; }

/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 30px 0px; padding: 5px; background: #fff; }
.article-head{height: 55px; }
.publish{display: block; font: 11px Tahoma; text-align: center; color: #999; width: 45px; height: 45px; padding: 2px; text-transform: uppercase; background: #eee; }
.month{display: block; }
.date{display: block; font-size: 15px; font-weight: bold; }
.year{display: block; }
.day, .time{display: none; }
.title h2{padding: 0px 0px 0px 55px; margin-top: -40px; }
.title h2 a{font: 16px "微軟正黑體"; font-weight: bold; color: #7F6862; }
.article-body{margin: 3px 2px; }
.bookmark{text-align: left; margin: 25px 2px 2px 2px; }
.article-content{margin: 15px 2px; line-height: 20px; }
.article-content a{text-decoration: underline; }
.more{float: right; margin: 10px 0px; }
.more a{text-decoration: none; }
.forward{padding: 2px; text-align: left; font-size: 11px; *font-size: 10px; }
.author{padding: 2px; text-align: left; font-size: 11px; *font-size: 10px; }
.refer li{padding: 2px; text-align: left; font-size: 11px; *font-size: 10px; background: #ECDEDE; }
.history{padding: 2px; text-align: left; font-size: 11px; *font-size: 10px; background: #ECDEDE; }
.refer li:first-child, .back-to-top{display: none; }
.article-footer{margin: 3px 2px; }
#blog-main .refer, #blog-main .history{display: none;}

/*-------------- display --------------*/
#display{text-align: left; margin-bottom: 20px; }
#display span{margin: 0px 5px; }
#display a{}

/*-------------- trackback --------------*/
#user-post{margin-bottom: 30px; }
#trackback-box{margin-bottom: 30px; }
.user-post-title{padding: 5px; }
#trackback-title{}
#trackback-text{margin: 8px; }
#trackback-url{margin: 8px; }
#trackback-input{width: 140px; color: #000; background: #fff; border: 1px solid #fff; color: #5A5A5A; padding: 2px; }
.input{width: 40px; color: #000; background: #fff; border: 1px solid #fff; padding: 0px; }
#trackback-box .post-text{width: auto; float: none; }
.user-post-text{margin: 5px; }

/*-------------- comment --------------*/
#user-post{margin-bottom: 30px; }
.user-post-title{padding: 5px; }
#comment-title{}
#comment-text{margin: 5px; }
.post-comment a{font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; margin: 10px auto; width: 200px; height: 17px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/1216889149.png) no-repeat; }
.single-post{position: relative; width: 530px; margin: 0px auto 40px auto; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; }
#comment-text .secret{display: none; }
.post-info{padding: 5px 0px 5px 0px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/48d04054d3f52.gif) repeat-x left bottom; color: #9A5555; }
.post-info a{color: #9A5555; }
.floor{display: none; }
.post-photo{position: absolute; top: 40px; left: 5px; }
.post-photo img{width: 40px; height: 40px; border: 3px solid #ddd; padding: 1px; background: #fff; }
.post-text p{color: #000; padding: 5px 0px; }
.post-text{width: 435px; min-height: 60px; padding: 0px 30px 0px 65px; color: #999; line-height: 20px; }
.reply-text{clear: both; width: 435px; padding: 10px 30px 0px 65px; line-height: 20px; color: #555; }
.reply-text pre{color: #000; font: 11px "Arial"; *font: 10px "Arial"; line-height: 20px; }
.reply-text p{text-align: right; padding-top: 10px; color: #aaa; }
.reply-text p a{color: #aaa; }
.reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 70px; line-height: 20px; font: 10px "Arial"; }

/*-------------- list --------------*/
.main-list{margin-top: 20px; }
.main-list table{width: 98%; margin: 0px auto; }
.main-list th{padding: 5px; }
.main-list td{padding: 5px; }
#murmur-list .list-num{display: none; }
#murmur-list .list-date{width: 150px; padding: 5px 0px; margin: 2px; }

/*-------------- page --------------*/
.page{margin: 10px 0px; text-align: center; }
.page a{font-size: 10px; padding: 1px 2px; margin: 0px 2px; }
.page a:hover{color: #000; }
.page span{font-weight: bolder; }

/*-------------- link側欄 --------------*/
#links{width: 245px; float: right; margin-top: 20px; overflow: hidden; }
#links a{color: #a1a1a1; }
#links a:hover{color: #555; }

/*-------------- 側欄box --------------*/
.box{margin: 5px; margin-bottom: 20px; }
.box-title{text-align: center; font-size: 12px; color: #7F6862; height: 18px; padding: 5px 0px; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/48d04053b2f10.gif) no-repeat center bottom; }
.box-title:first-letter{}
.box-text{margin: 0px 0px 0px 0px; padding: 5px; color: #888; text-align: left; }

/*-------------- 側欄連結項目 --------------*/
#recent-article .box-text li, #hot-article .box-text li, #latest-comment .box-text li, #mylink .box-text li, #category .box-text li, #subscription .box-text li{width: 100%; }

/*-------------- recent article --------------*/
#recent-article .box-text a, #hot-article .box-text a{display: block; padding: 2px 0px; font-size: 11px; *font-size: 10px; text-align: left; }

/*-------------- latest comment & trackback --------------*/
#latest-comment .box-text span{}
#latest-comment .box-text li a{font-size: 11px; *font-size: 10px; text-align: left; }
#latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; font-size: 10px; *font-size: 9px; color: #747C8D; }
#latest-comment .box-text a, #latest-trackback .box-text a, #subscription .box-text a{display: block; padding: 2px 0px 0px 0px; font-size: 11px; *font-size: 10px; text-align: left; }
#latest-trackback .box-text li, #subscription .box-text li{padding: 2px 0px 0px 0px; font-size: 10px; *font-size: 9px; color: #747C8D; text-align: right; border-bottom: 1px dotted #999; }

/*-------------- broadcast --------------*/
#broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 2px; margin-bottom: 2px; }
#broadcast .broadcast-photo{display: inline; float: left; padding-right: 5px; }
#broadcast .broadcast-photo img{width: 32px; height: 32px; }
#broadcast .box-text li.broadcast-time a{color: #747C8D; font-size: 10px; }
.broadcast-time{display: block; padding-top: 2px; margin-left: 5px; }
.broadcast-text{height: 13px; overflow: hidden; padding: 1px; color: #999; font-size: 11px; *font-size: 10px; margin-left: 5px; }

/*-------------- headshot --------------*/
#headshot-img{width: 90px; height: 90px; float: left; text-align: center; padding: 2px; border: 1px solid #8F9398; margin: 0px 10px 0px 0px; background: #fff; }
#headshot .box-text{_height: 1%; overflow: hidden; _overflow: none; }
#headshot a{display: block; border: 0; padding: 5px; }

/*-------------- visitor & crumb --------------*/
#visitor .box-title{}
#visitor .box-text{}
#visitor ul, #crumb ul{_height: 1%; overflow: hidden; _overflow: none; }
#visitor li, #crumb li{float: left; }
#visitor .box-text li a img, #crumb .box-text li a img{height: 32px; width: 32px; margin: 2px; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; }
#visitor .box-text li a:hover img, #crumb .box-text li a:hover img{filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }

/*-------------- calendar --------------*/
#calendar{}
#calendar .box-text{}
#calendar table{width: 90%; margin: 0px auto; text-align: center; line-height: 190%; }
#calendar .Month-Nav{text-align: right; }
#calendar .current-month{text-align: center; }
#calendar .cal-forward{text-align: right; }
#calendar .weekday th, #calendar.col-abbr{text-align: center; }
#calender th, #calendar td{}
#calendar td a{display: block; background: url(http://p0.p.pixnet.net/albums/userpics/0/8/477908/48d044cf81fab.gif) no-repeat center; margin: 1px; }
#calendar td a:hover{display: block; color: #999; }

/*-------------- mylink --------------*/
#mylink .box-text h6{padding: 2px 0px; color: #8F9398; font-weight: bold; }
#mylink .box-text a{display: block; padding: 2px 0px; }

/*-------------- category --------------*/
#category .box-text h6{padding: 2px 0px; color: #8F9398; }
#category .box-text a{display: block; padding: 2px 0px; }

/*-------------- search --------------*/
input#search-target{text-align: center; width: 200px; height: 17px; color: #000; background: #fff; border: 1px solid #8F9398; color: #5A5A5A; padding: 2px; }
input#search-submit{width: 206px; color: #000; font-size: 11px; background: #fff; border: 1px solid #8F9398; padding: 2px; margin-top: 4px; }
#search li{text-align: center; }

/*-------------- archive --------------*/
#archive .box-text select{width: 200px; font-size: 11px; *font-size: 10px; }
#archive .box-more{margin-top: 10px; text-align: right; }

/*-------------- murmur --------------*/
.murmur-time{margin-bottom: 10px; font-size: 11px; *font-size: 10px; }
#murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; *font-size: 10px; }
.murmur-text{line-height: 18px; font-size: 11px; *font-size: 10px; }

/*-------------- favorite --------------*/
#favorite .box-text select{width: 200px; font-size: 11px; *font-size: 10px; }

/*-------------- counter --------------*/
#counter .box-text li{font-size: 11px; *font-size: 10px; }

/*-------------- folder --------------*/
#feed .box-text, #powered .box-text{text-align: center; }

/*-------------- footer --------------*/
#footer{clear: both; text-align: center; padding: 10px 0px 0px 0px; color: #f0f0f0; font-size: 11px; *font-size: 10px; }
#footer p, #bottom{text-align: center; padding: 2px 0px 5px 0px; color: #f0f0f0; font-size: 11px; *font-size: 10px; background: #D9CBCB; }

/*-------------- 隱藏項目 --------------*/
#banner .skiplink, #blog-category, #category .box-more img, #category .box-text.box-more, #visitor .box-more a, #crumb .box-more a, #latest-comment .box-text img, #hot-article .box-text img, #recent-article .box-text img{display: none; }
因為目前家裡的IP分享器壞了，所以家裡的5台電腦是“輪流”上網的克難方式。
所以有問題的朋友，就請大家要有耐心等候，阿Q一上線都會即時回答！
 想要改banner圖，請找#header{}裡的background
 想要改全頁背景圖，請找body{}裡的background
 想改網誌區塊的底色，請找#container的background色碼去調整
 想改迴響版面，請找#comment-table
其他問題，請迴響發問囉！
最後，謝謝大家^^