Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:SkornePasswordScreen/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
No edit summary
Line 2: Line 2:
color: var(--color-amaranth-legacy-scope);
color: var(--color-amaranth-legacy-scope);
text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope);
text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope);
}

.template-passwordscreen-prompt::after {
animation-duration: 1s;
animation-duration: 1s;
animation-name: terminalPrompt;
animation-name: terminalPrompt;
Line 7: Line 10:
animation-direction: alternate;
animation-direction: alternate;
animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
padding: var(--space-xs);
}
}


@keyframes terminalPrompt {
@keyframes terminalPrompt {
from {
from {
border-right: none;
content: '';
}
}


to {
to {
content: '|';
border-right: solid 2px var(--color-amaranth-legacy-scope);
}
}
}
}

Revision as of 07:37, March 8, 2025

.template-passwordscreen-prompt {
	color: var(--color-amaranth-legacy-scope);
	text-shadow: 1px 1px 2px var(--color-amaranth-legacy-scope);
}

.template-passwordscreen-prompt::after {
	animation-duration: 1s;
	animation-name: terminalPrompt;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}

@keyframes terminalPrompt {
	from {
		content: '';
	}

	to {
		content: '|';
	}
}