Template
LinesOverlay/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
.lines-overlay-container { | .lines-overlay-container { | ||
position: relative; | position: relative; | ||
clip-path: border-box; | clip-path: border-box; | ||
Line 18: | Line 16: | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | color: red; | ||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 25: | Line 24: | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | color: red; | ||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 32: | Line 32: | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | color: red; | ||
text-shadow: 4px 4px 5px black; | |||
} | } | ||
Line 39: | Line 40: | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | 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 46: | Line 56: | ||
z-index: 1000; | z-index: 1000; | ||
color: red; | 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;
}