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 {
    width: 500px;
    height: 500px;
     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;
}