Template
LinesOverlay/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.lines-overlay-container { | .lines-overlay-container { | ||
position: relative; | position: relative; | ||
clip-path: border-box; | |||
} | } | ||
Line 19: | Line 15: | ||
font-size: 25px; | font-size: 25px; | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 25: | Line 23: | ||
font-size: 25px; | font-size: 25px; | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 31: | Line 31: | ||
font-size: 25px; | font-size: 25px; | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 37: | Line 39: | ||
font-size: 25px; | font-size: 25px; | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | |||
.hub { | |||
position: absolute; | |||
font-size: 25px; | |||
z-index: 1000; | |||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 43: | Line 55: | ||
font-size: 25px; | font-size: 25px; | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | |||
text-shadow: 4px 4px 5px black; | |||
} | } |
Latest revision as of 16:58, 28 March 2024
.lines-overlay-container {
position: relative;
clip-path: border-box;
}
.line {
background-color: var(--line-color);
position: absolute;
transform-origin: top left;
width: var(--line-width);
}
.station {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
.port {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
.shelter {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
.portal {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
.hub {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
.icon {
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}