Template

LinesOverlay/styles.css

From Dogcraft Wiki

No edit summary
No edit summary
 
(6 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);
}
}


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


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


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


Line 37: 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 43: 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;
}