Template

LinesOverlay/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
.lines-overlay-container {
.lines-overlay-container {
    width: 500px;
    height: 500px;
     position: relative;
     position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: black;
     clip-path: border-box;
     clip-path: border-box;
}
}
Line 20: Line 15:
font-size: 25px;
font-size: 25px;
z-index: 1000;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
}


Line 26: Line 23:
font-size: 25px;
font-size: 25px;
z-index: 1000;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
}


Line 32: Line 31:
font-size: 25px;
font-size: 25px;
z-index: 1000;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
}


Line 38: 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 44: 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;
}
Background Takeshi by Edo