Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 19th, 2012  |  syntax: None  |  size: 1.51 KB  |  hits: 9  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * A simple test for ENGINEHOUSE
  3.  */
  4.  
  5. body {
  6.         font-family: Helvetica;
  7.         font-weight: bold;
  8.         text-align: center;
  9. }
  10.  
  11. .amount {
  12.         font-size: 120px;
  13.         padding-bottom: 10px;
  14.         border-bottom: 1px solid #fc6d99;
  15. }
  16.  
  17. .label {
  18.         margin-top: 12px;
  19.         font-size: 22px;
  20.  
  21. }
  22. .button {
  23.         color: white;
  24.         height: 200px;
  25.         width: 200px;
  26.         border-radius: 5px;
  27.         background-image: linear-gradient(top, rgb(238,76,127) 0%, rgb(231,47,96) 100%);background-image: -o-linear-gradient(top, rgb(238,76,127) 0%, rgb(231,47,96) 100%);
  28.         background-image: -moz-linear-gradient(top, rgb(238,76,127) 0%, rgb(231,47,96) 100%);
  29.         background-image: -webkit-linear-gradient(top, rgb(238,76,127) 0%, rgb(231,47,96) 100%);
  30.         background-image: -ms-linear-gradient(top, rgb(238,76,127) 0%, rgb(231,47,96) 100%);
  31.        
  32.         background-image: -webkit-gradient(
  33.                 linear,
  34.                 left top,
  35.                 left bottom,
  36.                 color-stop(0, rgb(238,76,127)),
  37.                 color-stop(1, rgb(231,47,96))
  38.         );
  39.         border-top: 1px solid #fc6d99;
  40.         border-left: 1px solid #fc6d99;
  41.         text-shadow: 1px 1px 2px #e72f60;
  42.  
  43. }
  44.  
  45. .border {
  46.         border-radius: 5px;
  47.         width: 200px;
  48.         border: 1px solid #c2214f;
  49. }
  50. .border:active {
  51.         border: 1px solid white;
  52. }
  53.  
  54. .button:hover {
  55.         background: #444;
  56. }
  57. .button:active {
  58.         box-shadow:inset 0 0 10px #000000;
  59.         border: 1px solid white;
  60. }
  61.  
  62.  
  63.  
  64. .button:hover {
  65.         background: #ba4b58;
  66.         background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
  67.         background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
  68.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
  69. }
create a new version of this paste RAW Paste Data