buttonEnabled.svg 1.1 KB

123456789101112131415161718192021222324
  1. <?xml version="1.0" ?>
  2. <!--
  3. Source file for buttonEnabled.png, which is used by IE7-9 for Button gradients.
  4. Compile to png with batik, gimp, or online tool ex: http://www.fileformat.info/convert/image/svg2raster.htm
  5. Output should match gradients defined in Button.css. It is however an approximation, since generated
  6. output has a constant height, rather than matching the height of each button.
  7. -->
  8. <svg xmlns="http://www.w3.org/2000/svg" width="1px" height="149px" viewBox="0 0 1 149" preserveAspectRatio="none">
  9. <defs>
  10. <linearGradient id="enabled" gradientUnits="objectBoundingBox" x1="0%" y1="0%" x2="0%" y2="100%">
  11. <stop offset="0%" stop-color="#ffffff" stop-opacity="1"/>
  12. <stop offset="2%" stop-color="#ffffff" stop-opacity="0"/>
  13. <stop offset="15%" stop-color="#ffffff" stop-opacity="0.7"/> <!-- near bottom of average height buttons -->
  14. </linearGradient>
  15. </defs>
  16. <!--
  17. Swatch for enabled buttons. It's 149px tall to account for tall buttons, but usually
  18. only the top will be visible.
  19. -->
  20. <rect x="0" y="0" width="1" height="149" fill="url(#enabled)"/>
  21. </svg>