border_template.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="250" height="350" viewbox="0 0 250 350">
  <defs>
    <radialGradient id="rivet_color" fx="70%" fy="30%">
      <stop offset="20%" style="stop-color:#ad701f;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#7f5217;stop-opacity:1" />
    </radialGradient>
    <linearGradient id="border_color" x1="0" y1="0" x2="100%" y2="100%">
      <stop offset="20%" style="stop-color:goldenrod;stop-opacity:1" />
      <stop offset="50%" style="stop-color:darkgoldenrod;stop-opacity:1" />
    </linearGradient>

    <circle id="simple_rivet" cx="0" cy="0" r="5" stroke="black" stroke-width="1"
	  fill="url(#rivet_color)" />
    <g id="simple_corner">
      <path fill="url(#border_color)" fill-opacity="1" stroke="black" stroke-width="2" 
                d="M0,0 L0,50 L20,50 L20,20 L50,20 L50,0 z" stroke-linejoin="round"/>
    </g>
    
    <g id="simple_border">
       <stuff/>
    </g>
  </defs>
</svg>