mirror of
https://github.com/romychs/keyboard-mc7007-short.git
synced 2026-04-21 12:43:21 +03:00
2409 lines
46 KiB
XML
2409 lines
46 KiB
XML
|
|
<svg width='840px'
|
|
height='381px'
|
|
viewBox='0 0 840 381'
|
|
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="820" height="361"
|
|
stroke="#ddd" stroke-width="1" fill="#eeeeee" rx="6"/>
|
|
<g transform='translate(5,5)'>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="55" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="55" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="61" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="61" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="109" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="109" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="115" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="115" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="163" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="163" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="169" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="169" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="217" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="217" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="223" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="223" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="487" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="487" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="493" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="493" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="541" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="541" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="547" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="547" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="595" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="595" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="601" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="601" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="703" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="703" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="709" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="709" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="757" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#ff4040" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="757" y="1"
|
|
width="52" height="52"
|
|
rx="5" fill="#ff4040"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="763" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#ff665c" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="763" y="4"
|
|
width="40" height="40"
|
|
rx="5" fill="#ff665c"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="55" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="55" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="61" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="61" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="109" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="109" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="115" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="115" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="163" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="163" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="169" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="169" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="217" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="217" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="223" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="223" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="271" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="271" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="277" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="277" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="325" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="325" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="331" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="331" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="379" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="379" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="385" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="385" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="433" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="433" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="439" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="439" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="487" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="487" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="493" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="493" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="541" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="541" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="547" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="547" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="595" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="595" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="601" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="601" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="649" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="649" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="655" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="655" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="703" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="703" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="709" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="709" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="757" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="757" y="82"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="763" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="763" y="85"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="136"
|
|
width="79" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="136"
|
|
width="79" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="139"
|
|
width="67" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="139"
|
|
width="67" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="82" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="82" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="88" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="88" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="136" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="136" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="142" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="142" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="190" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="190" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="196" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="196" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="244" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="244" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="250" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="250" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="298" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="298" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="304" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="304" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="352" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="352" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="358" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="358" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="406" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="406" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="412" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="412" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="460" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="460" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="466" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="466" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="514" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="514" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="520" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="520" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="568" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="568" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="574" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="574" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="622" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="622" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="628" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="628" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="676" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="676" y="136"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="682" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="682" y="139"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="730" y="136"
|
|
width="79" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="730" y="136"
|
|
width="79" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="736" y="139"
|
|
width="67" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="736" y="139"
|
|
width="67" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="190"
|
|
width="92.5" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="190"
|
|
width="92.5" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="193"
|
|
width="80.5" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="193"
|
|
width="80.5" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="95.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="95.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="101.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="101.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="149.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="149.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="155.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="155.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="203.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="203.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="209.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="209.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="257.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="257.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="263.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="263.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="311.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="311.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="317.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="317.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="365.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="365.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="371.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="371.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="419.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="419.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="425.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="425.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="473.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="473.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="479.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="479.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="527.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="527.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="533.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="533.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="581.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="581.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="587.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="587.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="635.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="635.5" y="190"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="641.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="641.5" y="193"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="689.5" y="190"
|
|
width="119.5" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="689.5" y="190"
|
|
width="119.5" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="695.5" y="193"
|
|
width="107.5" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="695.5" y="193"
|
|
width="107.5" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="55" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="55" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="61" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="61" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="109" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="109" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="115" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="115" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="163" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="163" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="169" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="169" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="217" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="217" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="223" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="223" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="271" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="271" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="277" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="277" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="325" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="325" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="331" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="331" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="379" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="379" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="385" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="385" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="433" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="433" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="439" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="439" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="487" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="487" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="493" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="493" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="541" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="541" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="547" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="547" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="595" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="595" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="601" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="601" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="649" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="649" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="655" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="655" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="703" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="703" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="709" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="709" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="757" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="757" y="244"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="763" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="763" y="247"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="1" y="298"
|
|
width="146.5" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="1" y="298"
|
|
width="146.5" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="7" y="301"
|
|
width="134.5" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="7" y="301"
|
|
width="134.5" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="149.5" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="149.5" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="155.5" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="155.5" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="203.5" y="298"
|
|
width="335.5" height="52"
|
|
rx="5" fill="#cccccc" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="203.5" y="298"
|
|
width="335.5" height="52"
|
|
rx="5" fill="#cccccc"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="209.5" y="301"
|
|
width="323.5" height="40"
|
|
rx="5" fill="#fcfcfc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="209.5" y="301"
|
|
width="323.5" height="40"
|
|
rx="5" fill="#fcfcfc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="541" y="298"
|
|
width="106" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="541" y="298"
|
|
width="106" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="547" y="301"
|
|
width="94" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="547" y="301"
|
|
width="94" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="649" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="649" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="655" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="655" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="703" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="703" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="709" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="709" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
<g class=' keycap'
|
|
>
|
|
|
|
|
|
<!-- Outer Border -->
|
|
<rect x="757" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999" class="outer border"/>
|
|
|
|
<!-- Outer Fill -->
|
|
<rect x="757" y="298"
|
|
width="52" height="52"
|
|
rx="5" fill="#999999"/>
|
|
|
|
|
|
|
|
<!-- Inner Border -->
|
|
<rect x="763" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc" class="inner border"/>
|
|
|
|
<!-- Inner Fill -->
|
|
<rect x="763" y="301"
|
|
width="40" height="40"
|
|
rx="5" fill="#bcbcbc"/>
|
|
|
|
|
|
|
|
|
|
|
|
</g>
|
|
|
|
</g>
|
|
</g>
|
|
</svg>
|