Template

LinesOverlay/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
 
(8 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;
     clip-path: border-box;
    border-width: 1px;
    border-color: black;
}
}


Line 12: Line 8:
     position: absolute;
     position: absolute;
     transform-origin: top left;
     transform-origin: top left;
     width: 5px;
     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 {
.port {
position: absolute;
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
}


.shelter {
.shelter {
position: absolute;
position: absolute;
font-size: 25px;
z-index: 1000;
color: red;
text-shadow: 4px 4px 5px black;
}
}


.portal {
.portal {
position: absolute;
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 {
.icon {
position: absolute;
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;
}
Background Takeshi by Edo