link quality legend

This commit is contained in:
Nils Schneider 2012-09-04 01:36:03 +02:00
parent d748f917cb
commit 9dab401e39
3 changed files with 23 additions and 0 deletions

View file

@ -56,3 +56,8 @@
#sidebar { #sidebar {
color: #ddd; color: #ddd;
} }
#sidebar text {
fill: #ddd;
font-size: 0.8em;
}

View file

@ -63,3 +63,8 @@
#sidebar { #sidebar {
color: #777; color: #777;
} }
#sidebar text {
fill: #777;
font-size: 0.8em;
}

View file

@ -55,6 +55,19 @@
</svg> </svg>
<label>VPN-Link</label> <label>VPN-Link</label>
</li> </li>
<li><svg width=140 height=25 class="link vpn">
<defs>
<linearGradient id="linkgrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#0a3" />
<stop offset="50%" stop-color="orange" />
<stop offset="100%" stop-color="red" />
</linearGradient>
</defs>
<rect x="18" y="12" width="88" height="6" fill="url(#linkgrad)"/>
<text text-anchor="middle" y=8 x=18>gut</text>
<text text-anchor="middle" y=8 x=106>schlecht</text>
</svg>
</li>
<li><svg width=30 height=20 class="node uplinks"> <li><svg width=30 height=20 class="node uplinks">
<g transform="translate(12,28)"> <g transform="translate(12,28)">
<line x1="2" y1="10" x2="28" y2="10" stroke="#000"/> <line x1="2" y1="10" x2="28" y2="10" stroke="#000"/>