樣式│dark gray @ 站在這裡 :: 痞客邦 PIXNET ::

一樣把上一個版稍為整理,
釋出給大家使用囉!! 喜歡的朋友請自行下載...
有領取的朋友請留言

,
有問題也歡迎提出詢問囉...

PS// 使用這個版記得把搜尋功能拉出來喔,
因為將搜尋特別定位了, 如果那塊空空的, 就不好看囉~~
--
★★★ 預覽圖(點圖可看完整大圖)

寂寞森林 - by standinghere

★★★ 語法下載: (按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*---------------------------------------------------------------
!!! 僅適用於pixnet痞客模版 !!!
PIXNET  blog template - dark gray
visual & css design by standinhgere 2009 / 05
http://standinghere.pixnet.net
Feel free to use and modify but please provide credits.
----------------------------------------------------------------*/

/*--------------------------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;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
/*--------------------------all setting*/

HTML {overflow-x:hidden;}
body {
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd34d89b30.png) left bottom repeat-x #222;
	font-size:12px;
	font-family: Century Gothic;
	color:#ccc;
	}
a {color:#858585}
a:hover {color:#fff;}

/*--------------------------authority*/

#authority{
	background:#111;
	text-align: center;
	line-height: 30px;
	}
#authority a{
	color:#333;
	padding:0 3px;
	}
#authority a:hover{
	color:#eee;
	position: relative;
	top:1px;
	}
#authority a#newpost {}
#authority a#backstage {}

/*--------------------------container*/

#container{
	width: 100%;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd34d46925.png) left top repeat-x;
	}
#container2{
	width:860px;
	margin:0 auto;
	position: relative;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3508f324.png) 603px bottom repeat-y;
	}
#container3{}

/*--------------------------header*/

#header{
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a21688500583.png) left top no-repeat;
	height: 250px;
	
	}
#login-bar{
	padding:  15px;
	text-align: right;
	font-size:11px; *font-size: 10px;
	font-family: Century Gothic;
	letter-spacing: 0px;
	text-transform: uppercase;
	color:#777;
	}
#login-bar a{
	color:#777;
	}
#login-bar a:hover{
	border-bottom:1px dotted #555;
	}
#banner{}
#banner h1 a{
	display:block;
	width: 400px;
	height:30px;
	position: absolute;
	top: 40px;
	left: 200px;
	font-size:20px;
	font-family: Simhei;
	color:#fff;
	line-height: 30px;
	overflow:hidden;
	}
#banner h1 a:hover{
	color:#0cf;
	}
#banner h2{
	position: absolute;
	top: 70px;
	left: 200px;	
	width: 400px;
	font-size:11px; *font-size:10px;
	color:#999;
	}
#navigation{
	padding: 0;
	margin: 0;
	position: absolute;
	top:  150px;
	right: 280px;
	padding: 1px;
	overflow: hidden;
	_overflow: none;
	height: 70px;
	width: 400px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a22208525bad.png) right top no-repeat;
	}
#navigation li{float: right; 
	height: 70px;
	width: 80px;
	font-size:0; text-indent: -5000px;
	}
	#navigation li#link-blog{width:70px;}
	#navigation li#link-guestbook{width:130px;}
	#navigation li#link-profile{width:100px;}
#navigation li a{display: block; width: 100%;height:100%;}
#navigation li a:hover{
	background:#252525;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
#banner .skiplink ,
#banner #blog-category{
	display:none;
	}

/*--------------------------main*/

#main{}

/*--------------------------content*/

#content{
	overflow: hidden;
	float: left;
	width: 585px;
	}

#spotlight{
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a216885b0a0b.png) left top repeat-y;
	margin-bottom: 20px;
	}
#spotlight h5{
	font-size:13px;
	height:30px;
	line-height:30px;
	padding-left:25px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a21688566e44.png) left top no-repeat;
	}
#spotlight-text{
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd35391734.png) left bottom no-repeat;
	padding: 0px 10px 10px 25px;
	color:#666;
	_height:1%;
	}
#spotlight-text a{color:#777;}
#spotlight-text a:hover{color:#fff;}
#spotlight-text a:focus{outline:none;}
#article-area{}

#article-area .article-area-title,
#view-mode{line-height: 20px;
	text-align:right;
	} 
#display{}
#display SPAN {}

#article-box{}
.article{
	margin: 20px 0;
	}
.article input{
	border:0;
	background:#333;
	border:1px solid #222;
	font:12px arial;
	padding:2px;
	color:#fff;
	}
.article-head{
	overflow:hidden; _overflow:none; _height:1%;
	margin-bottom: 10px;
	} 
.publish {
	float: left;
	width: 35px;
	height:32px;
	padding-top: 3px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3519c543.png) left top no-repeat;
	text-transform:uppercase;
	font: bold 10px Tahoma;
	text-align: center;
	}
.publish .date{
	font-size:14px;
	display:block;
	}
.publish .year,
.publish .time,
.publish .day{display:none;}
.title{
	float: right;
	width: 540px;
	}
.title a{
	font: bold 16px arial;
	color:#fff;
	line-height: 35px;
	}
.title a:hover{
	color:#0cf;
	}
.title img{
	float: right;
	margin-top: 10px;
	}
.article-body{}
.article-content{
	margin: 10px 0 30px 0;
	color:#aaa;
	letter-spacing: 0.05em;
	line-height: 180%;
	} 
.article-content a{
	color:#666;
	background:#111;
	padding:0px 2px;
	}
.article-content a:hover{
	background:#444;
	color:#fff;
	}
.article-content .more{text-align: right; margin:10px 0;}
.bookmark,
.author,
.forward{
	font-size: 10px;
	font-family: Century Gothic;
	color:#aaa;
	text-align: right;
	}
.author a{color:#888;}
.author a:hover{color:#555;}

.article-footer{
	border-bottom:1px solid #3a3a3a;
margin: 20px 0;
	}
.article-footer img{display:none;}
.article-footer  ul{
	overflow: hidden;
	_overlfow: none;
	_height: 1%;
	}
.article-footer li{
	color:#444;
	float: left;
	margin-bottom: 2px;
	margin-right: 10px;
	display: inline;
	height: 15px;
	overflow: hidden;
	}
.article-footer .refer{
	padding: 0px 0px;
	line-height: 15px; 
	}
.article-footer .history h6{
	display:none;
	}
.article-footer a{color:#555;}
.back-to-top{
	font: 9px Tahoma;
	text-transform: uppercase;
	color:#aaa;
	padding: 5px 0px 10px 0px;
	letter-spacing: 0;
	text-align: right;
	border-bottom:1px solid #111;
	} 
.back-to-top a{
	background: #333;
	padding: 2px;
	color:#555;
	}
.back-to-top a:hover{
	background:#666;
	color:#333;
	}

/*--------------------------list*/

.main-list {
	width: 100%;
	margin: 10px 0px 10px 0px;
	}
.main-list table{
	width: 100%;
	}
.main-list h3 {}
.main-list th{
	line-height: 20px;
	color:#333;
	background:#111;
	padding: 2px 5px;
	border-bottom: 2px solid #222;
	}
.main-list th.list-comment{
	border-right:2px solid #222;
	}
.main-list td{
	font-size:11px; *font-size:10px;
	line-height: 25px;
	padding: 0px 10px;
	background:#333;
	border-bottom:2px solid #222;
	border-right:2px solid #222;
	}
.main-list td a{color:#ccc;}
.main-list td a:hover{color:#0cf;}
.list-num{display:none;}
td.list-date {
	background:#666;
	font: 9px Century Gothic;
	width: 50px;
	color:#fff;
	letter-spacing:0;
	padding: 0 5px;
	}
.list-title img{
	float: right;
	margin-left:3px;
	margin-top: 4px;
	display: inline;
	}
#murmur-list td.list-date {
	padding: 5px;
	line-height: 10px !important;
	}
.list-visit,
.list-comment{
	width: 30px;
	}

/*--------------------------post-box*/

.user-post-box{} 
.user-post-title{display: none;}
#trackback-box .user-post-title{}
#comment-box .user-post-title{}

.post-comment{
	width: 185px;
	height: 25px;
	margin: 20px auto;
	}
#content .post-comment a{
	display:block;
	width: 100%;
	height:100%;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd354001a1.png) left top no-repeat;
	font-size:0;
	text-indent: -5000px;
	}
#content .post-comment a:hover{
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd354001a1.png) left bottom no-repeat;

}
.single-post{
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3515f1dd.png) left top repeat-y #161616;
	margin-bottom: 10px;
	width:565px;
	padding:10px;
	position:relative;
	min-height: 70px;
	_height: 70px;
	}
.single-post .post-info{
	color: #aaa;
	font-family: Century Gothic;
	line-height:160%;
	margin-left: 60px;
	}
.post-info .floor {
	color:#0cf;
	font-size:20px;
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 60px;
	width: 50px;
	text-align: right;
	}
.post-info img {width: 10px; height: 10px;}
.post-info a {
	color:#aaa;
	}
.post-info a.user-name{
	font-size: 10px;
	}

.post-photo{
	position: absolute;
	left: 5px;
	top: 5px;
	}
.post-photo img,
.post-photo a img {
	width: 45px;
	height:45px;
	padding:2px;
	border:1px solid #666;
	}
.post-photo img:hover,
.post-photo a:hover img{
	border:1px solid #eee;
	}
.post-text{
	color:#666;
	line-height:160%;
	font-size:11px; *font-size:10px;
	font-family: arial, verdana;
	margin-left: 60px;
	}
.reply-text{
	color:#ccc;
	line-height:160%;
	margin-top: 10px;
	padding:5px 10px 15px;
	margin-left: 60px;
	background:#222;
	}
.reply-text p{
	display:none;
	}
.single-post.secret{
	min-height:20px;
	_height: 20px;
	}
.single-post.secret .post-text{
	float: none;
	width: auto;
	}

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
	text-align: right;
	margin:20px 0;
	}
#trackback-box #trackback-url input{
	border:0;
	font: 11px Tahoma;
	color:#666;
	background:#1c1c1c;
	margin-right:2px;
	padding: 2px 5px;
	width: 70px;
	}
#trackback-box input#trackback-input{
	margin:0;
	width: 400px;
	font: 9px Century Gothic;
	letter-spacing:1px;
	padding: 3px 5px;
	}
#trackback-text {}
#trackback-text .single-post {}

/*--------------------------comment-form */
#comment-form {
	background: url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd34f5389d.png) left top no-repeat #111;
	padding: 15px 10px 10px 10px;
	width: 565px;
	margin: 10px 0;
	}	
#comment-form p {
	color: #333;
	text-align: right;
	margin: 0px 10px 5px;
	}
#comment-form table {
	width: 80%;
	border: none;
	margin-left: 100px;
	}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
	color: #999;
	vertical-align: top;
	border: none;
	padding: 2px 5px;
	}
#comment-form table th {
	color: #777;
	vertical-align: top;
	width: 100px;
	border: none;
	padding: 2px 5px;
	text-align:right;
	}
#comment-form table th font { display: none; }
#comment-form input {
	height: 17px;
	font-family: Century gothic, arial, verdana;
	font-size: 11px;
	color: #666;
	border: none;
	border-bottom: 1px solid #333;
	background: none;
	width: 100%;
	}
#comment-form input.radio {
	border: none; width: auto;
	background: none;margin:0; padding:0;
	}
#comment-form input#blogcommenttext_name{
	width: 95%; 
	}
#comment-form textarea {
	width: 99%;
	height: 90px;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	color: #ccc;
	border: 1px solid #000;
	background: #333;
	}	
#comment-form input#send-comment{
	width: 150px;
	height: 50px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd352a1b4a.png) left top no-repeat;
	bordeR:0;
	font-size:0;
	color:#111;
	text-align:left;
	}
/*--------------------------pages*/
	
.page{
	margin: 10px 0px;
	font-size:11px;
	font-family: Arial;
	}
.page a{
	margin: 0;
	color:#555;
	padding: 0 5px;
	}
.page a:hover,
.page span{
	background:#333;
	padding: 0 5px;
	color:#fff;
	margin: 0;
	}
.page span{
	border-right:1px solid #191919;
	border-bottom:1px solid #191919;
	}

/*--------------------------links*/

#links{
	overflow: hidden;
	float: right;
	width: 254px;
	
	margin-right: 3px;
	display: inline;
	margin-top: -70px;
}
#links-row-1{}
#links-row-2{}

.box{}
.box-title{
	font-size: 15px;
	padding-left: 25px;
	background: url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a2168842c151.png) 0px 0px no-repeat;
	width: 223px;
	margin:0 auto 10px ;
	padding-top: 7px;
	color:#555;
	}

.box-text {
	padding: 0px 0px 20px 0px;
	line-height:160%;
	width: 210px;
	margin:0 auto;
	letter-spacing: 0.05em;
	}
.box-text a{color:#999;}
.box-text a:hover{color:#0cf;}
.box-more{
	font-size:11px; *font-size:10px;
	text-align:right;
	margin:5px 0;
	}
	.box-more a{
		padding:1px 5px;
		background:#222;
		}
#recent-article img{display:none;}

#subscription li,
#latest-trackback li,
#latest-comment li{
	color:#555;
	}
#subscription li a,
#latest-trackback li a,
#latest-comment li a{
	display:block;
	width: 99%;
	color:#ccc;
	}
#subscription li a:hover,
#latest-trackback li a:hover,
#latest-comment a:hover{
	color:#7c9fc1;
	}
#latest-comment span{
	color:#ccc;
	font:10px Century Gothic;
	} 
#headshot ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%; }
#headshot li {
	float: right;
	width: 100px; }
#headshot li#headshot-img {
	float: left !important; 
	display: inline;
	}
#visitor,#crumb{}
#visitor ul,#crumb ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin-left:10px;
	}
#visitor li,#crumb li{
	float: left;
	line-height:0 ;
	margin: 3px 3px 0 0;
	display: inline;
	}
#visitor li a img,
#crumb li a img {
	width: 40px;
	height: 40px;
	padding:2px;
	border:1px solid #333;
	}
#visitor li a:hover img{
	border:1px solid #ccc;
	}
#broadcast ul{
	overflow: hidden;
	_overflow: none;
	_height: 1%;
	margin-bottom: 3px;
	}
#broadcast .broadcast-photo{
	float: left;
	width: 45px;
	}
#broadcast .broadcast-photo a img{
	width: 40px;
	height: 40px;
	padding:2px;
	border:1px solid #333;
	}
#broadcast .broadcast-time{
	float: right;
	width: 155px;
	}
#broadcast .broadcast-time a{
	font: 10px Century Gothic;
	padding: 0px 3px;
	background:#111;
	color:#555;
	letter-spacing:1px;
	}
#broadcast .broadcast-time span{display:none;}
#broadcast .broadcast-text{
	float: right;
	width: 155px;
	font-size:11px; *font-size:10px;
	line-height:16px;
	}
#broadcast .broadcast-text a{
	color:#666;
	}
#broadcast .broadcast-text a:hover{
	color:#7c9fc1;
	}
#calendar table {
	width: 85%;
	text-align: center;
	margin:0 auto; }
	#calendar table th {
		text-align: center;
		line-height: 20px; }
	#calendar table td {
		font: 10px arial;
		line-height: 20px; }
	#calendar table td a {
		display:block;
		background: #0cf;
		color:#fff;
		margin: 1px; }
#search{
	position: absolute;
	right:25px;
	top: 115px;
	margin:0;
	background:noen;
	}
#search .box-text{
	padding:0;
	margin:0;
	}
#search ul{
	width: 210px;
	height: 30px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3525dc74.png) left top no-repeat;
	overflow:hidden; _overflow: none; _height:1%;
	}
#search ul li{
	float: left;
	}
#search input#search-target{
	width: 160px;
	padding: 5px 10px;
	height: 20px;
	border:0;
	background: none;
	color:#aaa;
	font:12px arial;
	}
#search input#search-submit{
	height: 30px;
	width: 30px;
	font-size:0;
	border:0;
	background:none;
	color:#333;
	}
#category h6{
	font:10px Century Gothic;
	letter-spacing:1px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd34e816dd.png) left 3px no-repeat;
	padding-left: 15px;
	}
#category h6 img,
#search .box-title{display:none;}

/*--------------------------footer*/

#footer{
	clear:both;
	height: 100px;
	padding-top: 25px;
	background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/4a2168848e5fc.png) right 0px no-repeat;
	}
#footer p{color:#555;}
#bottom {}

Posted by standinghere at 痞客邦 PIXNET Comments(62) Trackback(0) Hits(5504)