Template:AngelQuarantine/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
No edit summary |
comments later |
||
| Line 15: | Line 15: | ||
font-weight: bold; |
font-weight: bold; |
||
text-align: center; |
text-align: center; |
||
justify-content: center; |
|||
font-size: 1.2rem; |
font-size: 1.2rem; |
||
margin-bottom: 2.2em; |
margin-bottom: 2.2em; |
||
| Line 26: | Line 27: | ||
left: 50%; |
left: 50%; |
||
transform: translateX(-50%); |
transform: translateX(-50%); |
||
bottom: -0.5em; |
bottom: -0.5em; |
||
width: calc(100% + 2em); |
width: calc(100% + 2em); |
||
height: 0.5em; |
height: 0.5em; |
||
Revision as of 13:29, May 2, 2025
#title{
font-size: 35px;
font-weight: bold;
justify-content: center;
text-align: center;
background: #000;
color: #ffea00;
animation: title-flash 1.5s infinite;
}
#subtitle{
display: inline-block;
background: #000;
color: #ffea00;
font-weight: bold;
text-align: center;
justify-content: center;
font-size: 1.2rem;
margin-bottom: 2.2em;
overflow: visible;
animation: subtitle-glow 2.5s infinite;
}
#subtitle::after {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.5em;
width: calc(100% + 2em);
height: 0.5em;
background: repeating-linear-gradient(
-45deg,
#ffea00 0,
#ffea00 25%,
#000 25%,
#000 50%
);
background-size: 0.8em 0.8em;
border-radius: 0 0 0.2em 0.2em;
z-index: 0;
}
@keyframes title-flash {
0%, 50%, 100% { text-shadow: none; }
25%, 75% { text-shadow: 0 0 10px #ffea00; }
}
@keyframes subtitle-glow {
0%, 100% { box-shadow: 0 0 5px #ffea00; }
50% { box-shadow: 0 0 20px #ffea00; }
}