×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
1
Language: CSS
Posted by: Philip Rehberger
Added: Sep 14, 2016 12:11 AM
Views: 4
Tags: no tags
  1. .graybtn {
  2.     -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  3.     -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  4.     box-shadow:inset 0px 1px 0px 0px #ffffff;
  5.     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
  6.     background:-moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
  7.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
  8.     background-color:#ffffff;
  9.     -moz-border-radius:6px;
  10.     -webkit-border-radius:6px;
  11.     border-radius:6px;
  12.     border:1px solid #dcdcdc;
  13.     display:inline-block;
  14.     color:#777777;
  15.     font-family:arial;
  16.     font-size:15px;
  17.     font-weight:bold;
  18.     padding:6px 24px;
  19.     text-decoration:none;
  20.     text-shadow:1px 1px 0px #ffffff;
  21. }
  22. .graybtn:hover {
  23.     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) );
  24.     background:-moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% );
  25.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');
  26.     background-color:#d1d1d1;
  27. }
  28. .graybtn:active {
  29.     position:relative;
  30.     top:1px;
  31. }