<style>input{font-size:13px;
font-family: BYekan, Arial, Helvetica, sans-serif;
background: #dfdfdf;
border:1px solid #c8c8c8;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 2px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
input:hover{
background: #f7f7f7;
border:1px solid #d6d6d6;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
input:focus{
background: #f1f0f0;
border:1px solid #8c8c8c;
}
input[type="submit"]{
background: #dfdfdf;
border:1px solid #c8c8c8;
padding: 1px 2px 1px 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 2px;
font-size:13px;
font-family: BYekan, Arial, Helvetica, sans-serif;
}
input[type="submit"]:hover{
background: #f2f2f2;
border:1px solid #8f8fa4;
}
input[type="submit"]:focus{
background: #f1f0f0;
border:1px solid #3e6a8d;
}
textarea{
font-size:13px;
font-family: BYekan, Arial, Helvetica, sans-serif;
background: #dfdfdf;
border:1px solid #c8c8c8;
padding: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 2px;
width: 98%
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
textarea:hover{
background: #f2f2f2;
border:1px solid #8c8c8c;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
textarea:focus{
background: #f1f0f0;
border:1px solid #878787;
}</style>