CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-04-21 19:26:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

match mini-loader image background to container background.

Browse Source
This commit is contained in:
saman bb
2013-05-30 01:20:28 -04:00
parent a1c150c740
commit 64238fa095
2 changed files with 320 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/app.css
+4
View File
@@ -1606,6 +1606,10 @@ div.combobox {
/* Tag reference */
.tag-reference-loading {
background-color: #f1f1f1;
}
.tag-reference-loading .icon {
background-image: url(img/mini-loader.gif);
background-position: 0 0;
svg/mini-loader.svg
+316 -174
View File
@@ -25,12 +25,12 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
inkscape:cx="789.15359"
inkscape:cy="855.6322"
inkscape:zoom="15.622585"
inkscape:cx="876.1083"
inkscape:cy="892.27545"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false">
showgrid="true">
<inkscape:grid
type="xygrid"
id="grid3031" />
@@ -43,7 +43,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@@ -51,184 +51,181 @@
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<image
y="147.36218"
x="496"
id="image3028"
xlink:href="file:///Users/saman/Desktop/Screen%20Shot%202013-04-05%20at%2011.19.16%20AM.png"
height="133"
width="129" />
<rect
style="color:#000000;fill:#fafafa;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect3033"
width="14"
height="17"
x="569"
y="198.36218" />
<path
style="color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 570,200.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="rect3035"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path3038"
d="m 570,205.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.5;color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25;color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 570,210.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path3040"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<g
id="g3061">
<image
width="129"
height="133"
xlink:href="file:///Users/saman/Desktop/Screen%20Shot%202013-04-05%20at%2011.19.16%20AM.png"
id="image3028"
x="496"
y="147.36218" />
<rect
y="198.36218"
x="569"
height="17"
width="14"
id="rect3033"
style="color:#000000;fill:#fafafa;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
id="g4154">
<path
sodipodi:nodetypes="ccccccccc"
sodipodi:nodetypes="ccccccccccccc"
inkscape:connector-curvature="0"
id="rect3035"
d="m 570,200.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
id="rect3035-5"
d="m 829,145.36218 11,0 1,0 0,1 0,1 0,1 -1,0 -11,0 -1,0 0,-1 0,-1 0,-1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.5"
d="m 570,205.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path3038"
style="opacity:1;color:#000000;fill:#909090;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
id="path3038-5"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path3040"
d="m 570,210.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="color:#000000;fill:#8c8c8c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.25" />
<g
id="g4154">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="rect3035-5"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path3038-5"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.50000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path3040-8"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4075"
style="opacity:0.25000000000000000;color:#000000;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4160"
transform="translate(0,20)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4162"
d="m 829,153.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.50000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,148.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
id="path4164"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4166"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.25000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4168"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(0,40)"
id="g4170">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4172"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4174"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.50000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4176"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4178"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4180"
transform="translate(0,60)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4182"
d="m 829,153.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.50000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,158.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
id="path4184"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4186"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.25000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4188"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(0,80)"
id="g4190">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4192"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4194"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.50000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25000000000000000;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4196"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4198"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
id="path3040-8"
d="m 829,155.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
style="opacity:1;color:#000000;fill:#c9c9c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4075"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(0,20)"
id="g4160">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,153.36218 11,0 1,0 0,-3 -1,0 -11,0 -1,0 0,3 z"
id="path4162"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4164"
d="m 829,148.36218 11,0 1,0 0,-3 -1,0 -11,0 -1,0 0,3 z"
style="opacity:1;color:#000000;fill:#909090;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:1;color:#000000;fill:#c9c9c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,155.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
id="path4166"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4168"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4170"
transform="translate(0,40)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4172"
d="m 829,155.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:1;color:#000000;fill:#909090;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
id="path4174"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4176"
d="m 829,145.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
style="opacity:1;color:#000000;fill:#c9c9c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4178"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(0,60)"
id="g4180">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,153.36218 11,0 1,0 0,-3 -1,0 -11,0 -1,0 0,3 z"
id="path4182"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4184"
d="m 829,158.36218 11,0 1,0 0,-3 -1,0 -11,0 -1,0 0,3 z"
style="opacity:1;color:#000000;fill:#909090;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:1;color:#000000;fill:#c9c9c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,145.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
id="path4186"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4188"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4190"
transform="translate(0,80)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4192"
d="m 829,145.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:1;color:#000000;fill:#909090;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
id="path4194"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4196"
d="m 829,155.36218 11,0 1,0 0,3 -1,0 -11,0 -1,0 0,-3 z"
style="opacity:1;color:#000000;fill:#c9c9c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4198"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
id="g3068"
@@ -327,5 +324,150 @@
height="133"
width="129" />
</g>
<g
id="g4154-8"
transform="translate(45,2.6e-6)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="rect3035-5-3"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path3038-5-0"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path3040-8-6"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4075-2"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(45,20.000003)"
id="g4160-2">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,153.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
id="path4162-5"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4164-2"
d="m 829,148.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4166-2"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4168-7"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4170-1"
transform="translate(45,40.000003)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4172-5"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4174-2"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4176-1"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4178-1"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
<g
transform="translate(45,59.99999)"
id="g4180-0">
<path
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,153.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
id="path4182-1"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4184-8"
d="m 829,158.36218 11,0 1,-1 0,-1 -1,-1 -11,0 -1,1 0,1 z"
style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4186-7"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<rect
y="142.36218"
x="825"
height="20"
width="20"
id="rect4188-6"
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
<g
id="g4190-0"
transform="translate(45,79.99999)">
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4192-0"
d="m 829,145.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
style="opacity:0.5;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
d="m 829,150.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
id="path4194-9"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccccccccc" />
<path
sodipodi:nodetypes="ccccccccc"
inkscape:connector-curvature="0"
id="path4196-5"
d="m 829,155.36218 11,0 1,1 0,1 -1,1 -11,0 -1,-1 0,-1 z"
style="opacity:0.25;color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<rect
style="opacity:0.25;color:#000000;fill:none;stroke:none;stroke-width:3;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="rect4198-6"
width="20"
height="20"
x="825"
y="142.36218" />
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 22 KiB