background.svg 1.3 KB

123456789101112131415161718192021222324252627282930313233
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <svg width="256" height="256" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3. <defs>
  4. <clipPath id="clipPath">
  5. <rect width="256" height="128"/>
  6. </clipPath>
  7. <g id="tile">
  8. <rect width="256" height="128" fill="#e6e7e9"/>
  9. <g id="light-highlight" fill="#fff">
  10. <rect x="253" width="3" height="128"/>
  11. <rect x="0" width="256" height="3"/>
  12. </g>
  13. <g id="specular" clip-path="url(#clipPath)" fill="#fff" fill-opacity=".3">
  14. <rect transform="rotate(24)" x="78" y="-70.5" width="43.25" height="182"/>
  15. <rect transform="rotate(24)" x="172" y="-109" width="38.75" height="259"/>
  16. </g>
  17. <g id="dark-highlight" fill="#3c3c3c">
  18. <rect width="3" height="128"/>
  19. <rect x="0" y="125" width="256" height="3"/>
  20. </g>
  21. </g>
  22. </defs>
  23. <g id="normal_tile">
  24. <use xlink:href="#tile"/>
  25. <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="none" stroke="#848484" stroke-width="1.925"/>
  26. </g>
  27. <g id="display_tile" transform="translate(0, 128)">
  28. <use xlink:href="#tile"/>
  29. <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="#101020" stroke="#848484" stroke-width="1.925"/>
  30. </g>
  31. <rect id="fade" width="256" height="256" fill="#000" fill-opacity="0.15"/>
  32. </svg>