1855 lines
36 KiB
XML
1855 lines
36 KiB
XML
|
|
||
|
|
<svg width='867px'
|
||
|
|
height='435.35477246198917px'
|
||
|
|
viewBox='0 0 867 435.35477246198917'
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
|
|
|
||
|
|
<style type='text/css'>
|
||
|
|
.keycap .border { stroke: black; stroke-width: 2; }
|
||
|
|
.keycap .inner.border { stroke: rgba(0,0,0,.1); }
|
||
|
|
</style>
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="DCS">
|
||
|
|
<stop offset="0%" stop-color="black" stop-opacity="0"/>
|
||
|
|
<stop offset="40%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
<stop offset="60%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
<stop offset="100%" stop-color="black" stop-opacity="0"/>
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="SPACE" x1="0%" x2="0%" y1="0%" y2="100%">
|
||
|
|
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
<stop offset="20%" stop-color="black" stop-opacity="0.0"/>
|
||
|
|
<stop offset="40%" stop-color="black" stop-opacity="0.0"/>
|
||
|
|
<stop offset="100%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
</linearGradient>
|
||
|
|
<radialGradient id="DSA">
|
||
|
|
<stop offset="0%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
<stop offset="10%" stop-color="black" stop-opacity="0.1"/>
|
||
|
|
<stop offset="100%" stop-color="black" stop-opacity="0"/>
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient id="SA" xlink:href="#DSA" />
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<g transform='translate(10,10)'>
|
||
|
|
<rect width="847" height="415.35477246198917"
|
||
|
|
stroke="#ddd" stroke-width="1" fill="#eeeeee" rx="6"/>
|
||
|
|
<g transform='translate(5,5)'>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="190" y="1"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="190" y="1"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="196" y="4"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="196" y="4"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="622" y="1"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="622" y="1"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="628" y="4"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="628" y="4"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="136" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="136" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="142" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="142" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="244" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="244" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="250" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="250" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="568" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="568" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="574" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="574" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="676" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="676" y="7.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="682" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="682" y="10.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="298" y="14.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="298" y="14.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="304" y="17.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="304" y="17.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="514" y="14.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="514" y="14.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="520" y="17.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="520" y="17.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="28" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="28" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="34" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="34" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="82" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="82" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="88" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="88" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="730" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="730" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="736" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="736" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="784" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="784" y="21.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="790" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="790" y="24.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="190" y="55"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="190" y="55"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="196" y="58"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="196" y="58"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="622" y="55"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="622" y="55"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="628" y="58"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="628" y="58"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="136" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="136" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="142" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="142" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="244" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="244" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="250" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="250" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="568" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="568" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="574" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="574" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="676" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="676" y="61.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="682" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="682" y="64.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="298" y="68.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="298" y="68.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="304" y="71.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="304" y="71.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="514" y="68.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="514" y="68.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="520" y="71.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="520" y="71.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="28" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="28" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="34" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="34" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="82" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="82" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="88" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="88" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="730" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="730" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="736" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="736" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="784" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="784" y="75.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="790" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="790" y="78.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="190" y="109"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="190" y="109"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="196" y="112"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="196" y="112"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="622" y="109"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="622" y="109"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="628" y="112"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="628" y="112"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="136" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="136" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="142" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="142" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="244" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="244" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="250" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="250" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="568" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="568" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="574" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="574" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="676" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="676" y="115.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="682" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="682" y="118.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="298" y="122.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="298" y="122.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="304" y="125.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="304" y="125.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="514" y="122.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="514" y="122.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="520" y="125.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="520" y="125.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="28" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="28" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="34" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="34" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="82" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="82" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="88" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="88" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="730" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="730" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="736" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="736" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="784" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="784" y="129.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="790" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="790" y="132.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="190" y="163"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="190" y="163"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="196" y="166"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="196" y="166"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="622" y="163"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="622" y="163"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="628" y="166"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="628" y="166"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="136" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="136" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="142" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="142" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="244" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="244" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="250" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="250" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="568" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="568" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="574" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="574" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="676" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="676" y="169.75"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="682" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="682" y="172.75"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="298" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="298" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="304" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="304" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="514" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="514" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="520" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="520" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="28" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="28" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="34" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="34" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="82" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="82" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="88" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="88" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="730" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="730" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="736" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="736" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="784" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="784" y="183.25"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="790" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="790" y="186.25"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' decal keycap'
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(30 351 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="284.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="284.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="290.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="290.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(30 351 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="338.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="338.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="344.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="344.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(30 351 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="392.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="392.5" y="271"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="398.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="398.5" y="274"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(30 351 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="338.5" y="325"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="338.5" y="325"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="344.5" y="328"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="344.5" y="328"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(30 351 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="392.5" y="325"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="392.5" y="325"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="398.5" y="328"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="398.5" y="328"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(-30 702 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="446.5" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="446.5" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="452.5" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="452.5" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(-30 702 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="500.5" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="500.5" y="176.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="506.5" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="506.5" y="179.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<g class=' keycap'
|
||
|
|
|
||
|
|
transform="rotate(-30 702 229.5)"
|
||
|
|
>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Outer Border -->
|
||
|
|
<rect x="446.5" y="230.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
||
|
|
|
||
|
|
<!-- Outer Fill -->
|
||
|
|
<rect x="446.5" y="230.5"
|
||
|
|
width="52" height="52"
|
||
|
|
rx="5" fill="#cccccc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Inner Border -->
|
||
|
|
<rect x="452.5" y="233.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
||
|
|
|
||
|
|
<!-- Inner Fill -->
|
||
|
|
<rect x="452.5" y="233.5"
|
||
|
|
width="40" height="40"
|
||
|
|
rx="5" fill="#fcfcfc"/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</g>
|
||
|
|
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|