Claire 甜蜜小家

這版就是去年做BLOG CSS樣式
今年想做，但都還沒時間動手
所以目前就暫時先換成其他的版!!
做一組新的CSS實在要花好多好多時間啊。

去年的樣式就貢獻出來啦！
在痞客管理後台的樣式選擇中
粉嫩娃娃是被分在"插畫/卡通"那一類
歡迎大家套用啦!!

目前我試過在FireFox時
側邊欄位會有一點點跑版~
我有空會克服這個問題
IE應該是完全OK的!!!!

現在在FireFox和IE應該都是正常的
若有問題請指教

CSS下載
.article-content p{ margin-bottom:1em; } 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{ background-color:#FFFFFF; background:url(); color:#666666; font-family:verdana,arial,sans-serif; font-size:12px; margin:0pt; padding:0pt; } a{ color:#e49898; text-decoration:none; } a:hover{ color:#CF4545; } #authority {top:5px;padding:3px;text-align:right;} #authority a {color:#e49898; margin-left:5px;border-bottom:1px dotted #e49898;} #authority a:hover {color:#e49898;border-bottom:1px solid #e49898;} #container{ margin-left:auto; margin-right:auto; width:900px; Height:250px; margin-top:30pt; top:10pt; background:#FFFFFF url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/1195097314.jpg) no-repeat; } #container2{} #header{) ; clear:both; float:left; height:220px; width:100%; border-left:1px solid #f27b7b; border-right:1px solid #f27b7b; border-top:1px solid #f27b7b; } #banner{ width:870px; margin:15px; position:absolute; margin-top:20px; text-align:right; } #banner h1 a{ color:#CF4545; font-family:Verdana,新細明體; font-size:20px; font-weight:bold; } #banner h1 a:hover{color:#f27b7b} #banner h2{ color:#666666;/*#f27b7b*/ font-size:12px; display:block; height:140px; overflow:hidden; margin-top:10px; } #banner .skiplink{display:none} #blog-category{display:none} #login-bar {text-align:right; color:#e49898; padding:3px 5px 0 0; } #navigation{ font-family:Trebuchet MS,Tahoma,Verdana,Arial,Serif; position:relative; top:-43px; left:-5px; text-align:center; width:900px; } #navigation a{ background:#FFEDE1; color:#e04934; display:block; letter-spacing:1px; width:60px;height:17px;text-align:center; padding-top:5px; font-size:12px; margin-left:5px; border-left:1px solid #FFEDE1; border-right:1px solid #FFEDE1; border-top:1px solid #FFEDE1; } #navigation a:hover{background:#FFEDE1} #navigation a:focus{outline:none ;} #navigation li{display:inline ;float:left ;} #link-blog a{font-size:12px;color:#FFFFFF;letter-spacing:1px;background:#f27b7b;border-left:1px solid #f27b7b; border-right:1px solid #f27b7b; border-top:1px solid #f27b7b;} #link-blog a:hover{font-size:12px;color:#FFFFFF;letter-spacing:1px;background:#f27b7b;border-left:1px solid #f27b7b; border-right:1px solid #f27b7b; border-top:1px solid #f27b7b;} #link-album a{font-size:12px;color:#e04934;letter-spacing:1px;} #link-album a:hover{font-size:12px;color:#CF4545;font-weight:bold;letter-spacing:1px;} #link-guestbook a{font-size:12px;color:#e04934;letter-spacing:1px;} #link-guestbook a:hover{font-size:12px;color:#CF4545;font-weight:bold;letter-spacing:1px;} #link-profile a:hover{font-size:12px;color:#e04934;letter-spacing:1px;} #link-profile a:hover{font-size:12px;color:#CF4545;font-weight:bold;letter-spacing:1px;} #main{ background:#ffffff none repeat scroll 0%; clear:both; color:#555555; float:left; width:100%; Heigth:100%; border-left:1px solid #f27b7b; border-right:1px solid #f27b7b; border-bottom:1px solid #f27b7b; padding-bottom:15px; } #main:after { content:"."; height:0; display:block; clear:both; visibility:hidden; overflow:hidden; } #content{ width:600px; float:left; margin:10px; margin-top:0px; font-size:12px; font-family:Arial; overflow:hidden; display:inline; } #spotlight{ margin:10px; margin-bottom:10px; padding:3px; border:1px dotted #f4a8a8; line-height:180%; font-size:12px; } #spotlight-text {color:#ad2525;font-size:12px;}/*#C47878*/ #spotlight li{ list-style-type: disc ; margin-left:45px ; font-size:12px; } #spotlight h5{margin-bottom:3px;color:#ad2525; font-family:SimHei; font-weight:bold; font-size:12px;} #view-mode{text-align:right ;}/*#A8C844*/ .article{ margin-bottom:20px; padding:5px; border-bottom:1px solid #f1c9c9; padding-bottom:10px; } .article-head{ color:#222222; font-family: verdana,arial; font-size:13pt; font-weight:normal; height:40px; margin-bottom:10px; } .title{ width:500px; height:40px; padding-left:20px; padding-top:17px; } .title a{ color:#cf4545; font-family:Book Antiqua; font-size:16px; font-weight:bold; } .title a:hover{color:#e08585;} .publish{ background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/1195101470.jpg) no-repeat scroll 100%; float:left; text-align:center; padding-top:10px; height:54px; width:54px; } .article-body{ width:600px; overflow:hidden; display:block; clear:both; line-height:180%; } .month{ color:#e04934; display:block; font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; font-family:Verdana; letter-spacing:1px; } .date{ color:#e04934; display:block; font-family:Georgia; font-size:26px; text-align:center; } .day{display:none} .year{display:none} .time{display:none} .bookmark{text-align:left;padding-left:10px;} .bookmark span{display:none} .bookmark a img{width:12px;height:12px;} .article-content{padding:10px} .article-body a {color:#e49898} .article-body p{line-height:180% ;} .author { margin-bottom:5px; border-left:0px solid #e49898;padding-left:0px;margin-top:20px; font-size:11px;line-height:110%; } .author span{color:#e49898;} .more {float:right;text-indent: -50000px;} .more a { display:block ; width: 85px ; height: 30px ; background:url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/49a785b66f7f6.jpg) no-repeat right;} .more a:hover {color:#CF4545; background:url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/49a785b169b91.jpg) no-repeat;} } .forward{} /*border-left:0px solid #bcbcbc;padding-left:0px;margin-top:0px;font-size:11px;line-height:120%;　display:none;*/ .forward a {color:#e49898} .refer li{ border-left:0px solid #bcbcbc;padding-left:0px;margin-top:5px; font-size:11px;line-height:120%; } .history{border-left:0px solid #bcbcbc;padding-left:0px;margin-top:10px; font-size:11px;line-height:120%;} .article-footer{text-align:left;} .back-to-top{display:none;} #links{float:right;padding-right:20px;color:#666;} #links a{color:#777777;padding-left:5px;}/*de8181*/ #links a:hover{color:#e49898;} #links .box-more a{color:#999;} .box{ margin-top:10px; width:240px; overflow:hidden; padding:5px; line-height:150%; border:1px solid #f1c9c9; background:#ffe4dd; } .box-text {overflow:hidden;color:#444444;} .box-text a:hover{} .box-more{text-align:center;clear:both;} .box-text{padding: 0px;} .box-text li{} .box-title{ text-align:center; border-bottom:1px solid #f1c9c9; color:#CF4545; font-size:12px; letter-spacing:1px; padding:0px 0pt 2px 0px; background:#FFEDE1; } #search .box-text a{} #search ,#change-theme ,#feed,#archive ,#favorite{text-align:center ;} #counter,#powered{text-align:left} #my-photo{float:left ;margin-right:5px ;} #my-status p{clear:both ;text-align:center ;font-weight:bold ;} #calendar{text-align:center ;} #calendar table{width:95% ;color:#777777;font-size:11px;} #calendar th{text-align:center ;} #calendar a{color:#CF4545;font-weight:bold;} #category .box-text a{display:inline ;} #category .box-text h6 { padding-left:5px;color:#808080;padding-top:5px; } #category .box-text li a {display:block;} .box-more img{display:none} #category .box-text {padding-top:5px;padding-bottom:5px} #latest-trackback .box-text li{display:block} #latest-comment .box-text li a{width:200px;} #latest-comment .box-text a {display:block ;} #subscription .box-text a {display:block ;} #mylink .box-text a {display:block ;} #recent-article .box-text a {display:block ;} #hot-article .box-text a {display:block ;} #comment-box{ width:550px; } .user-post-title { font-size: 12px; padding: 0px 10px; margin: 10px auto; } #trackback-url input { letter-spacing: 2px; height: 18px; border: 1px solid #f2abab; background: #ffffff; padding: 0px 2px 0px 2px ; COLOR:#c23b3b; font-family: Arial; font-size: 10px; } input#trackback-input { width: 400px; color: #c94b5b; border: 1px solid #ffffff; background: #ffe4dd; } #trackback-title { background-position: 0px 0px; } #comment-title {text-align:left} .single-post { clear:both; height:1%; width:550px; margin-left:10px; margin-right:5px; color:#666666; font-size:12px; line-height:180%; border:1px solid #ffe4dd;/***DBDFBE***/ background:#ffffff; margin-bottom:15px; margin-top:15px; } .single-post:after { clear:both; content:"."; display:block; height:0pt; overflow:hidden; visibility:hidden; } .single-post.secret { background:#FFFFFF url(http://p4.p.pixnet.net/albums/userpics/4/0/267140/1197422413.jpg) no-repeat left center; font-size:0px;color:#F7F8F0; letter-spacing:-5000px; padding-top:5px;padding-bottom:5px; } .single-post .floor {COLOR:#666666;FONT-SIZE:14PX; PADDING-LEFT:10PX;} .post-photo { float:left; width: 95px; } .post-photo img { border: 1px solid #fff; } .post-info { background:#ffe4dd; color:#666666; font-size:11px; padding-top:3px; letter-spacing:1px; } .post-info a {font-size:12px;} .user-name {color:#666666} .user-ip {display:none;} .post-text { float: right; width: 450px; color: #666666; padding: 5px 0px 0px; } .post-text br { letter-spacing: 1px; } .post-text p { color: #444; } .post-text p img { display: none; } .forward　{color:#BCBCBC;} #imageRecommend{} .reply-text { border-top:1px dotted #ffe4dd; color:#666666; width:500px; padding: 10px 10px 0px; margin: 10px 0px 5px; float: right; } .post-comment { FONT-SIZE: 0pt; MARGIN: 20px 10px 0px 10px; height:40px; text-align: left; color: #E4E4E4; } .post-comment A { DISPLAY: block; BACKGROUND:url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/1195453675.jpg) no-repeat 0px 0px ; WIDTH: 220px; COLOR: #FFFFFF; FONT-SIZE:0PX; HEIGHT: 30px; TEXT-ALIGN: right; } .post-comment A:hover { BACKGROUND: url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/1195453676.jpg) no-repeat 0px 0px ; WIDTH: 220px; COLOR: #FFFFFF; } #comment-form table{ width: 96% ; margin: 0 auto ;} #comment-form p { color: #c94b5b; text-align: right; margin: 0px 10px 0px; } #comment-form table td { color: #000; vertical-align: top; border: none; padding: 3px 5px; } #comment-form table th { color: #c94b5b; vertical-align: top; width: 80px; border: none; padding: 3px 5px; } #comment-form input.radio { width: 15px; border: none; } #comment-form input#send-comment { width: 50px; height: 23px; color: #c94b5b; border: none; background: #ffe4dd; } #comment-form input { width: 90%; height: 18px; font-size: 12px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-Bottom: 1px solid #f2abab; background: none; font-family: Arial; } #comment-form textarea { width: 97%; height: 100px; font-family: "verdana"; font-size: 12px; color: #000; line-height: 18px; border: 1px solid #f2abab; padding: 1%; } #broadcast ul{overflow:hidden ;padding: 3px 0px;} #broadcast a{padding: 0 ;border:0 ;display:block ;height:20px;overflow:hidden} #broadcast .box-text .broadcast-time span{font-size: 10px;} #broadcast .box-text .broadcast-time a {display:inline} .broadcast-text{clear:both ;} .broadcast-photo{display: none; } #Murmur{} #murmur .box-text {color:#8f494b}/*808080*/ #murmur .box-more {width:100%} #murmur .box-more A {MARGIN: 5px 3px 3px 5px; FLOAT: left; color:#787878} .murmur-time {font-size: 10px;color:#b46b6d}/*B8B8B8*/ #headshot{overflow:hidden ;text-align:center} #headshot-img{} #headshot a{display:block;clear:both} .article-list TABLE {} .main-list { color:#666; font-size:12px; line-height:180%; border:1px solid #DBDFBE; background:#F7F8F0; } .main-list table a {margin-left:5px;font-size:12px;color:#666} .main-list TD {BORDER-BOTTOM: #ddd 1px solid;color:#666;} .main-list TH {font-size:12px;color:#808080;TEXT-ALIGN: center;padding-top:10px;BORDER-BOTTOM: #ddd 1px solid;} .list-num {display:none;} #display{padding-right:10px;} .list-date { TEXT-ALIGN: center;color:#B8B8B8;font-size:11px;width:120px;} .list-title {PADDING-LEFT: 10px; TEXT-ALIGN: left;color:#333; width:380px;font-size:12px;} .main-list table a:hover{background:#000;color:#ddd} .article-area-title{display:none} #visitor .box-text{} #visitor IMG {} #visitor .box-text li a{height:30px;width:30px;display:block;MARGIN: 3px;background:#E8E7DD;} #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:visible;height:30px;width:30px;} #visitor .box-text li a:hover img {visibility:visible} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more {clear:both;} #footer{ clear:both ; text-align:center ; padding-top:10px; background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/482975/1195452589.jpg) no-repeat right 5px; } #bottom{ background-color:#FFFFFF; clear:both; float:left; padding-left:20px; width:870px;text-align:center ; height:30px; padding-top:10px; } #bottom a { color:#BCBCBC; padding-left:5px; } #bottom a:hover { color:#878787 } #navigation li,#crumb li,#visitor li { float:left; }