html/position-flex.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="200"
   height="250"
   viewBox="0 0 200 250"
   id="svg9774"
   version="1.1"
   inkscape:version="0.91 r13725"
   sodipodi:docname="position-flex.svg"
   inkscape:export-filename="D:\www\cms\pasta\html\position-flex.png"
   inkscape:export-xdpi="90"
   inkscape:export-ydpi="90">
  <defs
     id="defs9776" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1"
     inkscape:cx="-43.55848"
     inkscape:cy="100"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     units="px"
     showguides="false"
     inkscape:guide-bbox="true"
     inkscape:window-width="1280"
     inkscape:window-height="751"
     inkscape:window-x="-4"
     inkscape:window-y="-4"
     inkscape:window-maximized="1">
    <sodipodi:guide
       position="39.5,222"
       orientation="1,0"
       id="guide10322" />
    <sodipodi:guide
       position="90,223"
       orientation="1,0"
       id="guide10324" />
    <sodipodi:guide
       position="100.5,175.5"
       orientation="0,1"
       id="guide10326" />
    <sodipodi:guide
       position="130.5,119.5"
       orientation="0,1"
       id="guide10328" />
    <sodipodi:guide
       position="150.5,70"
       orientation="0,1"
       id="guide10330" />
  </sodipodi:namedview>
  <metadata
     id="metadata9779">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-802.36216)">
    <rect
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
       id="rect10332"
       width="37"
       height="28.5"
       x="55"
       y="827.36218"
       rx="3"
       ry="3" />
    <rect
       ry="2.9999995"
       rx="3"
       y="818.86218"
       x="106.5"
       height="44"
       width="37"
       id="rect10334"
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    <rect
       ry="3"
       rx="3"
       y="882.36218"
       x="55"
       height="28.5"
       width="37"
       id="rect10336"
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    <rect
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
       id="rect10338"
       width="37"
       height="20"
       x="106.5"
       y="886.36218"
       rx="3"
       ry="3" />
    <rect
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
       id="rect10340"
       width="37"
       height="13"
       x="55"
       y="939.36218"
       rx="3"
       ry="3" />
    <rect
       ry="3"
       rx="3"
       y="931.86218"
       x="106.5"
       height="28.5"
       width="37"
       id="rect10342"
       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#fcf4aa;fill-opacity:1;fill-rule:evenodd;stroke:#d7c307;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 73.5,815.86216 0,160.50004"
       id="path10344"
       inkscape:connector-curvature="0" />
    <path
       inkscape:connector-curvature="0"
       id="path10346"
       d="m 124,815.86216 0,160.50004"
       style="fill:none;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <path
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 66,839.86216 14.5,0"
       id="path10348"
       inkscape:connector-curvature="0" />
    <path
       inkscape:connector-curvature="0"
       id="path10350"
       d="m 116,839.86216 14.5,0"
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <path
       inkscape:connector-curvature="0"
       id="path10352"
       d="m 66,895.86216 14.5,0"
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <path
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 116,895.86216 14.5,0"
       id="path10354"
       inkscape:connector-curvature="0" />
    <path
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 66,945.36216 14.5,0"
       id="path10356"
       inkscape:connector-curvature="0" />
    <path
       inkscape:connector-curvature="0"
       id="path10358"
       d="m 116,945.36216 14.5,0"
       style="fill:#6f6f6f;fill-opacity:1;fill-rule:evenodd;stroke:#6f6f6f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot10910"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:11.25px;line-height:125%;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans';letter-spacing:0px;word-spacing:0px;fill:#670540;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(5.0000005,809.36216)"><flowRegion
         id="flowRegion10912"><rect
           id="rect10914"
           width="184"
           height="55"
           x="5"
           y="190"
           style="fill:#670540;fill-opacity:1;stroke:none;stroke-opacity:1" /></flowRegion><flowPara
         id="flowPara10916"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#670540;fill-opacity:1;stroke:none;stroke-opacity:1">Flexbox</flowPara></flowRoot>  </g>
</svg>