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:OMGSISA/styles.css: Difference between revisions
From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
Cobblestone (talk | contribs) mNo edit summary |
Cobblestone (talk | contribs) mNo edit summary Tag: Reverted |
||
| Line 18: | Line 18: | ||
100% { | 100% { | ||
background-position: 100px 100px; | background-position: 100px 100px; | ||
} | |||
} | |||
@media screen and (max-width: 480px) { | |||
.heart { | |||
flex-direction: column; | |||
padding: 5px; | |||
} | |||
.heart img { | |||
max-width: 60px; | |||
} | |||
.heart div { | |||
font-size: 18px; | |||
} | } | ||
} | } | ||
Revision as of 07:16, 11 October 2025
.heart {
background: pink;
background-size: 100px 100px;
background-repeat: repeat;
background-image:
radial-gradient(circle at 37% 42%, red 17%, rgba(255, 255, 255, 0) 17%),
radial-gradient(circle at 63% 42%, red 17%, rgba(255, 255, 255, 0) 17%),
linear-gradient(to top left, pink 37%, rgba(255, 255, 255, 0) 37%),
linear-gradient(to top right, pink 37%, rgba(255, 255, 255, 0) 37%),
radial-gradient(circle at 50% 58%, red 30%, rgba(255, 255, 255, 0) 30%);
animation: heartAnim 10s infinite linear;
}
@keyframes heartAnim {
0% {
background-position: 0 0;
}
100% {
background-position: 100px 100px;
}
}
@media screen and (max-width: 480px) {
.heart {
flex-direction: column;
padding: 5px;
}
.heart img {
max-width: 60px;
}
.heart div {
font-size: 18px;
}
}
