Bonjour, Elsa!

/**************************************************************** PIXNET blog skin - Rock flora UI & CSS design by Elsa Ko (elsatw) URL: http://elsatw.pixnet.net/blog http://blog.yam.com/elsatw 2009 / 02 ******************************************************************/ /*-------------- reset --------------*/ body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse;} fieldset,img { border: 0; } ul { list-style: none; } caption,th { text-align: left; } abbr,acronym { border: 0; } pre { font-size: 1em; } /*--------------- all ---------------*/ BODY { FONT-SIZE: 11px; background: url() #ffffff ; MARGIN: 0px; COLOR: #3e3e3e; FONT-FAMILY: Georgia, Arial, /*微軟正黑體,*/ 新細明體, taipei, Helvetica, sans-serif } A:link { COLOR: #777777; TEXT-DECORATION: none; } A:link { COLOR: #777777; TEXT-DECORATION: none } A:visited { COLOR: #777777; TEXT-DECORATION: none } A:hover { COLOR: #f7ebd1; TEXT-DECORATION: none } A:active { COLOR: #f7ebd1; TEXT-DECORATION: none } #authority{ position: absolute; top: 2px; left: 15px; color: #000; Z-INDEX: 10; } #authority a{ margin: 5px; color: #000; Z-INDEX: 10; } #login-bar{ position: absolute; top: 2px ; right: 15px; color: #000; } #login-bar a{color: #000; } #container{ MARGIN: 0 auto; BORDER-RIGHT: none; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f93291a0d.gif) #ffffff repeat-y left top; WIDTH: 960px; POSITION: relative; TEXT-ALIGN: left } /*-------------- banner --------------*/ #header{ Z-INDEX: 3; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a6614bf0ed0.gif) #ffffff no-repeat; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 290px; } #banner A:link { COLOR: #000; TEXT-DECORATION: none } #banner A:visited { COLOR: #000; TEXT-DECORATION: none } #banner A:hover { COLOR: #000 } #banner A:active { COLOR: #000 } #banner{text-align: left; height: 335px; } #banner h1{ FONT-WEIGHT: bold; FONT-SIZE: 22px; right:50px; /*TEXT-TRANSFORM: uppercase;*/ WIDTH: auto; COLOR: #ffffff; FONT-FAMILY: Georgia,微軟正黑體, 新細明體, Verdana, Arial,serif; LETTER-SPACING: 0px; POSITION: absolute; TOP: 50px; HEIGHT: 50px; TEXT-ALIGN: left } #banner h2{ FONT-WEIGHT: normal; FONT-SIZE: 11px; right:52px; WIDTH: 450px; COLOR: #696969; FONT-FAMILY: Verdana, Arial, serif; POSITION: absolute; TOP: 80px; TEXT-ALIGN: right; LINE-HEIGHT: 170%; } /*-------------- navigation --------------*/ #navigation{position: absolute; TOP: 190px; left: 606px; } #navigation a{color: #fff; font-size: 0pt; text-indent: -5000px; display: block; width: 75px; height: 38px; } #navigation a:hover{background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a660adefbba.gif) no-repeat left 10px; } #navigation li{float: left; display: inline; } #link-album a{} #link-blog a{margin-left: 9px; } #link-guestbook a{margin-left: -6px; } #link-profile a{margin-left: 11px; } /*-------------- content --------------*/ #content{width: 664px; float: right; padding-right: 35px; margin-top: 3px; line-height: 20px; overflow: hidden; } /*-------------- spotlight --------------*/ #spotlight{LETTER-SPACING:1px; margin: 16px 0px 5px 0px; margin-bottom:13px; color:#777; border: 0px dashed #ccc; padding: 5px 10px 5px 20px; background: #2c2c2c} #spotlight h5{font-weight: bold; font-size:11px;} #spotlight-text{} #spotlight-text A { COLOR: #ccc; TEXT-DECORATION: none; } #spotlight-text A:link { COLOR: #ccc; TEXT-DECORATION: none } #spotlight-text A:visited { COLOR: #ccc; TEXT-DECORATION: none } #spotlight-text A:hover { COLOR: #f7ebd1; TEXT-DECORATION: none } #spotlight-text A:active { COLOR: #f7ebd1; TEXT-DECORATION: none } /*-------------- article area --------------*/ #article-area{} .article-area-title{margin: 0px 0px; padding-left:10px; border-left: 6px solid #666;} .article{margin: 0px 0px 25px 0px; border-bottom: 0px dashed #ddd; } .article-head{} .publish { padding-right:15px; LETTER-SPACING: -1px;FONT-SIZE: 9px; Z-INDEX: 5; PADDING-LEFT: 80px; PADDING-top: 4px; margin-bottom:-78px; COLOR: #ffffff; FONT-FAMILY: verdana, arial, georgia, ; TEXT-ALIGN:right; } .title h2{ COLOR: #ffe7b7; margin-top:60px; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; LETTER-SPACING: 0px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; font-size:18px; Z-INDEX: 3; CLEAR: both; PADDING-RIGHT: 0px; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f70ae3cb2.gif) no-repeat 0px top; PADDING-BOTTOM: 11px; WIDTH: 635px; PADDING-TOP: 11px } .title h2 A { color:#ffe7b7; TEXT-DECORATION: none } .title h2 A:link { color:#ffe7b7; TEXT-DECORATION: none } .title h2 A:visited { color:#ffe7b7; TEXT-DECORATION: none } .title h2 A:active { color:#ffe7b7; TEXT-DECORATION: none } .title h2 A:hover { color:#ffe7b7; TEXT-DECORATION: none } .article-body{ overflow:hidden; padding-bottom: 10px;PADDING-top: 8px; margin: 0px; WIDTH: 665px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f7090c48d.gif) transparent no-repeat top left; /*background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f709638bc.gif) #fff no-repeat center bottom;*/ } .bookmark { background: #fff; padding:5px; padding-left: 24px; text-align: left; margin-top: 10px; } .article-content{ overflow:hidden; background: #fff; PADDING-BOTTOM: 5px; PADDING-top: 20px; PADDING-left: 30px; PADDING-right: 27px; LINE-HEIGHT: 190%; margin-right: 0px; WIDTH: 610px; margin-TOP: 0px; HEIGHT: 100%; font-size:11px; LETTER-SPACING: 1.5px; } .article-content A:link { COLOR: #caa863; TEXT-DECORATION: none; } .article-content A:visited { COLOR: #caa863; TEXT-DECORATION: none } .article-content A:hover { COLOR: #e9b453 } .article-content A:active { COLOR: #e9b453 } .more a{/*float: right;*/ margin-top: 30px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a642ab2b1aa.gif) no-repeat 0px 0px; display: block; font-size:0px; Z-INDEX: 12; width: 59px; height: 16px; text-indent: -5000px;} .article-footer{ color: #747474; border-bottom: 0px dotted #ccc; padding: 5px; background: transparent; margin-right:8px;} .forward a { padding: 2px; text-align: left; margin-left:10px;} .forward { padding-left: 18px; border-bottom: 0px dotted #ccc; margin-top: -40px; } .author{ background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f709638bc.gif) #fff no-repeat left bottom; height:60px; width:635px; padding-top: 30px; color:#ccc; text-align: left; margin-left:0px; margin-right:76px; padding-left: 30px; border-top: 0px solid #212121; border-bottom: 0px solid #212121; margin-top:0px; } .author A:link { COLOR: #777777; TEXT-DECORATION: none; } .author A:link { COLOR: #777777; TEXT-DECORATION: none; } .author A:visited { COLOR: #777777; TEXT-DECORATION: none } .author A:hover { COLOR: #000; border-bottom: 1px dotted #777777; TEXT-DECORATION: none } .author A:active { COLOR: #000; border-bottom: 1px dotted #777777; TEXT-DECORATION: none } .refer{width: 300px; float: left; padding: 2px 1px; text-align: left; /*background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a63f354d30f.gif) no-repeat 5px 5px; display: block;*/ } .refer a{ color: #ffe7b7;} .history{width: 330px; float: right; padding: 2px 1px; text-align: left; } .history h6{font-size:11px; font-weight: bold; } .history a{ color: #ffe7b7;} .back-to-top{clear: both; text-align: right; padding: 0px; } /*#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; } #trackback-title { /*height:60px; width:180px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a40616d51d6.gif) no-repeat center left; text-indent: -5000px; */ font: 15pt verdana; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; LETTER-SPACING: 0px; color: #fff; display: block; } #trackback-text{margin: 8px; } #trackback-url{margin: 8px; } #trackback-input{width: 400px; color: #000; background: #444; border: 1px solid #333; color: #ccc; padding: 2px; } #trackback input{FONT-FAMILY: Georgia, Arial, 新細明體; height: 20px; font-size: 11px ; LETTER-SPACING: 1px; border: 1px solid #ccc; } .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: 10px 0px 30px 0px; } .user-post-title{padding: 5px; } #comment-title{ /*height:60px; width:180px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a40616d51d6.gif) no-repeat center left; text-indent: -5000px; */ font-size: 15pt; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; LETTER-SPACING: 0px; color: #fff; display: block; } #comment-text{margin: 5px; } .post-comment { margin-left: 520px; margin-bottom: 10px; margin-top: -35px;/*width: 127px; height: 26px; display: block; text-indent: -5000px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a40de40e9d5.gif) #fff no-repeat;*/ padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; text-align:center; border: 1px dotted #666; font: 12pt verdana; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; LETTER-SPACING: 1px; color: #fff; } .single-post{ background:#373737; border: 1px dashed #5e5e5e; position: relative; width: 646px; margin: 0px auto 30px auto; overflow: hidden; _overflow: none; _height: 1%; word-break: break-all; padding: 5px; } #comment-text .secret{} .post-info{padding: 5px 5px 5px 5px; color: #000; background: #939393; } .post-info a{color: #000; } .post-photo{float: left; width: 80px; margin: 15px 5px 5px 10px; } .post-photo img{width: 70px; height: 70px; } .post-text p{color: #000; font-weight: bold; padding: 5px; } .post-text{float: right; width: 480px; margin-right:20px; padding-bottom: 5px; color: #c3c3c3; line-height: 17px; } .post-info .floor { color: #ffe7b7; font-weight: bold; margin-right:5px;} .reply-text {float: right; width: 475px; margin-right:20px; padding: 5px; line-height: 17px; color: #ffe7b7; border-top: 1px dashed #aaa; } .reply-text pre{color: #000; font: 11px "Arial"; *font: 10px "Arial"; line-height: 20px; } .reply-text p{text-align: right; padding-top: 10px; color: #ffe7b7; } .reply-text p a{color: #ffe7b7; } .reply-text textarea{display: block; border: 1px solid #eee; width: 99%; height: 70px; line-height: 20px; font: 10px "Arial"; } /*-------------- #comment-table --------------*/ #comment-form{widht: 600px; 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{ font-size: 10pt; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; font-weight: normal; width: 85px; LETTER-SPACING: 3px; padding: 5px; color: #eee; vertical-align: top; border: none; } #comment-form table th font{display: none; } #comment-form table{width: 600px; margin: 0px auto; border: none; } #comment-form input{FONT-FAMILY: Georgia, Arial, 新細明體; height: 20px; font-size: 11px ; LETTER-SPACING: 1px; border: 1px solid #ccc; } #comment-form textarea{FONT-FAMILY: Georgia, Arial, 新細明體; width: 95%; border: 1px solid #ccc; LETTER-SPACING: 1px; height: 100px; padding: 5px; background: #fff; line-height: 18px; font-size: 11px ; } #comment-form submit a{padding: 5px; color: #555; font: 11px; } /*-------------- 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{} .page span{font-weight: bolder; color:#fff;} /*-------------- link側欄 --------------*/ #links{ overflow:hidden; Z-INDEX: 2; FLOAT: left; WIDTH: 236px; COLOR: #333333; LINE-HEIGHT: 1.4em } /*-------------- 側欄box --------------*/ .box{ MARGIN-BOTTOM: 10px; LETTER-SPACING: 1px; color:#867B72; } .box-title{ FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f708a5c0a.gif) no-repeat left top; COLOR: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; TEXT-ALIGN: center; height: 42px; } .box-text{ FONT-SIZE: 11px; COLOR: #ffe7b7; PADDING-RIGHT: 9px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 188%; PADDING-TOP: 7px } .box A { display: block; COLOR: #838383; TEXT-DECORATION: none; border-bottom: #323232 1px dotted; background: transparent ; } .box A:link { COLOR: #838383; TEXT-DECORATION: none; border-bottom: #323232 1px dotted; background: transparent ; } .box A:visited { COLOR: #838383; TEXT-DECORATION: none; border-bottom: #323232 1px dotted; background: transparent ; } .box A:hover { COLOR: #eaeaea; border-bottom: #646464 3px solid; border-left: #646464 0px solid; background: transparent ; } .box A:active { COLOR: #eaeaea; border-bottom: #646464 1px dotted; background: transparent ; } /*-------------- side links --------------*/ #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; } #latest-comment .box-text li{padding: 1px 0px 0px 0px; overflow: hidden; color: #ccc; } #latest-comment .box-text a{display: block; padding: 1px 0px; font-size: 11px;} /*-------------- latest trackback --------------*/ #latest-trackback .box-text li{padding: 1px 0px 0px 0px; color: #11d3c9; text-align: right; font-size: 10px; } #latest-trackback .box-text a{display: block; padding: 1px 0px; font-size: 11px; *font-size: 10px; border-bottom: 1px solid #eee; } /*-------------- subscription --------------*/ #subscription .box-text a{display: block; padding: 1px 0px; text-align: left; font-size: 11px;} #subscription .box-text li{padding: 1px 0px; /*color: #11d3c9; */text-align: right; border-bottom: 0px solid #eee; } /*-------------- broadcast --------------*/ #broadcast ul{_height: 1%; overflow: hidden; _overflow: none; padding: 1px; border-bottom: 1px solid #eee; } #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: #11d3c9; } .broadcast-time{display: block; margin-left: 5px; } .broadcast-text{height: 17px; overflow: hidden; padding: 1px; color: #999; margin-left: 5px; font-size: 11px;} /*-------------- 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: 42px; width: 42px; margin: 1px 3px; } #visitor .box-text li a:hover img, #crumb .box-text li a:hover img{} /*-------------- calendar --------------*/ #calendar{} #calendar .box-text{} #calendar table{ font-weight: normal; 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: #fff; font-weight: bold; margin: 1px; border: 1px dotted #333; } #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{ color: #111; } #category .box-text a{padding-left: 21px; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a63f5715509.gif) no-repeat left 3px; border:0px; display: block; } #category .box-text A:hover {font-weight: normal; color: #fff; } #category .box-more{text-align: right; display: none; } /*-------------- search --------------*/ input#search-target{text-align: center; width: 160px; height: 17px; color: #000; background: #fff; border: 1px solid #8F9398; color: #5A5A5A; padding: 2px; } input#search-submit{width: 40px; color: #000; font-size: 11px; background: #fff; border: 1px solid #8F9398; padding: 2px; margin-top: 4px; } #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; } #murmur .box-more{margin-top: 10px; text-align: right; font-size: 11px; } .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; } #box361163 .box-text a{color: #555; } #box361163 .box-text a:hover{color: #999; } /*-------------- footer --------------*/ #footer{clear: both; text-align: right; height: 100px; padding: 0px 196px 0px 0px; color: #aaa; font-size: 10px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a5f709cb672.gif) no-repeat center bottom; } #footer p, #bottom{text-align: right; padding-top: 16px; color: #aaa; font-size: 11px; } #footer p, #bottom a{ margin-right:7px; } /*-------------- hidden --------------*/ #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; }

喜歡的話別忘了留言給我個小鼓勵哦^^