martinlabuschin
4/26/2013 - 11:47 PM

My favorite button style.

My favorite button style.

.button {
  font-weight: bold;
  padding: 4px 10px;
  background: #fff;
  border-top: 1px solid #dedede;
  -webkit-box-shadow: 0 1px 1px #888;
  -moz-box-shadow: 0 1px 1px #888;
  box-shadow: 0 1px 1px #888;
  width: auto;
  color: #444;
  text-decoration: none;
  display: inline-block;
  background: linear-gradient(top, #ebece7 0%, #fff 100%);
  background: -moz-linear-gradient(top, #ebece7 0%, #fff 100%);
  background: -webkit-linear-gradient(top, #ebece7 0%, #fff 100%);
  border-radius: 2px;
  margin: 4px;
}

.button:hover, .button:focus {
  background: #fff;
  color: #000;
}

.button:active, .button_active {
  border: 2px solid #007dc8;
  color: #000;
  padding: 4px 9px 3px 9px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background: #fff;
  margin: 3px;
}