• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<?xml version="1.0" encoding="UTF-8" standalone="no"?>
2<!-- Created with Inkscape (http://www.inkscape.org/) -->
3
4<svg
5   xmlns:dc="http://purl.org/dc/elements/1.1/"
6   xmlns:cc="http://creativecommons.org/ns#"
7   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8   xmlns:svg="http://www.w3.org/2000/svg"
9   xmlns="http://www.w3.org/2000/svg"
10   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
11   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
12   width="765"
13   height="990"
14   id="svg2"
15   version="1.1"
16   inkscape:version="0.48.4 r9939"
17   sodipodi:docname="sa-C1.svg">
18  <title
19     id="title2985">size,align,layout mockups</title>
20  <defs
21     id="defs4" />
22  <sodipodi:namedview
23     id="base"
24     pagecolor="#ffffff"
25     bordercolor="#666666"
26     borderopacity="1.0"
27     inkscape:pageopacity="0.0"
28     inkscape:pageshadow="2"
29     inkscape:zoom="1.2010101"
30     inkscape:cx="213.52036"
31     inkscape:cy="495"
32     inkscape:document-units="mm"
33     inkscape:current-layer="layer1"
34     showgrid="false"
35     units="mm"
36     showguides="true"
37     inkscape:guide-bbox="true"
38     inkscape:window-width="1266"
39     inkscape:window-height="1371"
40     inkscape:window-x="2462"
41     inkscape:window-y="480"
42     inkscape:window-maximized="0">
43    <sodipodi:guide
44       orientation="0,1"
45       position="266.39665,974.32961"
46       id="guide2987" />
47    <sodipodi:guide
48       orientation="0,1"
49       position="291.28492,17.513966"
50       id="guide2989" />
51    <sodipodi:guide
52       orientation="1,0"
53       position="17.513966,836.98324"
54       id="guide2991" />
55    <sodipodi:guide
56       orientation="1,0"
57       position="743.88268,695.94972"
58       id="guide2993" />
59    <sodipodi:guide
60       orientation="0,1"
61       position="-204,886"
62       id="guide3003" />
63    <sodipodi:guide
64       orientation="0,1"
65       position="-199.5,871.5"
66       id="guide3005" />
67    <sodipodi:guide
68       orientation="0,1"
69       position="-186,857"
70       id="guide3007" />
71    <sodipodi:guide
72       orientation="0,1"
73       position="-111.5,843.5"
74       id="guide3009" />
75    <sodipodi:guide
76       orientation="0,1"
77       position="310.77343,584.77731"
78       id="guide3023" />
79    <sodipodi:guide
80       orientation="1,0"
81       position="177,546"
82       id="guide3423" />
83    <sodipodi:guide
84       orientation="1,0"
85       position="354,488"
86       id="guide3425" />
87    <sodipodi:guide
88       orientation="1,0"
89       position="531,414"
90       id="guide3427" />
91    <sodipodi:guide
92       orientation="0,1"
93       position="-46,177"
94       id="guide3489" />
95    <sodipodi:guide
96       orientation="0,1"
97       position="-163,354"
98       id="guide3491" />
99    <sodipodi:guide
100       orientation="0,1"
101       position="-169,531"
102       id="guide3493" />
103    <sodipodi:guide
104       orientation="-0.70710678,0.70710678"
105       position="-221,1118"
106       id="guide3495" />
107    <sodipodi:guide
108       orientation="0,1"
109       position="-126,709"
110       id="guide3497" />
111    <sodipodi:guide
112       orientation="0,1"
113       position="270.5,709"
114       id="guide4611" />
115    <sodipodi:guide
116       orientation="0,1"
117       position="312,690.5"
118       id="guide4616" />
119    <sodipodi:guide
120       orientation="0,1"
121       position="306.53079,620.13265"
122       id="guide4654" />
123    <sodipodi:guide
124       orientation="0,1"
125       position="289.56023,549.06842"
126       id="guide4656" />
127    <sodipodi:guide
128       orientation="0,1"
129       position="269.05413,513.35952"
130       id="guide4658" />
131    <sodipodi:guide
132       orientation="0,1"
133       position="291.68155,655.48799"
134       id="guide3226" />
135  </sodipodi:namedview>
136  <metadata
137     id="metadata7">
138    <rdf:RDF>
139      <cc:Work
140         rdf:about="">
141        <dc:format>image/svg+xml</dc:format>
142        <dc:type
143           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
144        <dc:title>size,align,layout mockups</dc:title>
145        <dc:date>2013-05-07</dc:date>
146      </cc:Work>
147    </rdf:RDF>
148  </metadata>
149  <g
150     inkscape:groupmode="layer"
151     id="layer3"
152     inkscape:label="box"
153     style="display:inline">
154    <rect
155       y="-316.52042"
156       x="-247.78026"
157       height="34.930607"
158       width="70.363678"
159       id="rect4502"
160       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
161       transform="scale(-1,-1)" />
162    <rect
163       transform="scale(-1,-1)"
164       style="fill:#808080;fill-opacity:1;stroke:#808080;stroke-width:0.62500000000000000;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
165       id="rect4628"
166       width="70.363678"
167       height="34.930607"
168       x="-247.78026"
169       y="-351.95349" />
170    <rect
171       y="-387.38657"
172       x="-247.78026"
173       height="34.930607"
174       width="70.363678"
175       id="rect4630"
176       style="fill:#bfbfbf;fill-opacity:1;stroke:#bfbfbf;stroke-width:0.625;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
177       transform="scale(-1,-1)" />
178  </g>
179  <g
180     inkscape:groupmode="layer"
181     id="layer2"
182     inkscape:label="line"
183     style="display:inline">
184    <path
185       style="fill:none;stroke:#000000;stroke-width:0.27587739;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
186       d="m 177.36061,245.97612 0,141.52374"
187       id="path4490"
188       inkscape:connector-curvature="0" />
189    <path
190       style="fill:none;stroke:#000000;stroke-width:0.27587739;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
191       d="m 212.79368,246.00978 0,141.52374"
192       id="path4492"
193       inkscape:connector-curvature="0" />
194    <path
195       inkscape:connector-curvature="0"
196       id="path4439"
197       d="m 248.22675,245.97612 0,141.52374"
198       style="fill:none;stroke:#000000;stroke-width:0.27587739;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
199    <path
200       inkscape:connector-curvature="0"
201       id="path3604"
202       d="m 141.92754,245.97612 0,141.52374"
203       style="fill:none;stroke:#000000;stroke-width:0.27587739;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
204  </g>
205  <g
206     inkscape:groupmode="layer"
207     id="layer4"
208     inkscape:label="line-guide"
209     style="display:none">
210    <g
211       style="display:inline"
212       id="g4580"
213       transform="translate(0,-44.362323)">
214      <path
215         style="fill:none;stroke:#000000;stroke-width:0.39051285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline"
216         d="m 195.07715,271.33384 0,283.5749"
217         id="path4488"
218         inkscape:connector-curvature="0" />
219      <path
220         inkscape:connector-curvature="0"
221         id="path4435"
222         d="m 230.51022,271.33384 0,283.5749"
223         style="fill:none;stroke:#000000;stroke-width:0.39051285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" />
224    </g>
225  </g>
226  <g
227     inkscape:label="text"
228     inkscape:groupmode="layer"
229     id="layer1"
230     transform="translate(0,-62.362323)"
231     style="display:inline">
232    <text
233       sodipodi:linespacing="123%"
234       id="text4512"
235       y="365.71878"
236       x="261.51654"
237       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
238       xml:space="preserve"><tspan
239         sodipodi:role="line"
240         id="tspan3089"
241         x="261.51654"
242         y="365.71878">C1</tspan></text>
243    <text
244       xml:space="preserve"
245       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
246       x="266.90717"
247       y="401.50049"
248       id="text4526"
249       sodipodi:linespacing="123%"><tspan
250         sodipodi:role="line"
251         id="tspan4528"
252         x="266.90717"
253         y="401.50049">base</tspan></text>
254    <text
255       sodipodi:linespacing="123%"
256       id="text4540"
257       y="436.09854"
258       x="276.78021"
259       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
260       xml:space="preserve"><tspan
261         sodipodi:role="line"
262         id="tspan3091"
263         x="276.78021"
264         y="436.09854">_M_type</tspan></text>
265    <flowRoot
266       xml:space="preserve"
267       id="flowRoot3556"
268       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
269       transform="translate(0,60.362323)"><flowRegion
270         id="flowRegion3558"><rect
271           id="rect3560"
272           width="28.5"
273           height="3253"
274           x="84.5"
275           y="286.5"
276           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;writing-mode:lr-tb;text-anchor:middle;font-family:Roboto;-inkscape-font-specification:Roboto Light" /></flowRegion><flowPara
277         id="flowPara3562" /></flowRoot>    <text
278       xml:space="preserve"
279       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
280       x="325.22058"
281       y="-191.44658"
282       id="text4494"
283       sodipodi:linespacing="123%"
284       transform="matrix(0,1,-1,0,0,0)"><tspan
285         sodipodi:role="line"
286         id="tspan4535"
287         x="325.22058"
288         y="-191.44658">SIZE</tspan></text>
289    <text
290       xml:space="preserve"
291       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
292       x="196.15625"
293       y="366.76904"
294       id="text5950"
295       sodipodi:linespacing="123%"><tspan
296         sodipodi:role="line"
297         x="196.15625"
298         y="366.76904"
299         id="tspan5952"><tspan
300           x="196.15625"
301           y="366.76904"
302           id="tspan5954">2</tspan></tspan></text>
303    <text
304       transform="matrix(0,1,-1,0,0,0)"
305       sodipodi:linespacing="123%"
306       id="text4574"
307       y="-226.39417"
308       x="321.07214"
309       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
310       xml:space="preserve"><tspan
311         sodipodi:role="line"
312         id="tspan4578"
313         x="321.07214"
314         y="-226.39417">ALIGN</tspan></text>
315    <text
316       xml:space="preserve"
317       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
318       x="230.15625"
319       y="366.76904"
320       id="text5944"
321       sodipodi:linespacing="123%"><tspan
322         sodipodi:role="line"
323         x="230.15625"
324         y="366.76904"
325         id="tspan5946"><tspan
326           x="230.15625"
327           y="366.76904"
328           id="tspan5948">2</tspan></tspan></text>
329    <text
330       xml:space="preserve"
331       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
332       x="196.15625"
333       y="436.76904"
334       id="text5938"
335       sodipodi:linespacing="123%"><tspan
336         sodipodi:role="line"
337         x="196.15625"
338         y="436.76904"
339         id="tspan5940"><tspan
340           x="196.15625"
341           y="436.76904"
342           id="tspan5942">2</tspan></tspan></text>
343    <text
344       xml:space="preserve"
345       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
346       x="230.15625"
347       y="436.76904"
348       id="text5932"
349       sodipodi:linespacing="123%"><tspan
350         sodipodi:role="line"
351         x="230.15625"
352         y="436.76904"
353         id="tspan5934"><tspan
354           x="230.15625"
355           y="436.76904"
356           id="tspan5936">2</tspan></tspan></text>
357    <text
358       xml:space="preserve"
359       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
360       x="196.15625"
361       y="400.76904"
362       id="text5926"
363       sodipodi:linespacing="123%"><tspan
364         sodipodi:role="line"
365         x="196.15625"
366         y="400.76904"
367         id="tspan5928"><tspan
368           x="196.15625"
369           y="400.76904"
370           id="tspan5930">0</tspan></tspan></text>
371    <text
372       xml:space="preserve"
373       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
374       x="230.15625"
375       y="400.76904"
376       id="text5920"
377       sodipodi:linespacing="123%"><tspan
378         sodipodi:role="line"
379         x="230.15625"
380         y="400.76904"
381         id="tspan5922"><tspan
382           x="230.15625"
383           y="400.76904"
384           id="tspan5924">0</tspan></tspan></text>
385    <flowRoot
386       transform="translate(0,414.69302)"
387       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
388       id="flowRoot3129"
389       xml:space="preserve"><flowRegion
390         id="flowRegion3131"><rect
391           style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;writing-mode:lr-tb;text-anchor:middle;font-family:Roboto;-inkscape-font-specification:Roboto Light"
392           y="286.5"
393           x="84.5"
394           height="3253"
395           width="28.5"
396           id="rect3133" /></flowRegion><flowPara
397         id="flowPara3135" /></flowRoot>    <text
398       transform="matrix(0,1,-1,0,0,0)"
399       sodipodi:linespacing="123%"
400       id="text3608"
401       y="-156.0135"
402       x="316.08582"
403       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
404       xml:space="preserve"><tspan
405         sodipodi:role="line"
406         id="tspan3616"
407         x="316.08582"
408         y="-156.0135">OFFSET</tspan></text>
409    <text
410       xml:space="preserve"
411       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
412       x="160.72318"
413       y="436.76904"
414       id="text5914"
415       sodipodi:linespacing="123%"><tspan
416         sodipodi:role="line"
417         x="160.72318"
418         y="436.76904"
419         id="tspan5916"><tspan
420           x="160.72318"
421           y="436.76904"
422           id="tspan5918">0</tspan></tspan></text>
423    <text
424       xml:space="preserve"
425       style="font-size:12px;font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;text-align:center;line-height:123.00000191%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;font-family:Roboto;-inkscape-font-specification:Roboto Light"
426       x="160.72318"
427       y="401.33597"
428       id="text5908"
429       sodipodi:linespacing="123%"><tspan
430         sodipodi:role="line"
431         x="160.72318"
432         y="401.33597"
433         id="tspan5910"><tspan
434           x="160.72318"
435           y="401.33597"
436           id="tspan5912">0</tspan></tspan></text>
437  </g>
438</svg>
439