Difference between revisions of "User:Wookipan/common.css"
(Replaced content with "→Sparkly soldier: li#pt-userpage { background-image: url('/w/images/9/92/Soldier_Login_WikiCap.gif') !important; } .mw-notification { padding: 0; border: none;...") (Tag: Replaced) |
(🩸) |
||
Line 21: | Line 21: | ||
.mw-notification-content .ambox-text br + span:after { | .mw-notification-content .ambox-text br + span:after { | ||
content: ' [click to dismiss]'; | 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%; | ||
+ | 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;} | ||
} | } |
Revision as of 18:06, 6 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%; 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;} }