View file www/styles/forms.css

/*
Template Name: News Magazine
File: Forms CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
*/

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;}

/* ----------------------------------------------Search Form-------------------------------------*/

#topbar input{
	display:block;
	float:left;
	width:155px;
	margin:0 5px 0 0;
	padding:5px;
	color:#B6B6B6;
	background-color:#525252;
	border:1px solid #343434;
	font-size:12px;
	}

#topbar input#go{
	width:68px;
	height:26px;
	margin:0;
	padding:4px 0;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#059BD8;
	border-color:#396B86;
	cursor:pointer;
	font-weight:bold;
	}

/* ----------------------------------------------Forms in Content Area-------------------------------------*/

.container #respond{display: block; width:100%;}

.container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}

.container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}

.container #respond p{margin:5px 0;}

.container #respond #submit, .container #respond #reset{
	margin:0;
	padding:5px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	cursor:pointer;
	}

/* ----------------------------------------------Newsletter-------------------------------------*/

#socialise form{
	display:block;
	width:300px;
	margin:0;
	padding:10px 0 0 0;
	border:none;
	}


#socialise input{
	display:block;
	width:218px;
	margin:0 0 10px 0;
	padding:5px;
	color:#FFFFFF;
	background-color:#2684B7;
	border:1px solid #1C5E82;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#socialise input#newsletter_go{
	width:58px;
	height:62px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:60px;
	cursor:pointer;
	}

#form {
width: 500px;
padding: 24px 24px 0;
background: #FEFEFE;
border: 1px solid #CAD8DE;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
font: 14px/18px Arial, Tahoma, sans-serif;
color: #444;
}

#form .field {
margin: 0 0 18px;
}
#form .field label {
display: block;
margin: 0 0 11px;
}
#form .field .input {
border-radius: 4px;
}
#form .field input {
font: 12px Arial, Tahoma, sans-serif;
color: #444;
width: 262px;
padding: 9px 13px;
border: 1px solid #D2D9DC;
border-radius: 3px;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
outline: none;
}
#form .field input:focus {
border-color: #B7D4EA;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}

#form .field select {
font: 12px Arial, Tahoma, sans-serif;
color: #444;
width: 262px;
padding: 9px 13px;
border: 1px solid #D2D9DC;
border-radius: 3px;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
outline: none;
}
#form .field select:focus {
border-color: #B7D4EA;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}

#form .field textarea {
font: 12px Arial, Tahoma, sans-serif;
color: #444;
width: 320px;
padding: 9px 13px;
border: 1px solid #D2D9DC;
border-radius: 3px;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
outline: none;
height: 100px; /* Высота поля в пикселах */
resize: none;
}
#form .field textarea:focus {
border-color: #B7D4EA;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}

#form .submit {
	overflow: hidden;
	margin: 30px -24px 0;
	padding: 22px 24px;
	background: #F0F5F7;
	border-top: 1px solid #DDE0E8;
	border-radius: 0 0 4px 4px;
	box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;
  font-size: 11px;
}

#form .submit button {
	float: right;
	padding: 6px 20px;
	height: 30px;
  border-top: 1px solid #98CCE7;
  border-bottom: 1px solid #7DB0CC;
  border-left: 1px solid #8CBFD9;
  border-right: 1px solid #8CBFD9;
  border-radius: 15px;
	color: #FFF;
  font: bold 13px Arial, Tahoma, sans-serif;
	box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;
	background: -moz-linear-gradient(top,  #badff3 0%, #7acbed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
	background: -webkit-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -o-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -ms-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background-color: #9FD7F0;
	cursor: pointer;
	text-shadow: 0 -1px rgba(0,0,0,0.15);
	outline: none;
}
#form .submit button::-moz-focus-inner{border:0}