Template
LinesOverlay/styles.css
From Dogcraft Wiki
No edit summary |
No edit summary |
||
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
. | .lines-overlay-container { | ||
position: relative; | position: relative; | ||
clip-path: border-box; | |||
} | } | ||
Line 9: | Line 8: | ||
position: absolute; | position: absolute; | ||
transform-origin: top left; | transform-origin: top left; | ||
width: | width: var(--line-width); | ||
} | } | ||
.station | .station { | ||
position: absolute; | 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; | |||
} | } |
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;
}