Tenno Seremel

<?xml version="1.0" encoding="utf-8"?>
<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 300 300"
    version="1.1"
    preserveAspectRatio="none"
    width="300"
    height="300"
>

    <title>Tooltip background</title>

    <g id="topleft">
        <rect x="0" y="0" width="9" height="9" fill="#eee"/>
        <path
            fill="none"
            d="M 0 9 l 0 -9 l 9 0"
            stroke="#aaa" stroke-width="1"
        />
    </g>
    <g id="topright">
        <rect x="291" y="0" width="9" height="9" fill="#eee"/>
        <path
            fill="none"
            d="M 291 0 l 9 0 l 0 9"
            stroke="#aaa" stroke-width="1"
        />
    </g>
    <g id="bottomleft">
        <rect x="0" y="291" width="9" height="9" fill="#eee"/>
        <path
            fill="none"
            d="M 0 291 l 0 9 l 9 0"
            stroke="#aaa" stroke-width="1"
        />
    </g>
    <g id="bottomright">
        <rect x="291" y="291" width="9" height="9" fill="#eee"/>
        <path
            fill="none"
            d="M 291 300 l 9 0 l 0 -9"
            stroke="#aaa" stroke-width="1"
        />
    </g>

    <g id="top">
        <rect x="10" y="0" width="280" height="9" fill="#eee"/>
        <!-- WTF: id as a hint but not any element with a given id? -->
        <path id="hint-stretch-borders"
            fill="none"
            d="M 10 0 l 280 0"
            stroke="#aaa" stroke-width="1"
        />
    </g>
    <g id="bottom">
        <rect x="10" y="291" width="280" height="9" fill="#eee"/>
        <path
            fill="none"
            d="M 10 300 l 280 0"
            stroke="#aaa" stroke-width="1"
        />
    </g>

    <g id="left">
        <rect x="0" y="10" width="9" height="280" fill="#eee"/>
        <path
            fill="none"
            d="M 0 10 l 0 280"
            stroke="#aaa" stroke-width="1"
        />
    </g>
    <g id="right">
        <rect x="291" y="10" width="9" height="280" fill="#eee"/>
        <path
            fill="none"
            d="M 300 10 l 0 280"
            stroke="#aaa" stroke-width="1"
        />
    </g>

    <g id="center">
        <rect x="10" y="10" width="280" height="280" fill="#eee"/>
    </g>
</svg>