Dogecoin and Bitcoin Donate Buttons HTML and CSS

SUBMITTED BY: Guest

DATE: May 24, 2014, 12:18 a.m.

FORMAT: HTML

SIZE: 1.8 kB

Raw Download

HITS: 960

Report
  1. <!DOCTYPE HTML>
  2. <head>
  6. </head>
  8. <a href="dogecoin:DJtUZqNHdPhNLLs5daksjYG1k6MLocBAQD" style="text-decoration: none;">
  9. <div class="doge">
  10. Donate Dogecoins
  11. </div>
  12. </a>
  14. <a href="bitcoin:">
  15. <div class="bit">
  16. Donate Bitcoins
  17. </div>
  18. </a>
  20. <style>
  22. div.doge {
  23. background-color: #ba9f33;
  24. width: 200px;
  25. height: 50px;
  26. border-radius: 10px;
  27. border: 2px #7c6c2a solid;
  28. color: white;
  29. text-align: center;
  30. line-height: 50px;
  31. -webkit-transition: background-color 1s, box-shadow 1s;
  32. box-shadow: 1px 2px 2px black;
  33. margin-left: -100px;
  34. margin-top: -25px;
  35. left: 50%;
  36. top: 40%;
  37. position: absolute;
  38. font-size: 20px;
  39. }
  41. div.doge:hover {
  42. background-color: #d2b159;
  43. width: 200px;
  44. height: 50px;
  45. border-radius: 10px;
  46. border: 2px #7c6c2a solid;
  47. color: white;
  48. text-align: center;
  49. line-height: 50px;
  50. box-shadow: 1px 5px 5px black;
  51. }
  53. div.bit {
  54. background-color: #f7931a;
  55. width: 200px;
  56. height: 50px;
  57. border-radius: 10px;
  58. border: 2px black solid;
  59. color: white;
  60. text-align: center;
  61. line-height: 50px;
  62. -webkit-transition: background-color 1s, box-shadow 1s;
  63. box-shadow: 1px 2px 2px black;
  64. margin-left: -100px;
  65. margin-top: -25px;
  66. left: 50%;
  67. top: 60%;
  68. position: absolute;
  69. font-size: 20px;
  70. }
  72. div.bit:hover {
  73. background-color: #ffaa45;
  74. width: 200px;
  75. height: 50px;
  76. border-radius: 10px;
  77. border: 2px black solid;
  78. color: white;
  79. text-align: center;
  80. line-height: 50px;
  81. box-shadow: 1px 5px 5px black;
  82. }
  84. * {
  85. font-family: 'Open Sans', sans-serif;
  86. }
  88. body {
  89. background-color: #f2ede0;
  90. }
  92. </style>
comments powered by Disqus