guest.css

ajax+jsp留言本,大家可以免费下载

/*表单外外*/
.outerDIV{
	  width:100%;
	  padding:8px;
	  position:relative;
	  margin-top:1px;
	  background-color:#ccc;
	  border:1px solid #999;
	 }
	 /*表单外*/
.innerDIV{
	  width:100%;
	  padding:4px;
	  position:relative;
	  margin-top:1px;
	  background-color:#fff;
	  word-break:break-all;
	  border:1px solid #ddd;
	 }
	 /*显示留言的DIV*/
.guestDIV{
	   width:100%;
	   padding:10px;
	   position:relative;
	   margin:10px 10px 1px 10px;
	   background-color:#fff;
	   border:1px solid #2767CF;
}
.guestContent{
		border:1px #D3D0AD solid;
		font-size:14px;
		line-height:20px;
		padding:8px;
		background:#F1F2E1;
		text-align:left;
		font-family:Arial;
}
/*回复*/
.guestContent div{
	color:#999;
	padding-top:10px;
}
/*分页DIV*/
.slicePage{
	width:100%;
	background-color:#0BF;
	border:1px #09c solid;
	margin-top:8px;
	padding:4px;
	text-align:right;
}	
/*显示每一条留言*/
h3,h4,h5{
	 	font-weight:normal;	 	
	 }
span{
	 	padding:4px;
	 	height:18px;
	 }
span h3{
		font-size:18px;
		font-weight:bold;
	 	color:#000;
	 	float:left;
	 } 
span h4{
	 	font-size:13px;
	 	color:#09c;
	 	float:left;
	 	padding-left:4px;
	 }
span h5{
	 	font-size:12px;
	 	color:#9F979F;
	 	float:right;
	 }
	 /*留言结束*/
body{
	  font-size:9pt;
	  line-height:24px;
	  vertical-align:middle;
	 }
	 /*表单*/
input,textarea{
	 	border:1px solid #999;
		overflow:visible;
		margin-top:4px;
		padding:3px;
		start:expression(
			onfocus=function()
			{
				this.style.backgroundColor="#f6f6f6";
				this.style.borderWidth="2";
				this.style.borderColor="#ccc";
			},onblur=function()
			{
				this.style.backgroundColor="#fff";
				this.style.borderWidth="1";
				this.style.borderColor="#999";
			})
	 }
a:link{
	font-size:10pt;
	text-decoration:none;
	color:#00c;
	} 
a:hover{
	text-decoration:underline;
	color:#0fc;
}
a:visited{
	color:#999;
}
a{
	padding:8px;
}