[部落格]痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)－FINE LOOK in PIXNET

痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)
主視覺圖片預設為 900 X 450
欲加入圖片,
請在CSS中找到 #header{background: url() left top no-repeat;}
在 ( ) 中加上圖片網址即可。

★★★ 語法下載: (游標移至框內全選後, 按滑鼠右鍵, 或 Ctrl+C 複製語法)

/*主視覺請在此更換*/
#header{background: url() left top no-repeat;}

/*--------------------------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;		}
br{letter-spacing: normal;}

body {
	font-size: 13px;
	font-family: "Century Gothic";
	color: #555;
	background: #e8f5d2;
	margin: 0; }
 
input {
	font-family: "Century Gothic";
	font-size: 13px;
	color: #000;
	border: 1px solid #bbb;
	background: #fff;
	padding: 2px; }
 
#authority {
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #693;
	border-bottom: 1px solid #fff;
	padding: 6px 0; }
 
	#authority a { 
		padding:0px 5px;
		color:#fff;}
 
#container {
	width: 100%;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b867d4a.jpg) repeat-x top;
	padding: 40px 0; }
 
#container2 {
	width: 900px;
	background: #fff;
	margin: 0 auto; }
 
#container3 { background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b94a8c9.jpg) repeat-y 10px 0; }
 
#header {
	position: relative;
	height: 450px;
	padding: 0; }
 
#login-bar {
	position: absolute;
	top: -25px;
	left: 10px;
	color: #693;
	width: auto;
	font-size: 12px; }

#banner h1 {
	position: absolute;
	top: 5px;
	left: 0;
	width: 880px;
	height: 30px;
	overflow: hidden;
	font-family: simhei;
	font-size: 25px;
	padding: 0 10px; 
	letter-spacing:-2px;}
 
	#banner h1 a { color: #fff; }
 
#banner h2 {
	position: absolute;
	top: 35px;
	left: 0;
	width: 880px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	padding: 0 10px; }
 
#blog-category {
	position: absolute;
	top: -25px;
	right: 15px;
	width: auto;
	color: #99cf3d;
	font-size: 12px; }
 
#navigation {
	position: absolute;
	bottom: 20px;
	left: 5px;
	width: auto;
	text-align: center;
	font-size: 12px; }
 
	#navigation li {
		display: inline;
		float: left;
		width: 45px;
		height: 20px;
		line-height: 20px;
		margin: 0 0 0 10px; }
 
		#navigation li a {
			color: #538104;
			display: block;
			width: 100%;
			height: 100%;
			border: 1px solid #7bb020;
			background: #e8f5d2; }
 
			#navigation li a:hover {
				color: #fff;
				border: 1px solid #7bb020;
				background: #7bb020; }
 
#main {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	line-height: 150%;
	border-top: 10px solid #fff;
	padding: 0 10px; }
 
#content {
	width: 620px;
	overflow: hidden;
	float: right;
	margin: 0;
	padding: 0; 
	margin-right: 15px;
	display:inline;}
 
#spotlight {
	border-bottom: 1px dashed #aaa;
	margin: 0 0 10px;
	padding: 0; }
 
	#spotlight h5 {
		color: #538104;
		font-size: 15px;
		margin: 5px 5px 0; }
 
#spotlight-text { padding: 10px; }
 
#display {
	margin: 0 0 10px;
	padding: 0; }
 
.article {
	_height: 1%;
	margin: 0 auto 10px;
	padding: 0; }
 
.article-head {
	height: 24px;
	overflow: hidden;
	background: #e8f5d2;
	margin: 0;
	padding: 0; }
 
.publish {
	float: left;
	width: 100px;
	line-height: 24px;
	font-size: 10px;
	text-align: center;
	background: #99cf3d;
	color: #fff;
	padding: 0 0 5px; }
 .publish .time{display:none;}
.title {
	float: left;
	width: 520px;
	font-size: 15px;
	line-height: 24px;
	margin: 0;
	padding: 0 10px; }
 
	.title a {
		color: #000;
		text-decoration: none; }
 
		.title a:hover { color: #538104; }
 
.article-body {
	_height: 1%;
	min-height: 1%;
	line-height: 180%;
	padding: 15px 15px 0; }
 
.bookmark { margin: 10px auto; }
 .fans-club { margin: 0; }
 .author {
	text-align: left;
	font-size: 12px;
	color: #aaa;
	margin: 20px 0 0; }
 .forward { font-size: 12px; }
 
.article-footer {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	font-size: 12px;
	color: #9db17c;
	background: #f0f5e7;
	margin: 10px 0 0;
	padding: 5px 10px; }
 
.refer {
	width: 49%;
	float: left;
	text-align: left; }
 
.history {
	width: 49%;
	float: right; }
 
.back-to-top {
	text-transform: uppercase;
	text-align: right; 
	clear:both;
	font: 11px verdana;}
 
.main-list table {
	width: 100%;
	margin: 10px auto; }
 
	.main-list table th {
		color: #538104;
		line-height: 24px;
		background: #e8f5d2;
		padding: 0 10px; }
 
	.main-list table td {
		vertical-align: top;
		line-height: 18px;
		padding: 5px 10px; }
 
		.main-list table td img {
			float: right;
			margin: 0 0 0 2px; }
 
		.main-list table td.list-date {
			width: 24%;
			text-align: left;
			font-size: 11px; }
 
.user-post-title {
	color: #538104;
	line-height: 24px;
	background: #e8f5d2;
	margin: 10px auto;
	padding: 0 10px; }
 
#trackback-title { background-position: 0 0; }
 
#comment-title { background-position: 0 -15px; }
 
#trackback-url {
	text-align: left;
	margin: 0 auto 10px;
	padding: 0 10px; }
 
	#trackback-url input {
		width: 70px;
		margin: 0 2px 0 0; }
 
input#trackback-input { width: 200px; }
 
.post-comment a {
	display: block;
	width: 80px;
	text-align: center;
	color: #fff;
	border: 1px solid #99cf3d;
	background: #99cf3d;
	margin: 10px auto;
	padding: 4px 0 2px; }
 
	.post-comment a:hover {
		color: #538104;
		border: 1px solid #99cf3d;
		background: #e8f5d2; }
 
.single-post {
	position: relative;
	_height: 81px;
	min-height: 81px;
	word-break: break-all;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 10px 0; }
 
.post-info {
	font-size: 12px;
	color: #9db17c;
	text-align: left;
	height: 20px;
	overflow: hidden;
	margin: 0 0 0 100px;
	padding: 0; }
 
.post-photo {
	position: absolute;
	top: 10px;
	left: 0; }
 
	.post-photo img {
		width: 75px;
		border: 3px solid #b2de68; }
 
.post-text {
	color: #747474;
	margin: 0 0 0 100px;
	padding: 0; }
 
	.post-text br { letter-spacing: 1px; }
 
.reply-text {
	color: #538104;
	border-left: 1px dotted #538104;
	margin: 10px 0 0 100px;
	padding: 0 0 0 10px; }
 
.secret {
	_height: 20px;
	min-height: 20px; }
 
	.secret .post-text,#trackback-text .post-info,#trackback-text .post-text { margin-left: 0; }
 
#comment-form {
	font-size: 12px;
	background: none;
	margin: 10px auto;
	padding: 5px 10px; }
 
	#comment-form p {
		color: #538104;
		text-align: right;
		margin: 0 10px; }
 
	#comment-form table {
		width: 100%;
		border: none; }
 
		#comment-form table td {
			vertical-align: top;
			border: none;
			padding: 3px 5px; }
 
		#comment-form table th {
			color: #9db17c;
			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: #fff;
		border: none;
		background: #99cf3d; }
 
	#comment-form input#blogcommenttext_name { width: 90%; }
 
	#comment-form input {
		width: 97.5%;
		height: 18px;
		font-size: 12px;
		border: none;
		border-bottom: 1px solid #ccc;
		background: none; }
 
	#comment-form textarea {
		width: 97%;
		height: 100px;
		font-family: "Century Gothic";
		font-size: 12px;
		color: #333;
		line-height: 18px;
		border: 1px solid #f0f5e7;
		background: #f0f5e7;
		padding: 1%; }
 
.page {
	clear: both;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: right;
	margin: 15px auto 0;
	padding: 15px 30px; }
 
	.page a {
		background: none;
		padding: 1px 4px; }
 
		.page a:hover { background: #99cf3d; }
 
	.page span {
		color: #fff;
		background: #99cf3d;
		padding: 1px 4px; }
 
#links {
	width: 230px;
	float: left;
	_height: 1%;
	overflow: hidden;
	_oveflow: none;
	margin: 0;
	padding: 0; }
 
.box {
	width: 200px;
	overflow: hidden;
	margin: 10px auto 15px;
	padding: 0; }
 
.box-title {
	text-align: left;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/4a44a1b8c794d.jpg) no-repeat 0 5px;
	padding: 0 0 0 15px; }
 
.box-text {
	color: #777;
	font-size: 12px;
	line-height: 150%;
	margin: 0 auto;
	padding: 10px 5px; }
 
	.box-text a:hover {
		color: #333;
		text-decoration: none; }
 	.box-text li { padding: 2px 0; }
 
.box-more {
	font-size: 12px;
	text-align: center;
	margin: 10px auto 0; }
 
	.box-more a {
		color: #538104;
		border: none;
		background: #f0f5e7;
		padding: 3px 6px; }
 
	.box-more a:hover {
		color: #fff;
		background: #99cf3d; }

#subscription .box-text a,#latest-trackback .box-text a,#latest-comment .box-text a { display: block; }
#headshot .box-text li,#powered .box-text li { background: none; }

#broadcast .box-text ul {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 5px 0; }
 
	#broadcast .box-text ul li {
		border: none;
		background: none; }
 
li.broadcast-photo {
	float: left;
	margin-right: 8px; }
 
#broadcast .box-text li.broadcast-time {
	height: 17px;
	overflow: hidden;
	padding: 2px 0; }
 
li.broadcast-text {
	max-height: 34px;
	overflow: hidden;
	margin: 0; }
li.broadcast-text a { width: 99%; }
 
#crumb .box-text ul,#visitor .box-text ul {
	_height: 1%;
	overflow: hidden;
	_overflow: none;
	padding-left: 0; }
 
#crumb .box-text ul li,#visitor .box-text ul li {
	float: left;
	display: inline;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border: none;
	margin: 0 3px 3px 0;
	padding: 0; }
 
#crumb .box-text ul li a,#visitor .box-text ul li a {
	display: block;
	width: 35px;
	height: 35px;
	border: none;
	padding: 0; }
 
#calendar .box-text { line-height: 200%; }
 #calendar .box-text table { width: 100%; }
 
	#calendar .box-text th {
		text-align: center;
		border-bottom: 1px dashed #999; }
 
	#calendar .box-text td {
		text-align: center;
		padding: 3px 3px 0 0; }
 
		#calendar .box-text td a {
			display: block;
			color: #fff;
			background: #99cf3d; }
		#calendar .box-text td a:hover {
			color: #538104;
			background: #fff; }

#search li {
	display: inline;
	border: none;
	background: none; }
 
#search input#search-target {
	width: 100px;
	font-size: 12px; }
 
#search input#search-submit {
	width: 45px;
	height: 23px;
	font-size: 12px;
	color: #fff;
	border: none;
	background: #99cf3d;
	padding: 2px 0 0; }
 
#footer {
	color: #989898;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	border-bottom: 10px solid #fff;
	margin: 0;
	padding: 10px 0 10px 240px; }
 
fieldset,img,abbr,acronym { border: 0; }
 
a,.box-text a {
	color: #538104;
	text-decoration: none; }
a:hover,.post-text p,.post-text p a { color: #000; }
 
#login-bar a,#blog-category a,#footer a { color: #693; }
#login-bar a:hover,#blog-category a:hover { color: #555; }
 #login-bar .separator{color:#ccc;}
 
.skiplink,
.title img,
.refer img,
.list-num,.list-visit,.list-comment,
.post-text p img,
.reply-text p,
#comment-form table tr.comment-form-title,
#comment-form table th font,
li.broadcast-time span,
tr.weekday{ display: none; }
 
#article-area,
.article-area-title,
.main-list,
#user-post { padding: 0; }
 
li.broadcast-photo img,
#crumb .box-text ul li a img,
#visitor .box-text ul li a img {
	width: 40px;
	height: 40px;
	border: 1px solid #fff; }

themes

FINE LOOK in PIXNET

themes 發表在痞客邦留言(14) 人氣()

E-mail轉寄

«	十一月 2024					»
日	一	二	三	四	五	六
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

FINE LOOK in PIXNET

痞客邦樣式部落格

[部落格]痞客模版基本樣式 :: 清新綠(左側欄,主視覺寬)

歷史上的今天

留言列表

RSS訂閱

熱門文章

文章精選

月曆

誰來我家

參觀人氣

最新留言

«	十一月 2024					»
日	一	二	三	四	五	六
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

«	十一月 2024					»
日	一	二	三	四	五	六
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

«	十一月 2024					»
日	一	二	三	四	五	六
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30