MediaWiki:Centralnotice-template-Fundrasier2023 1

.mh-notice { position: relative; /* For dismiss button */ padding: 1rem; padding-right: 3rem; /* Save space for dismiss button */ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem; border-left: 4px solid #a2a9b1; /* WMUI Base 50 */ background: #f8f9fa; /* WMUI Base 90 */ font-family: sans-serif; } .mh-notice--destructive { border-left-color: #d33; /* WMUI Red 50 */ background: #fee7e6; /* WMUI Red w90 */ } .mh-notice--success { border-left-color: #00af89; /* WMUI Green 50 */ background: #d5fdf4; /* WMUI Green 90 */ } .mh-notice--cn { border-left-color: 2C670F; background: #F8FFF5; } .mh-notice__content { display: flex; flex-wrap: wrap; align-content: center; gap: 0.75rem; } .mh-notice__icon { margin-top: 0.25rem; /* HACK: align with text */ } .mh-notice__title { color: #000; /* WMUI Base 0 */ font-weight: bold; font-size: 120%; } .mh-notice__body { color: #202122; /* WMUI Base 10 */ } .mh-notice__buttons { display: flex; flex-wrap: wrap; white-space: nowrap; justify-content: flex-end; gap: 0.25rem; }

.mh-notice__dismiss { position: absolute; top: 0; right: 0; width: 3rem; /* 48px - recommended touch area */ height: 3rem; display: grid; place-content: center; cursor: pointer; } /* No need for active state, as the notice just */ .mh-notice__dismiss:hover { background-color: rgba( 0, 0, 0, 0.05 ); } @media screen and (min-width: 720px) { .mh-notice, .mh-notice__content { flex-wrap: nowrap; } }  <path d="M275.3 250.5c7 7.4 18.4 7.4 25.5 0l108.9-114.2c31.6-33.2 29.8-88.2-5.6-118.8-30.8-26.7-76.7-21.9-104.9 7.7L288 36.9l-11.1-11.6C248.7-4.4 202.8-9.2 172 17.5c-35.3 30.6-37.2 85.6-5.6 118.8l108.9 114.2zm290 77.6c-11.8-10.7-30.2-10-42.6 0L430.3 402c-11.3 9.1-25.4 14-40 14H272c-8.8 0-16-7.2-16-16s7.2-16 16-16h78.3c15.9 0 30.7-10.9 33.3-26.6 3.3-20-12.1-37.4-31.6-37.4H192c-27 0-53.1 9.3-74.1 26.3L71.4 384H16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16h356.8c14.5 0 28.6-4.9 40-14L564 377c15.2-12.1 16.4-35.3 1.3-48.9z"/>        <path id="x" d="M18.717 6.697l-1.414-1.414-5.303 5.303-5.303-5.303-1.414 1.414 5.303 5.303-5.303 5.303 1.414 1.414 5.303-5.303 5.303 5.303 1.414-1.414-5.303-5.303z"/></g> </a>