CURRENT MISSION: Conclude the 2026 soyjak.party hack page, aswell as any pages relating to it, such as the Summer 2026 Crisis page.
Update Quotecord with any relevant info. See the blackboard for more info.
Template:Aspie/styles.css: Difference between revisions
From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
MarketPliers (talk | contribs) mNo edit summary Tag: Reverted |
MarketPliers (talk | contribs) mNo edit summary Tag: Reverted |
||
| Line 35: | Line 35: | ||
justify-self: center; | justify-self: center; | ||
align-self: center; | align-self: center; | ||
animation: train-animation | animation: train-animation 7s linear forwards; | ||
} | } | ||
| Line 49: | Line 49: | ||
@keyframes train-animation { | @keyframes train-animation { | ||
from { | from { | ||
left: - | left: -100%; | ||
} | } | ||
to { | to { | ||
left: | left: 200%; | ||
} | } | ||
} | } | ||
Revision as of 23:01, 11 May 2026
.template-aspie {
overflow: hidden;
border: 4px ridge #ffd900;
background: url("https://soyjakwiki.org/images/8/8c/Aspie.svg");
background-size: 4rem;
background-position: center;
text-shadow: 0 1px 2px #523200;
color: white;
box-shadow: inset 0 0 5px 0 #523200;
}
.template-aspie a {
color: #8dff99;
}
.template-aspie .line1 {
font-size: 170%;
}
.template-aspie .random-text-wrapper {
display: flex;
position: relative;
justify-content: center;
}
.template-aspie .random-text {
display: block;
width: 100%;
clip-path: inset(0 100% 0 0);
animation: text-reveal 5s linear forwards;
}
.template-aspie .train {
position: absolute;
justify-self: center;
align-self: center;
animation: train-animation 7s linear forwards;
}
@keyframes text-reveal {
from {
clip-path: inset(0 100% 0 0);
}
to {
clip-path: inset(0 0% 0 0);
}
}
@keyframes train-animation {
from {
left: -100%;
}
to {
left: 200%;
}
}
