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