|
|
| 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%;
| |
| − | 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;}
| |
| | } | | } |
