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

Template:Syx and Seven Terminal/styles.css: Difference between revisions

Template page
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
Line 1: Line 1:
.template-Syx_and_Seven_Terminal {
.template-Syx_and_Seven_Terminal {
background: var(--color-surface-4);
box-sizing: border-box;
padding: var(--space-md);
overflow-wrap: break-word;
font-family: var(--font-family-monospace);
word-wrap: break-word;
border: solid 4px transparent;
word-break: break-word;
width: 95%;
white-space: normal;
margin: 0 auto;
overflow: hidden;
}

.template-Syx_and_Seven_Terminal.animate-border {
border: 4px solid transparent;
border-image: linear-gradient(270deg, purple, red, green, purple) 1;
border-image-slice: 1;
animation: animated-border-gradient 6s linear infinite;
}

@keyframes animated-border-gradient {
0% {
border-image-source: linear-gradient(270deg, purple, red, green, purple);
}
50% {
border-image-source: linear-gradient(270deg, green, purple, red, green);
}
100% {
border-image-source: linear-gradient(270deg, purple, red, green, purple);
}
}
}

Latest revision as of 17:37, April 18, 2025

.template-Syx_and_Seven_Terminal {
	background: var(--color-surface-4);
	padding: var(--space-md);
	font-family: var(--font-family-monospace);
	border: solid 4px transparent;
	width: 95%;
	margin: 0 auto;
}