×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Dennis Thompson
Added: Nov 25, 2012 8:52 AM
Views: 1753
Tags: no tags
  1. input[type="button"],
  2. input[type="submit"],
  3. button,
  4. .button {
  5.   background-color: #accde5;
  6.   *zoom: 1;
  7.   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFACCDE5', endColorstr='#FF045187');
  8.   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjY2RlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NTE4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  9.   background-size: 100%;
  10.   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #accde5), color-stop(100%, #045187));
  11.   background-image: -webkit-linear-gradient(top, #accde5 0%, #045187 100%);
  12.   background-image: -moz-linear-gradient(top, #accde5 0%, #045187 100%);
  13.   background-image: -o-linear-gradient(top, #accde5 0%, #045187 100%);
  14.   background-image: linear-gradient(top, #accde5 0%, #045187 100%);
  15. }
  16. input[type="button"]:hover,
  17. input[type="submit"]:hover,
  18. button:hover,
  19. .button:hover {
  20.   background-color: #bfd9eb;
  21.   *zoom: 1;
  22.   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFACCDE5', endColorstr='#FF045187');
  23.   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDllYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NTE4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  24.   background-size: 100%;
  25.   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfd9eb), color-stop(100%, #045187));
  26.   background-image: -webkit-linear-gradient(top, #bfd9eb 0%, #045187 100%);
  27.   background-image: -moz-linear-gradient(top, #bfd9eb 0%, #045187 100%);
  28.   background-image: -o-linear-gradient(top, #bfd9eb 0%, #045187 100%);
  29.   background-image: linear-gradient(top, #bfd9eb 0%, #045187 100%);
  30. }
  31. input[type="button"]:active,
  32. input[type="submit"]:active,
  33. button:active,
  34. .button:active {
  35.   background-color: #a4c8e3;
  36.   *zoom: 1;
  37.   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFACCDE5', endColorstr='#FF045187');
  38.   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0YzhlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NTE4NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  39.   background-size: 100%;
  40.   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a4c8e3), color-stop(100%, #045187));
  41.   background-image: -webkit-linear-gradient(top, #a4c8e3 0%, #045187 100%);
  42.   background-image: -moz-linear-gradient(top, #a4c8e3 0%, #045187 100%);
  43.   background-image: -o-linear-gradient(top, #a4c8e3 0%, #045187 100%);
  44.   background-image: linear-gradient(top, #a4c8e3 0%, #045187 100%);
  45. }
  46.