353 lines
7.7 KiB
XML
353 lines
7.7 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:svg="http://www.w3.org/2000/svg"
|
|
width="650"
|
|
height="250"
|
|
version="1.1"
|
|
|
|
stroke="none"
|
|
>
|
|
|
|
<!--colors-->
|
|
<radialGradient
|
|
id="lineColorActive"
|
|
>
|
|
<stop
|
|
stop-color="#1f9b92"
|
|
/>
|
|
</radialGradient>
|
|
<radialGradient
|
|
id="lineColorInactive"
|
|
>
|
|
<stop
|
|
stop-color="#000000"
|
|
/>
|
|
</radialGradient>
|
|
<radialGradient
|
|
id="bgColor"
|
|
>
|
|
<stop
|
|
stop-color="#000"
|
|
/>
|
|
</radialGradient>
|
|
|
|
<!--active-->
|
|
<g
|
|
transform="translate(10,10)"
|
|
>
|
|
<g
|
|
id="decoration-topleft"
|
|
transform="translate(0,0)"
|
|
>
|
|
<rect
|
|
width="20" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="19.5" y2="0.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="0.5" y2="65.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-top"
|
|
transform="translate(25,0)"
|
|
>
|
|
<rect
|
|
width="256" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="255.5" y2="0.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-topright"
|
|
transform="translate(285,0)"
|
|
>
|
|
<rect
|
|
width="20" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="19.5" y2="0.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="65.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-left"
|
|
transform="translate(0,70)"
|
|
>
|
|
<rect
|
|
width="20" height="128"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="0.5" y2="127.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-center"
|
|
transform="translate(25,70)"
|
|
>
|
|
<rect
|
|
width="256" height="128"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-right"
|
|
transform="translate(285,70)"
|
|
>
|
|
<rect
|
|
width="20" height="128"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="127.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-bottomleft"
|
|
transform="translate(0,205)"
|
|
>
|
|
<rect
|
|
width="20" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.6" x2="19.5" y2="27.6"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="0.5" y2="27.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-bottom"
|
|
transform="translate(25,205)"
|
|
>
|
|
<rect
|
|
width="256" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.5" x2="255.5" y2="27.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-bottomright"
|
|
transform="translate(285,205)"
|
|
>
|
|
<rect
|
|
width="20" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.5" x2="19.5" y2="27.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="27.5"
|
|
stroke="url(#lineColorActive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
</g>
|
|
|
|
<!--inactive-->
|
|
<g
|
|
transform="translate(320,10)"
|
|
>
|
|
<g
|
|
id="decoration-inactive-topleft"
|
|
transform="translate(0,0)"
|
|
>
|
|
<rect
|
|
width="20" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="19.5" y2="0.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.6" x2="0.5" y2="65.4"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1.2"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-top"
|
|
transform="translate(25,0)"
|
|
>
|
|
<rect
|
|
width="256" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="255.5" y2="0.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-topright"
|
|
transform="translate(285,0)"
|
|
>
|
|
<rect
|
|
width="20" height="66"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.5" x2="19.5" y2="0.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="65.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-left"
|
|
transform="translate(0,70)"
|
|
>
|
|
<rect
|
|
width="20" height="128"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.6" x2="0.5" y2="127.4"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1.2"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-center"
|
|
transform="translate(25,70)"
|
|
>
|
|
<rect
|
|
width="256" height="128"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-right"
|
|
transform="translate(285,70)"
|
|
>
|
|
<rect
|
|
width="20" height="128"
|
|
fill="url(#bgColor)"
|
|
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="127.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-bottomleft"
|
|
transform="translate(0,205)"
|
|
>
|
|
<rect
|
|
width="20" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.6" x2="19.5" y2="27.6"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="0.6" x2="0.5" y2="27.4"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1.2"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-bottom"
|
|
transform="translate(25,205)"
|
|
>
|
|
<rect
|
|
width="256" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.5" x2="255.5" y2="27.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
<g
|
|
id="decoration-inactive-bottomright"
|
|
transform="translate(285,205)"
|
|
>
|
|
<rect
|
|
width="20" height="28"
|
|
fill="url(#bgColor)"
|
|
/>
|
|
<line
|
|
x1="0.5" y1="27.5" x2="19.5" y2="27.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
<line
|
|
x1="19.5" y1="0.5" x2="19.5" y2="27.5"
|
|
stroke="url(#lineColorInactive)"
|
|
stroke-width="1"
|
|
stroke-linecap="square"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
