galactica
/
assets
1
0
Fork 0
Code Issues Releases Activity

Added ui frame variants

master
Mark 2024-02-08 20:36:52 -08:00
parent 1400f7bb89
commit b8ea8c5a04
Signed by: Mark
GPG Key ID: C6D63995FE72FD80
5 changed files with 333 additions and 342 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
render/ui/outfitbg-hover-selected.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
render/ui/outfitbg-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

0
render/ui/outfit-bg.png → render/ui/outfitbg-selected.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

BIN
render/ui/outfitbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

675
sources/ui/outfit-bg.svg
View File

@ -22,15 +22,6 @@
xmlns:dc="http://purl.org/dc/elements/1.1/"> xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs <defs
id="defs4"> id="defs4">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient5409-1-3"
gradientUnits="userSpaceOnUse"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient <linearGradient
id="linearGradient5380"> id="linearGradient5380">
<stop <stop
@ -42,10 +33,25 @@
offset="1" offset="1"
id="stop5384" /> id="stop5384" />
</linearGradient> </linearGradient>
<rect
x="-48.760735"
y="-279.70926"
width="98.818863"
height="56.239605"
id="rect10-0-9" />
<linearGradient <linearGradient
inkscape:collect="always" inkscape:collect="always"
xlink:href="#linearGradient5380" xlink:href="#linearGradient5380"
id="linearGradient5411-3-7" id="linearGradient1"
gradientUnits="userSpaceOnUse"
x1="54.403843"
y1="557.36218"
x2="195.5"
y2="557.36218" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5380"
id="linearGradient2"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
gradientTransform="rotate(-90,245,557.36218)" gradientTransform="rotate(-90,245,557.36218)"
x1="54.403843" x1="54.403843"
@ -55,19 +61,13 @@
<linearGradient <linearGradient
inkscape:collect="always" inkscape:collect="always"
xlink:href="#linearGradient5380" xlink:href="#linearGradient5380"
id="linearGradient5413-2-8" id="linearGradient3"
gradientUnits="userSpaceOnUse" gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,1,1,0,-552.36218,552.45834)" gradientTransform="matrix(0,1,1,0,-552.36218,552.45834)"
x1="54.403843" x1="54.403843"
y1="557.36218" y1="557.36218"
x2="195.5" x2="195.5"
y2="557.36218" /> y2="557.36218" />
<rect
x="-48.760735"
y="-279.70926"
width="98.818863"
height="56.239605"
id="rect10-0-9" />
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
id="base" id="base"
@ -76,9 +76,9 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="1.0579687" inkscape:zoom="0.44274923"
inkscape:cx="237.24709" inkscape:cx="228.1201"
inkscape:cy="437.15848" inkscape:cy="306.04231"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -142,328 +142,319 @@
id="layer1" id="layer1"
transform="translate(0,-792.36218)"> transform="translate(0,-792.36218)">
<g <g
id="g10-1" transform="matrix(2.1244813,0,0,2.1244813,-8.4979666,139.37711)"
transform="matrix(11.227098,0,0,11.227098,-2274.4283,-11101.667)"> id="g4039-1-4-3">
<g <path
inkscape:label="Layer 1" transform="translate(0,302.36218)"
id="layer1-6-6-5" inkscape:connector-curvature="0"
transform="matrix(0.189228,0,0,0.189228,201.8269,906.62814)"> id="path3949-5-9-5"
<g d="M 120,240 V 40"
transform="translate(0,500)" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
id="g4039-1-4"> <path
<path inkscape:connector-curvature="0"
transform="translate(0,302.36218)" id="path3951-5-2-6"
inkscape:connector-curvature="0" d="m 130,522.36218 v -190"
id="path3949-5-9" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
d="M 120,240 V 40" <path
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> inkscape:connector-curvature="0"
<path id="path3953-4-5-2"
inkscape:connector-curvature="0" d="m 140,352.36218 v 150"
id="path3951-5-2" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
d="m 130,522.36218 v -190" <path
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> transform="translate(0,302.36218)"
<path inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3955-7-7-9"
id="path3953-4-5" d="M 150,50 V 230"
d="m 140,352.36218 v 150" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path inkscape:connector-curvature="0"
transform="translate(0,302.36218)" id="path3957-6-4-1"
inkscape:connector-curvature="0" d="m 160,522.36218 v -190"
id="path3955-7-7" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
d="M 150,50 V 230" <path
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> transform="translate(0,302.36218)"
<path inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3959-5-9-2"
id="path3957-6-4" d="M 170,70 V 190"
d="m 160,522.36218 v -190" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3961-6-9-7"
id="path3959-5-9" d="M 180,40 V 200"
d="M 170,70 V 190" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3963-9-4-0"
id="path3961-6-9" d="M 190,220 V 90"
d="M 180,40 V 200" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3965-3-5-9"
id="path3963-9-4" d="M 200,40 V 190"
d="M 190,220 V 90" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3969-7-9-3"
id="path3965-3-5" d="M 220,190 V 60"
d="M 200,40 V 190" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3971-4-3-6"
id="path3969-7-9" d="m 230,80 v 90"
d="M 220,190 V 60" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path inkscape:connector-curvature="0"
transform="translate(0,302.36218)" id="path3973-5-57-0"
inkscape:connector-curvature="0" d="m 110,352.36218 v 150"
id="path3971-4-3" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
d="m 230,80 v 90" <path
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> transform="translate(0,302.36218)"
<path inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3975-2-0-6"
id="path3973-5-57" d="M 100,230 V 40"
d="m 110,352.36218 v 150" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3977-5-8-2"
id="path3975-2-0" d="M 90,50 V 200"
d="M 100,230 V 40" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3979-4-1-6"
id="path3977-5-8" d="M 80,230 V 30"
d="M 90,50 V 200" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3981-7-9-1"
id="path3979-4-1" d="M 70,50 V 190"
d="M 80,230 V 30" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3983-4-9-8"
id="path3981-7-9" d="M 60,210 V 90"
d="M 70,50 V 190" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3985-4-7-7"
id="path3983-4-9" d="M 50,40 V 170"
d="M 60,210 V 90" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3987-3-8-9"
id="path3985-4-7" d="M 40,200 V 50"
d="M 50,40 V 170" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3991-0-2-2"
id="path3987-3-8" d="M 20,160 V 80"
d="M 40,200 V 50" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3995-7-5-0"
id="path3991-0-2" d="m 70,30 h 90"
d="M 20,160 V 80" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3997-8-3-2"
id="path3995-7-5" d="M 200,40 H 90"
d="m 70,30 h 90" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path3999-6-4-3"
id="path3997-8-3" d="M 40,50 H 150"
d="M 200,40 H 90" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4001-8-9-7"
id="path3999-6-4" d="M 50,60 H 210"
d="M 40,50 H 150" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4005-8-0-5"
id="path4001-8-9" d="M 220,70 H 30"
d="M 50,60 H 210" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4007-4-2-9"
id="path4005-8-0" d="M 50,80 H 170"
d="M 220,70 H 30" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4009-3-01-2"
id="path4007-4-2" d="M 230,90 H 80"
d="M 50,80 H 170" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4011-1-96-2"
id="path4009-3-01" d="M 20,100 H 190"
d="M 230,90 H 80" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4013-4-2-8"
id="path4011-1-96" d="M 240,110 H 10"
d="M 20,100 H 190" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4015-9-1-9"
id="path4013-4-2" d="M 20,120 H 180"
d="M 240,110 H 10" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4017-2-2-7"
id="path4015-9-1" d="M 230,130 H 60"
d="M 20,120 H 180" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4019-0-0-3"
id="path4017-2-2" d="M 20,140 H 220"
d="M 230,130 H 60" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4021-6-7-6"
id="path4019-0-0" d="M 240,150 H 60"
d="M 20,140 H 220" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4023-8-3-1"
id="path4021-6-7" d="M 20,160 H 170"
d="M 240,150 H 60" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4025-9-11-2"
id="path4023-8-3" d="M 220,170 H 60"
d="M 20,160 H 170" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4027-2-9-9"
id="path4025-9-11" d="M 40,180 H 180"
d="M 220,170 H 60" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4029-6-0-3"
id="path4027-2-9" d="M 220,190 H 80"
d="M 40,180 H 180" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4031-6-5-1"
id="path4029-6-0" d="M 50,200 H 180"
d="M 220,190 H 80" style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4033-4-6-9"
id="path4031-6-5" d="M 200,210 H 90"
d="M 50,200 H 180" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#404040;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> <path
<path transform="translate(0,302.36218)"
transform="translate(0,302.36218)" inkscape:connector-curvature="0"
inkscape:connector-curvature="0" id="path4037-9-7-4"
id="path4033-4-6" d="M 170,230 H 80"
d="M 200,210 H 90" style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> </g>
<path <g
transform="translate(0,302.36218)" id="g5396-5-7-7"
inkscape:connector-curvature="0" transform="matrix(2.1244813,0,0,2.1244813,-9.5602073,-390.68097)">
id="path4037-9-7" <path
d="M 170,230 H 80" sodipodi:open="true"
style="fill:none;stroke:#202020;stroke-width:1;stroke-linecap:square;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> sodipodi:end="6.2831853"
</g> sodipodi:start="4.712389"
<g transform="matrix(1.4285714,0,0,1.4285714,-104.99999,200.21933)"
id="g5396-5-7" d="m 210,250 a 35,35 0 0 1 35,35"
transform="translate(-0.5,250.5)"> sodipodi:ry="35"
<path sodipodi:rx="35"
sodipodi:open="true" sodipodi:cy="285"
sodipodi:end="6.2831853" sodipodi:cx="210"
sodipodi:start="4.712389" id="path3925-0-4-8"
transform="matrix(1.4285714,0,0,1.4285714,-104.99999,200.21933)" style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="m 210,250 a 35,35 0 0 1 35,35" sodipodi:type="arc"
sodipodi:ry="35" sodipodi:arc-type="arc" />
sodipodi:rx="35" <path
sodipodi:cy="285" inkscape:connector-curvature="0"
sodipodi:cx="210" id="path3927-4-0-4"
id="path3925-0-4" d="M 195,557.36218 H 54.903843"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient1);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
sodipodi:type="arc" <path
sodipodi:arc-type="arc" /> sodipodi:type="arc"
<path style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
inkscape:connector-curvature="0" id="path3929-8-6-5"
id="path3927-4-0" sodipodi:cx="210"
d="M 195,557.36218 H 54.903843" sodipodi:cy="285"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5409-1-3);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" /> sodipodi:rx="35"
<path sodipodi:ry="35"
sodipodi:type="arc" d="m 210,250 a 35,35 0 0 1 35,35"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(-1.4285714,0,0,1.4285714,354.99999,200.21933)"
id="path3929-8-6" sodipodi:start="4.712389"
sodipodi:cx="210" sodipodi:end="6.2831853"
sodipodi:cy="285" sodipodi:open="true"
sodipodi:rx="35" sodipodi:arc-type="arc" />
sodipodi:ry="35" <path
d="m 210,250 a 35,35 0 0 1 35,35" sodipodi:type="arc"
transform="matrix(-1.4285714,0,0,1.4285714,354.99999,200.21933)" style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:start="4.712389" id="path3935-7-47-0"
sodipodi:end="6.2831853" sodipodi:cx="210"
sodipodi:open="true" sodipodi:cy="285"
sodipodi:arc-type="arc" /> sodipodi:rx="35"
<path sodipodi:ry="35"
sodipodi:type="arc" d="M 223.95622,252.9029 A 35,35 0 0 1 245,285"
style="fill:none;stroke:#1e1e1e;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" transform="matrix(1.4285714,0,0,-1.4285714,-104.99999,1154.505)"
id="path3935-7-47" sodipodi:start="5.1225414"
sodipodi:cx="210" sodipodi:end="6.2831853"
sodipodi:cy="285" sodipodi:open="true"
sodipodi:rx="35" sodipodi:arc-type="arc" />
sodipodi:ry="35" <path
d="M 223.95622,252.9029 A 35,35 0 0 1 245,285" sodipodi:open="true"
transform="matrix(1.4285714,0,0,-1.4285714,-104.99999,1154.505)" sodipodi:end="6.2831853"
sodipodi:start="5.1225414" sodipodi:start="5.1225414"
sodipodi:end="6.2831853" transform="matrix(-1.4285714,0,0,-1.4285714,354.99999,1154.505)"
sodipodi:open="true" d="M 223.95622,252.9029 A 35,35 0 0 1 245,285"
sodipodi:arc-type="arc" /> sodipodi:ry="35"
<path sodipodi:rx="35"
sodipodi:open="true" sodipodi:cy="285"
sodipodi:end="6.2831853" sodipodi:cx="210"
sodipodi:start="5.1225414" id="path3945-7-2-3"
transform="matrix(-1.4285714,0,0,-1.4285714,354.99999,1154.505)" style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
d="M 223.95622,252.9029 A 35,35 0 0 1 245,285" sodipodi:type="arc"
sodipodi:ry="35" sodipodi:arc-type="arc" />
sodipodi:rx="35" <path
sodipodi:cy="285" style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient2);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:cx="210" d="M 245,607.36218 V 747.45834"
id="path3945-7-2" id="path5388-2-6-6"
style="fill:none;stroke:#646464;stroke-width:0.7;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" inkscape:connector-curvature="0" />
sodipodi:type="arc" <path
sodipodi:arc-type="arc" /> inkscape:connector-curvature="0"
<path id="path5392-6-6-1"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5411-3-7);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M 5,747.45834 V 607.36218"
d="M 245,607.36218 V 747.45834" style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient3);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
id="path5388-2-6"
inkscape:connector-curvature="0" />
<path
inkscape:connector-curvature="0"
id="path5392-6-6"
d="M 5,747.45834 V 607.36218"
style="fill:#ffffff;fill-opacity:1;stroke:url(#linearGradient5413-2-8);stroke-width:1;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</g> </g>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 20 KiB