<?xml version="1.0" encoding="utf-8" standalone="no"?>
<svg contentScriptType="text/ecmascript" width="12cm" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" baseProfile="full" zoomAndPan="magnify" contentStyleType="text/css" height="12cm" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <title>The Mondrian Template</title>
  <desc>This template consists of 8 picture areas on a cubist style background.</desc>
  <lst:categories xmlns:lst="http://www.lightscribe.com/LightScribe/TemplateLabeler">
    <lst:category>picture frames</lst:category>
    <lst:category>business</lst:category>
    <lst:category>cultural</lst:category>
  </lst:categories>
  <defs>
    <!--Housekeeping : This, and some other things that are only for managing the file itself, 
            and not the template definition, are called 'housekeeping' in comments, and can be 
            ignored for the purpose of defining templates and UserDefinableContent.-->
    <mask x="0" width="1200px" y="0" id="LabelArea" height="1200px">
      <!--the mask is only for rendering the SVG on viewers - it has nothing to do with the 
                UserDefinableContent.-->
      <circle fill="#ffffff" r="600" cx="600" fill-rule="evenodd" cy="600" />
    </mask>
  </defs>
  <!--the fixed elements in this template-->
  <g id="TemplateBackgroundElements" mask="url(#LabelArea)">
    <title>Template Background</title>
    <!--Change this to be the actual background image to use-->
    <image x="0.0" y="0.0" width="1200" xlink:href="backgrounds\Mondrian.jpg" height="1200" id="BackGroundImage" />
  </g>
  <!--the user elements in this template-->
  <g id="UserDefinableElements" mask="url('#LabelArea')">
    <title>Template Elements</title>
    <g id="Image Item 1" clip-path="url('#Image-Item-1-clip')" transform="translate(291.00317, 19.296082)">
      <clipPath id="Image-Item-1-clip">
        <rect width="227" height="221.11496" />
      </clipPath>
      <image display="inline" fill="none" width="227" height="221.11496" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 2" clip-path="url('#Image-Item-2-clip')" transform="translate(138, 249.5)">
      <clipPath id="Image-Item-2-clip">
        <rect width="380" height="244.5" />
      </clipPath>
      <image display="inline" fill="none" width="380" height="244.5" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 3" clip-path="url('#Image-Item-3-clip')" transform="translate(528, 249.5)">
      <clipPath id="Image-Item-3-clip">
        <rect width="281.5" height="244.5" />
      </clipPath>
      <image display="inline" fill="none" width="281.5" height="244.5" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 4" clip-path="url('#Image-Item-4-clip')" transform="translate(138, 503.5)">
      <clipPath id="Image-Item-4-clip">
        <rect width="270" height="210" />
      </clipPath>
      <image display="inline" fill="none" width="270" height="210" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 5" clip-path="url('#Image-Item-5-clip')" transform="translate(819.5, 503.5)">
      <clipPath id="Image-Item-5-clip">
        <rect width="283" height="400" />
      </clipPath>
      <image display="inline" fill="none" width="283" height="400" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 6" clip-path="url('#Image-Item-6-clip')" transform="translate(286, 725)">
      <clipPath id="Image-Item-6-clip">
        <rect width="232.5" height="349" />
      </clipPath>
      <image display="inline" fill="none" width="232.5" height="349" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 7" clip-path="url('#Image-Item-7-clip')" transform="translate(528, 913)">
      <clipPath id="Image-Item-7-clip">
        <rect width="281.5" height="160" />
      </clipPath>
      <image display="inline" fill="none" width="281.5" height="160" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Image Item 8" clip-path="url('#Image-Item-8-clip')" transform="translate(819.5, 913)">
      <clipPath id="Image-Item-8-clip">
        <rect width="283" height="160" />
      </clipPath>
      <image display="inline" fill="none" width="283" height="160" preserveAspectRatio="xMidYMid slice" xlink:href="thumbnails/default.png" />
    </g>
    <g id="Text Item 1" clip-path="url('#Text_Item_1_clip')">
      <clipPath id="Text_Item_1_clip">
        <path fill="none" d="M 818.91176,494.18243 L 818.78676,250.14849 L 1070.4953,249.89848 L 1101.9616,297.98175 L 1101.8366,494.22533 L 818.91176,494.18243 z " stroke="#00ff00" />
      </clipPath>
      <rect id="Text_Item_1_frame" x="819" y="250" width="282" height="244" />
      <text font-size="8" text-anchor="middle" font-family="Arial" dy="0" fill="white" stroke="black"></text>
    </g>
  </g>
  <!--Housekeeping : Opaque on the centre of the design.-->
  <circle id="center-semi-opaque-hole" fill="white" fill-opacity="0.75" r="244.0" cx="600" cy="600" />
  <path fill="none" d="M 600.0 0.0 A 600.0 600.0 0.0 1 1 599.0 0.0" stroke-width="10" stroke-color="white" stroke="#ffffff" />
</svg>