ed209

Nice Button

Feb 15th, 2012
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.44 KB | None | 0 0
  1. .Home_Register{
  2.     margin:0;
  3.  
  4.     background-color: #ff5a14;
  5.     height:35px;
  6.     width:200px;
  7.     display:block;
  8.     color:#FFF;
  9.     text-align:center;
  10.     padding:18px 0 0 0;
  11.     font-weight:bold;
  12.    
  13.     font-size:2em;
  14.     color:#FFF;
  15.     text-decoration:none;
  16.    
  17.     border-radius:5px;
  18.     -moz-border-radius:5px;
  19.     -webkit-border-radius:5px;
  20.    
  21.     text-shadow:#841003 0px 2px 2px;
  22.     -moz-text-shadow:#841003 0px 2px 2px;
  23.     -webkit-text-shadow:#841003 0px 2px 2px;
  24.    
  25.     background: #ff3019; /* Old browsers */
  26.     background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  27.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
  28.     background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
  29.     background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
  30.     background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
  31.     background: linear-gradient(top, #ff3019 0%,#cf0404 100%); /* W3C */
  32.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
  33.     border: 1px solid #ae1807;
  34.     box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.2),0 6px 0 rgba(132, 16, 3, 1);
  35.     }
  36.     .Home_Register:hover{
  37.         color:#FFF;
  38.         text-decoration:none;
  39.         }
  40.     .Home_Register:active{
  41.         box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.2),0 2px 0 rgba(132, 16, 3, 1);
  42.         margin:4px;
  43.         }
Advertisement
Add Comment
Please, Sign In to add comment