www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/025/contactfooter/contact.css

    /*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

#contactus fieldset {
	width:60px;
	height:20px;
	padding:0px;
	border:0px solid #cccccc;
}
#contactus label {
	margin:0 0 6px;
	display:block;
}
#contactus input[type="text"],textarea {
	padding: 8px;
	margin: 0 0 10px 0;
	font-family: 'Ariel', sans-serif;
	color: #555555;
	font-size: 12px;
	border:1px #cccccc Solid;
	background-color:#ffffff;
	overflow:hidden;	
}
#contactus input[type="text"] {
	width:190px; 
	height:14px; 
}
#contactus #scaptcha {
	width:60px;
	height:18px;
}
#contactus textarea {
	height:40px;
	width:190px;
}
#contactus input[type="text"]:focus,textarea:focus {
	outline: none;
	font-family: 'Ariel', sans-serif;
	color: #111111;
	text-shadow:0 0 0 transparent,#ffffff 0px 1px 0px;
	font-size: 12px;
}
#contactus .container {
	margin-top:0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;   
}
#contactus .error {
	font-family: 'Ariel', sans-serif;
	font-size: 12px;
	color: #c85849;
}
#contactus fieldset#antispam {
	padding:0px;
	border-top:0px solid #cccccc;
	border-left:0;
	border-right:0;
	border-bottom:0;
	width:350px;
}
#contactus fieldset#antispam legend {
	font-family: 'Ariel', sans-serif;
	font-size: 12px;
	color:#555555;   
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip {
	display:none;
	width:10px;
	height:3px;
}
#fg_crdiv {
	font-size: 0.3em;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);   
}
#fg_crdiv p {
    display:none;
}
/*-----------Button Styles-----------*/
.button {
	white-space:nowrap;
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	line-height: 1;
	position: relative;
	cursor: pointer;
	font-style:normal;
	letter-spacing:normal;
	margin-top: 5px;
}
.small.button {
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
	padding:5px 14px 6px 14px;
}
.medium.button {
	font-size: 16px;
	font-family: 'Yanone Kaffeesatz', sans-serif;	
	padding:5px 14px 7px 14px;	
}
.large.button {
	font-size: 20px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	padding:8px 18px 8px 18px;
}
.highlight.button{
	color: #ffffff;
	background-color:#000000;	
	border:#000000 solid 1px;
	border-top:#555555 solid 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#111111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #222222, #111111); /* for firefox 3.6+ */
}
.highlight.button:hover{
	color: #ffffff;
	background-color:#000000;	
	border:#000000 solid 1px;
	border-top:#555555 solid 1px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333333, #111111); /* for firefox 3.6+ */
}