Difference between revisions of "User:Wookipan/common.css"
(🩸) |
m |
||
Line 63: | Line 63: | ||
background-color: #9b2020; | background-color: #9b2020; | ||
border-radius: 100%; | border-radius: 100%; | ||
+ | transform: scale(0); | ||
animation: blood-drip 4s cubic-bezier(1,0,.91,.19) infinite; | animation: blood-drip 4s cubic-bezier(1,0,.91,.19) infinite; | ||
} | } |
Revision as of 19:56, 9 October 2023
/* Sparkly soldier */ li#pt-userpage { background-image: url('/w/images/9/92/Soldier_Login_WikiCap.gif') !important; } .mw-notification { padding: 0; border: none; box-shadow: none; } .mw-notification-content .ambox { margin: 0; } .mw-notification-content .ambox .ambox-image { padding: 10px; padding-right: 2px; } .mw-notification-content .ambox-text br + span:after { content: ' [click to dismiss]'; } /* Main page event banner testing */ @font-face { font-family: 'PostCrypt Regular'; src: url('https://db.onlinewebfonts.com/t/99d5c7cd91178d2181014e8835080125.eot'); src: url('https://db.onlinewebfonts.com/t/99d5c7cd91178d2181014e8835080125.eot?#iefix')format('embedded-opentype'), url('https://db.onlinewebfonts.com/t/99d5c7cd91178d2181014e8835080125.woff2')format('woff2'), url('https://db.onlinewebfonts.com/t/99d5c7cd91178d2181014e8835080125.woff')format('woff'); } .mp-event-text { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'PostCrypt Regular'; font-weight: normal; font-style: normal; font-size: 4rem; color: #9b2020; text-shadow: 2px 2px #430000; pointer-events: none; } .mp-event-text div { position: relative; } .blooddrop { position: absolute !important; width: 10px; height: 15px; top: 0; margin: 0; background-color: #9b2020; border-radius: 100%; transform: scale(0); animation: blood-drip 4s cubic-bezier(1,0,.91,.19) infinite; } .blooddrop:before { content: ''; position: inherit; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 15px solid #9b2020; top: -10px; left: 1px; } .blooddrop:nth-of-type(1) { left: 12px; top: 0; animation-delay: 1s; } .blooddrop:nth-of-type(2) { left: 116px; top: -5px; animation-delay: 3s; } .blooddrop:nth-of-type(3) { left: 201px; top: 10px; animation-delay: 4s; } .blooddrop:nth-of-type(4) { left: 283px; top: -10px; animation-delay: 5.5s; } .blooddrop:nth-of-type(5) { left: 395px; top: 10px; animation-delay: 4.5s; } .blooddrop:nth-of-type(6) { left: 600px; top: 30px; animation-delay: 3.2s; } @keyframes blood-drip { 0% {transform: scale(.3); top: 0;} 100% {transform: scale(1); top: 300px;} }