blob: 730706db05983d76cb48d4c077829dd7c1c8358b [file] [log] [blame]
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
<defs>
<style type="text/css"><![CDATA[
.rt { visibility: hidden; fill: #fff; }
.st { visibility: hidden; fill: #fff; stroke: #fff; }
a:hover .rt { visibility: visible; }
a:hover .st { visibility: visible; }
a:focus .rt { visibility: visible; }
]]></style>
<symbol id="gamesBorder" viewBox="0 0 150 150">
<path d="M143 103 143 117 a27,10 0 1 1 -136 0 L 7 117 7 103 a27,10 0 0 1 136 0 L52 72 a33,33 0 1 1 5 0" />
</symbol>
<symbol id="games" viewBox="0 0 150 150">
<ellipse cx="75" cy="115" rx="65" ry="25" fill="#666" />
<line x1="12" y1="115" x2="12" y2="105" stroke="#666" stroke-width="6"/>
<line x1="138" y1="115" x2="138" y2="105" stroke="#666" stroke-width="6"/>
<ellipse cx="75" cy="105" rx="65" ry="25" fill="#999" />
<path d="M70 110 Q75 114 80 110 65 35 45 35 z" fill="#666" />
<circle cx="55" cy="40" r="30" fill="#333" />
</symbol>
<symbol id="sound" viewBox="0 0 150 150" >
<path d="M5 55 45 55 70 30 70 120 45 95 5 95 z" />
<g fill="none" stroke-width="7" stroke-linecap="round">
<path d="M80 60 C90 70 90 80 80 90" />
<path d="M95 45 C110 60 110 90 95 105" />
<path d="M110 30 C130 50 130 100 110 120" />
<path d="M125 15 C150 40 150 110 125 135" />
</g>
<circle cx="75" cy="75" r="80" fill-opacity="0.04" stroke="none"/>
</symbol>
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="#cca" stroke="none" />
<a xlink:href="http://www.peepo.co.uk/launch/music.svg">
<use xlink:href="#gamesBorder" x="0" y="25%" width="20%" height="30%" class="rt"/>
<use xlink:href="#games" x="0" y="25%" width="20%" height="30%"/>
<use xlink:href="#sound" x="10%" y="15%" width="20%" height="30%" class="st"/>
</a>
<script type="text/ecmascript"><![CDATA[
eventSender.mouseMoveTo(50, 200);
eventSender.mouseDown();
]]></script>
</svg>