Form CSS Chronicl

style.css

input,textarea {
  font-size: 1em;
  margin-bottom: 1em;
  border-radius: 4px;
}

input[type="text"] {
  margin-right: .5em;
}

input[type="text"].name {
  background: #fff url(images/sprite.png) no-repeat 2px -66px;
  padding-left: 2.4em;
}

input[type="text"].email {
  background: #fff url(images/sprite.png) no-repeat 2px -119px;
  padding-left: 2.4em;
}

input[type="text"],textarea {
  background: #fff;
  border: 1px solid #e2e2e2;
  padding: 1em;

  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .05);
}

input[type="submit"] {
  background: #30a146;

  background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%);
  background: -moz-linear-gradient(top, #30a146 0%, #249334 100%);
  background: -o-linear-gradient(top, #30a146 0%, #249334 100%);
  background: -ms-linear-gradient(top, #30a146 0%, #249334 100%);
  background: linear-gradient(top, #30a146 0%, #249334 100%);
  -image border: 0;
  color: #fff;
  cursor: pointer;
  padding: 1em;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
}

input[type="submit"]:hover,#cancel-comment-reply-link:hover {
  background: #c2c2c2;

  background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
  background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
  background: -o-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
  background: -ms-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
  background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%);
}