Template:TerminalLook/styles.css

.TerminalWindow {
	background: black;
	color: #28b823;
}

.TerminalTextGreen {
	color: #28b823;
	font-weight: normal;
	font-family: var(--font-family-monospace);
}

.TerminalTextRed {
	color: #c21018;
	font-weight: normal;
	font-family: var(--font-family-monospace);
}

.TerminalBlinker {
	color: #28b823;
	font-family: var(--font-family-monospace);
	animation: type 0.5s 10.75s steps(20, end) forwards;
}

.TerminalBlinkerCursor {
	color: #28b823;
	animation: blink 1s 8.5s infinite;
}

.TerminalLoading {
	color: #28b823;
	font-family: var(--font-family-monospace);
}

.loader::after {
	color: #28b823;
	font-family: var(--font-family-monospace);
	content: "|";
	animation: ascii-spin 0.5s steps(1) infinite;
}

@keyframes ascii-spin {
	0% {
		content: "|";
	}

	25% {
		content: "/";
	}

	50% {
		content: "-";
	}

	75% {
		content: "\\";
	}

	100% {
		content: "|";
	}
}

@keyframes blink {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}