Pastebin is 300% more awesome when you are logged in. Sign Up, it's FREE!
Guest

Da buttnz

By: a guest on Jan 30th, 2013  |  syntax: CSS  |  size: 3.03 KB  |  hits: 14  |  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. .dabutnz {
  2.         outline: none;
  3.         text-decoration: none;
  4.         display: inline-block;
  5.         padding: 7px 10px 8px;
  6.         font: 900 12px/1 Arial, sans-serif;
  7.         cursor: pointer;
  8.         -moz-border-radius: 6px;
  9.         -webkit-border-radius: 6px;
  10.         border-radius: 6px;
  11.         -o-border-radius: 6px;
  12.         position: relative;
  13.         color: #ffffff;
  14.         -webkit-transition: -webkit-box-shadow 0.1s ease;
  15.         -o-transition-property: -o-box-shadow;
  16.   -o-transition-duration: 4s;
  17.   -o-transition-delay: 1s;
  18.         box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  19.         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  20.         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  21.         -o-box-shadow: 0 1px 3px rgba(0,0,0,0.4), inset 0 -7px 8px rgba(0,0,0,0.2), inset 0 10px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  22.         text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  23.         border: 1px solid rgba(0,0,0,0.2);
  24.         border-bottom: 1px solid rgba(0,0,0,0.4);
  25. }
  26. .dabutnz:hover {
  27.         -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  28.         -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);
  29.         -o-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);
  30. }
  31. .dabutnz:active {
  32.         text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
  33.         -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px -1px 0px rgba(255,255,255,0.2);
  34.         -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0px rgba(255,255,255,0.2);
  35.         -o-box-shadow: 0 0px 4px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px -1px 0px rgba(255,255,255,0.2);
  36. }
  37. .outset .dabutnz:hover {
  38.         -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.2), inset 0 -15px 8px rgba(255,255,255,0.2), inset 1px 1px 0px rgba(255,255,255,0.2);
  39.         -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);
  40.         -o-box-shadow: 0 0px 0px rgba(0,0,0,0.4), inset 0 1px 8px rgba(0,0,0,0.1), inset 0 -15px 8px rgba(255,255,255,0.1), inset 1px 1px 0px rgba(255,255,255,0.2);
  41. }
  42. .s_butnz {
  43.         font: 900 10px/10px Arial, sans-serif;
  44.         padding: 4px 7px 6px;
  45. }
  46. .dabutnz.blue, .outset.blue .dabutnz { background-color: #1a5aa2; }
  47. .dabutnz.blue-lite, .outset.blue-lite .dabutnz { background-color: #bedae9; color: #365463; }
  48. .outset.blue, .outset.blue-lite { background-color: #dcebf3; }