diff --git a/style.css b/style.css
index ceb5b0f..5afbeeb 100644
--- a/style.css
+++ b/style.css
@@ -160,6 +160,7 @@ td {
}
.vlan {
+ --pvid: 0;
color: #ecf0f1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: hsl(calc(var(--k) * var(--pvid)) 97% 65%);
@@ -186,7 +187,10 @@ td {
}
.hybrid {
- background-image: linear-gradient(
+ --tagged: 0;
+ --untagged: 0;
+ background-image: url('data:image/svg+xml;utf8,'),
+ linear-gradient(
135deg,
hsl(calc(var(--k) * var(--tagged)) 97% 65%) 50%,
hsl(calc(var(--k) * var(--untagged)) 97% 65%) 50%
@@ -194,7 +198,8 @@ td {
}
.hybrid:hover {
- background-image: linear-gradient(
+ background-image: url('data:image/svg+xml;utf8,'),
+ linear-gradient(
135deg,
hsl(calc(var(--k) * var(--tagged)) 65% 75%) 50%,
hsl(calc(var(--k) * var(--untagged)) 65% 75%) 50%
@@ -210,16 +215,16 @@ td {
content: "⚡";
font-size: 0.65em;
position: absolute;
- top: -0.2em;
- right: -0.25em;
+ top: 0.2em;
+ right: 0.2em;
}
.voice_vlan::after {
content: "📞";
font-size: 0.65em;
position: absolute;
- bottom: -0.15em;
- left: 0;
+ bottom: 0.2em;
+ left: 0.2em;
}
.legend {