Anonymous user
MediaWiki:Mobile.css: Difference between revisions
m
.msgbox now uses gap.
imported>Ttv pedro270707 mNo edit summary |
imported>Ttv pedro270707 m (.msgbox now uses gap.) |
||
| (16 intermediate revisions by the same user not shown) | |||
| Line 160: | Line 160: | ||
display: inline-block; | display: inline-block; | ||
transform-origin: center center; | transform-origin: center center; | ||
left: 100%; | |||
top: | top: 100%; | ||
animation: splash 0.5s linear infinite !important; | animation: splash 0.5s linear infinite !important; | ||
white-space: nowrap; | |||
} | } | ||
| Line 170: | Line 171: | ||
padding: 5px; | padding: 5px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
display: inline- | display: inline-flex; | ||
align-items: center; | |||
gap: 10px; | |||
} | } | ||
| Line 496: | Line 499: | ||
@keyframes splash { | @keyframes splash { | ||
0% { | 0% { | ||
transform: scale(1.1) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg); | ||
} | } | ||
10% { | 10% { | ||
transform: scale(1.0690983005625) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0690983005625) rotateZ(-20deg); | ||
} | } | ||
20% { | 20% { | ||
transform: scale(1.0412214747708) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0412214747708) rotateZ(-20deg); | ||
} | } | ||
30% { | 30% { | ||
transform: scale(1.0190983005625) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0190983005625) rotateZ(-20deg); | ||
} | } | ||
40% { | 40% { | ||
transform: scale(1.0048943483705) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0048943483705) rotateZ(-20deg); | ||
} | } | ||
50% { | 50% { | ||
transform: scale(1) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1) rotateZ(-20deg); | ||
} | } | ||
60% { | 60% { | ||
transform: scale(1.0048943483705) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0048943483705) rotateZ(-20deg); | ||
} | } | ||
70% { | 70% { | ||
transform: scale(1.0190983005625) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0190983005625) rotateZ(-20deg); | ||
} | } | ||
80% { | 80% { | ||
transform: scale(1.0412214747708) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0412214747708) rotateZ(-20deg); | ||
} | } | ||
90% { | 90% { | ||
transform: scale(1.0690983005625) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.0690983005625) rotateZ(-20deg); | ||
} | } | ||
100% { | 100% { | ||
transform: scale(1.1) rotateZ(-20deg); | transform: translate(-50%, -50%) scale(1.1) rotateZ(-20deg); | ||
} | } | ||
} | } | ||