[樣式] Springtime @ Bonjour, Elsa! :: 痞客邦 ::

Mar 24 Tue 2009 16:45
[樣式] Springtime

★ 名稱： Springtime
★ 時間：2009/02/25
★ 語法下載 (Ctrl+C 複製，Ctrl+V 貼上)

 /****************************************************************
PIXNET blog skin - Springtime
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,ol,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; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
abbr,acronym { border: 0; }
pre { font-size: 1em; }



/*--------------- all ---------------*/

BODY {
	FONT-SIZE: 11px; background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a36744ccc04.gif) #ffffff ; MARGIN: 0px; COLOR: #3e3e3e;  FONT-FAMILY: Georgia, Arial, /*微軟正黑體,*/ 新細明體, taipei, Helvetica, sans-serif
}
A:link
{
  COLOR: #8dcd7e; TEXT-DECORATION: none;
}

A:link {
	COLOR: #8dcd7e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #8dcd7e; TEXT-DECORATION: none
}
A:hover {
	COLOR: #459b31; TEXT-DECORATION: none
}
A:active {
	COLOR: #459b31; 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/49a3ff59defd0.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/49a3fff306be5.jpg) #ffffff no-repeat; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 395px;
}

#banner A:link {
	COLOR: #3addce; TEXT-DECORATION: none
}
#banner A:visited {
	COLOR: #3addce; TEXT-DECORATION: none
}
#banner A:hover {
	COLOR: #3addce
}
#banner A:active {
	COLOR: #3addce
}

#banner{text-align: left; height: 335px; }
#banner h1{
	FONT-WEIGHT: bold; FONT-SIZE: 26px; left: 350px; /*TEXT-TRANSFORM: uppercase;*/ WIDTH: auto; COLOR: #ffffff; FONT-FAMILY: Georgia,微軟正黑體, 新細明體, Verdana, Arial,serif; LETTER-SPACING: -1px; POSITION: absolute; TOP: 120px; HEIGHT: 50px; TEXT-ALIGN: left
}
#banner h2{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; left: 375px; WIDTH: 450px; COLOR: #8bc8ad; FONT-FAMILY: Verdana, Arial, serif; POSITION: absolute; TOP: 159px; TEXT-ALIGN: left; LINE-HEIGHT: 160%;
}


/*-------------- navigation --------------*/
#navigation{position: absolute; TOP: 324px; left: 276px; }
#navigation a{color: #fff; font-size: 0pt; text-indent: -5000px; display: block; width: 85px; height: 38px; }
#navigation a:hover{background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a3fc79209c0.gif) no-repeat left 8px; }
#navigation li{float: left; display: inline; }
#link-album a{}
#link-blog a{margin-left: 12px; }
#link-guestbook a{margin-left: -6px; }
#link-profile a{margin-left: 6px; }


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


/*-------------- spotlight --------------*/
#spotlight{margin: 10px 0px 5px 0px; margin-bottom:13px; color:#86bcb4; border: 1px dashed #d0f7f5; padding: 5px 10px 5px 20px; background: #fff}
#spotlight h5{font-weight: bold; font-size:12px;}
#spotlight-text{} 
#spotlight-text a{text-decoration: none; }


/*-------------- article area --------------*/
#article-area{}
.article-area-title{margin: 0px 5px; }
.article{margin: 0px 0px 25px 0px; border-bottom: 0px dashed #ddd; }
.article-head{height: 60px; }
.publish {
	 padding-right:10px; LETTER-SPACING: 0px;FONT-SIZE: 11px; Z-INDEX: 5; PADDING-LEFT: 80px; PADDING-top: 4px; margin-bottom:-40px; COLOR: #b9dfdd;  FONT-FAMILY: georgia,  verdana, arial, ; TEXT-ALIGN:right
}
.title h2{
	COLOR: #5fafb2; margin-top:25px; FONT-FAMILY: Georgia, 微軟正黑體, 新細明體, Verdana,Arial,serif; LETTER-SPACING: -1px; PADDING-LEFT: 79px;  FONT-WEIGHT: bold; font-size:20px; Z-INDEX: 3;   CLEAR: both; PADDING-RIGHT: 0px;  
	BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a3674608b8d.jpg) no-repeat 0px top;   PADDING-BOTTOM: 20px; WIDTH: 600px; PADDING-TOP: 20px
}

.title h2 A {
	color:#5fafb2; TEXT-DECORATION: none
}
.title h2 A:link {
	color:#5fafb2; TEXT-DECORATION: none
}
.title h2 A:visited {
	color:#5fafb2; TEXT-DECORATION: none
}
.title h2 A:active {
	 color:#5fafb2; TEXT-DECORATION: none
}
.title h2 A:hover {
	 color:#5fafb2;  TEXT-DECORATION: none
}
.article-body{margin: 3px 0px; }
.bookmark{text-align: left; margin: 10px 2px; }
.article-content{
	background: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/49a40f770e58e.gif) no-repeat top left; PADDING-BOTTOM: 5px; margin-top: 11px; PADDING-left: 30px; PADDING-right: 45px; 
	LINE-HEIGHT: 190%;  margin-right: 0px; WIDTH: 620px; PADDING-TOP: 36px; HEIGHT: 100%; font-size:13px; LETTER-SPACING: 1.5px;
}

.article-content A:link {
	COLOR: #5fafb2; TEXT-DECORATION: none; 
}
.article-content  A:visited {
	COLOR: #5fafb2; TEXT-DECORATION: none
}
.article-content A:hover {
	COLOR: #3addce
}
.article-content  A:active {
	COLOR: #3addce
}
.more{/*float: right;*/ margin: 5px 0px; }
.more a{text-decoration: none; }
.article-footer{ border-bottom: 1px dotted #d0f7f5; padding: 5px; background: #fff }
.forward a {  padding: 2px; text-align: left; margin-left:10px;}
.forward  {  border-bottom: 1px dotted #d0f7f5;  }
.author{ color:#b9dfdd; text-align: right; margin-left:10px; padding-right: 10px; border-top: 0px dotted #d0f7f5; border-bottom: 0px dotted #d0f7f5; margin-top:20px; }
.refer{width: 320px; 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 .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/49a40617850af.gif) no-repeat center left; font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; }
#trackback-text{margin: 8px; }
#trackback-url{margin: 8px; }
#trackback-input{width: 400px; color: #000; background: #fff; border: 1px solid #999; 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: 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; font: 0pt verdana; color: #fff; display: block; text-indent: -5000px; }
#comment-text{margin: 5px; }
.post-comment a{ margin: 0px 0 0px 530px; 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; font: 0pt;}

.single-post{border: 5px solid #edfaf9; position: relative; width: 650px; 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: #edfaf9; }
.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; padding: 5px; color: #999; line-height: 17px; }
.post-info .floor { color:#399; font-weight: bold; margin-right:5px;}
.reply-text{float: right; width: 480px; padding: 5px; line-height: 17px; color: #3A7E87; 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: #3A7E87; }
.reply-text p a{color: #3A7E87; }
.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{width: 85px; padding: 5px; color: #5fafb2; 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{color: #000; }
.page span{font-weight: bolder; }


/*-------------- link側欄 --------------*/
#links{
	overflow:hidden; PADDING-LEFT: 23px; Z-INDEX: 2; FLOAT: left; WIDTH: 200px; 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/49a3f27d04773.gif) no-repeat left top; 
	COLOR: #ffffff; PADDING-BOTTOM: 0px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center;
	height:28px;
}
.box-text{
	FONT-SIZE: 11px; COLOR: #459b31; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 18px; PADDING-TOP: 7px
}
.box A:link {
	COLOR: #388186; TEXT-DECORATION: none
}
.box A:visited {
	 COLOR: #388186; TEXT-DECORATION: none
}
.box A:hover {
	 COLOR: #3addce
}
.box A:active {
	 COLOR: #3addce
}

/*-------------- 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; *font-size: 10px; }
#subscription .box-text li{padding: 1px 0px; color: #11d3c9; text-align: right; border-bottom: 1px solid #eee; font-size: 10px; }


/*-------------- 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; *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: 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{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: #11d3c9; margin: 1px; background: #fff; border-right: 0px solid #666; border-bottom: 0px solid #666; }
#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; color:#11d3c9;}
#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; *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; }
#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/49a42ca3a7842.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; }
 
此樣板已釋出於PIXNET樣式管理後台囉~
喜歡的話別忘了留言給我個小鼓勵哦^^

elsatw

Bonjour, Elsa!

elsatw 發表在痞客邦留言(1) 人氣()

E-mail轉寄

歷史上的今天

留言列表

Fresh Posts

Hot Posts

Comments

Visitors

本日人氣：
累積人氣：

QR Code

qrcode

Categories

心有戚戚焉 (3)

Find Articles

RSS訂閱