Lego2012
9/26/2016 - 9:51 PM

Dark Grey Rounded Buttons

Dark Grey Rounded Buttons

.graybtn
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff
  box-shadow: inset 0px 1px 0px 0px #ffffff
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) )
  background: -moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% )
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1')
  background-color: #ffffff
  -moz-border-radius: 6px
  -webkit-border-radius: 6px
  border-radius: 6px
  border: 1px solid #dcdcdc
  display: inline-block
  color: #777777
  font-family: arial
  font-size: 15px
  font-weight: bold
  padding: 6px 24px
  text-decoration: none
  text-shadow: 1px 1px 0px #ffffff
  &:hover
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) )
    background: -moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% )
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff')
    background-color: #d1d1d1
  &:active
    position: relative
    top: 1px