MediaWiki:Centralnotice-template-trilogy thankyou 2024a

<style>

/* css variables */

root {

   --wmui-base100: #fff;
   --wmui-base90: #f8f9fa;
   --wmui-base80: #eaecf0;
   --wmui-base70: #c8ccd1;
   --wmui-base50: #a2a9b1;
   --wmui-base30: #72777d;
   --wmui-base20: #54595d;
   --wmui-base10: #202122;
   --wmui-base0: #000;
   --wmui-accent: #36c;
   --wmui-accent-light: #eaf3ff;
   --wmui-accent-dark: #2a4b8d;
   --wmui-red: #d33;
   --wmui-red-light: #fee7e6;
   --wmui-red-dark: #b32424;
   --wmui-green: #00af89;
   --wmui-green-light: #d5fdf4;
   --wmui-green-dark: #14866d;
   --wmui-yellow: #fc3;
   --wmui-yellow-light: #fef6e7;
   --wmui-yellow-dark: #ac6600;
   --frb-primary: #900;
   --frb-primary-light: #fee7e6;
   --frb-primary-dark: var(--frb-primary);
   --frb-body: var(--wmui-base0);
   --frb-link: var(--wmui-accent);
   --frb-link-hover: #447ff5;
   --frb-message-background: var(--wmui-base100);
   --frb-message: var(--wmui-base0);
   --frb-muted: var(--wmui-base20);
   --frb-muted-hover: var(--wmui-base0);
   --frb-radio: var(--wmui-accent);
   --frb-button: var(--wmui-base90);
   --frb-button-border: var(--wmui-base50);
   --frb-button-hover: var(--wmui-base100);
   --frb-button-border-hover: var(--wmui-base50);
   --frb-button-focus: var(--wmui-base90);
   --frb-button-border-focus: var(--wmui-accent);
   --frb-button-selected: var(--wmui-accent-dark);
   --frb-button-border-selected: #7d8389;
   --frb-submit: var(--wmui-accent);
   --frb-submit-border: var(--wmui-accent);
   --frb-submit-hover: #447ff5;
   --frb-submit-border-hover: #447ff5;
   --frb-error: var(--frb-primary);

}

/* Hide when editing */ .action-edit .prg, .ve-activated .prg {

   display: none !important;

}

1. centralNotice.collapsed .prg {

   display: none;

}

/* z-index override for #siteNotice now having .mw-body-content class [1] */

1. siteNotice {

   z-index: auto;

}

/* z-index override for German Wikipedia */ .mw-body {

   z-index: auto;

}

/* Box-sizing */ .prg, .prg *, .prg *:before, .prg *:after {

   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

}

/* Inline banner styles

---

*/

/*Reset focus outlines*/ .prg-inline-main:focus, .prg-inline-close:focus {

   outline: 0;

}

.prg {

   position: relative;
   text-align: left;
   margin-bottom: 24px;

}

body.rtl .prg {

   text-align: right;

}

.prg-inline-main {

   font-family: system-ui, -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
   width: 100%;
   padding: 16px;
   border-radius: 5px;
   -webkit-box-shadow: 0px 0px 10px 1px rgba(210,210,210,0.75);
   -moz-box-shadow: 0px 0px 10px 1px rgba(210,210,210,0.75);
   box-shadow: 0px 0px 10px 1px rgba(210,210,210,0.75);

}

@media all and (min-width: 740px) {

   .prg-inline-main {
       padding: 20px;
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: center;
       align-content: stretch;
       align-items: flex-start;
   }

}

.prg-inline-main:hover {

   -webkit-box-shadow: 0px 0px 10px 1px rgba(210,210,210,1);
   -moz-box-shadow: 0px 0px 10px 1px rgba(210,210,210,1);
   box-shadow: 0px 0px 10px 1px rgba(210,210,210,1);

}

.prg-stamp {

   margin: auto auto 1rem;
   text-align: center;

}

@media all and (min-width: 740px) {

   .prg-stamp {
       text-align: left;
       order: 0;
       flex: 0 1 150px;
       align-self: center;
       margin: auto 1.5rem auto .5rem;
   }

}

.prg-stamp img {

   margin: auto;

}

.prg-inline-message {

   font-size: 16px;
   line-height: 1.375; /*22px @16px*/

}

@media all and (min-width: 740px) {

  .prg-inline-message {
       order: 0;
       flex: 0 1 100%;
       align-self: center;
   }

}

@media all and (min-width: 960px) {

   .prg-inline-message {
       line-height: 1.3125; /*21px @16px*/
   }

}

@media all and (min-width: 1440px) {

   .prg-inline-message {
       font-size: 20px;
       line-height: 1.3; /*26px @21px*/
   }

}

.prg-inline-message p {

   margin: 0.5em 0;

}

.prg-inline-message p:first-of-type {

   margin-top: 0;

}

.prg-inline-message p:last-of-type {

   margin-bottom: 0;

}

p.prg-inline-message-greeting {

   padding-right: 20px;

}

.prg-inline-message a {

   color: #36c;
   font-weight: 600;

}

.prg-inline-message a:focus, .prg-inline-message a:hover {

   text-decoration: underline;

}

/* --- Close button --- */

.prg-inline-close {

   position: absolute;
   top: 0;
   right: 0;
   padding: 8px;
   cursor: pointer;

}

body.rtl .prg .prg-inline-close {

   right: auto;
   left: 0;

}

@media all and (min-width: 640px) {

   .prg-inline-close {
       padding: 12px;
   }

}

.prg-inline-close .prg-icon-close path {

   stroke: #222;

}

.prg-inline-close .prg-icon-close circle {

   fill: #fff;

}

.prg-inline-close:hover .prg-icon-close circle, .prg-inline-close:focus .prg-icon-close circle {

   stroke: #36c;

}

.prg-inline-close:hover .prg-icon-close path, .prg-inline-close:focus .prg-icon-close path {

   stroke: #36c;

}

.prg-icon-close {

   width: 28px;
   height: 28px;

}

.prg-dismiss-link {

   position: absolute;
   bottom: 0;
   right: 0;
   padding: 16px;
   cursor: pointer;
   font-size: 14px;

}

.prg-dismiss-link:hover {

   color: #36c;

}

body.rtl .prg .prg-dismiss-link {

   right: auto;
   left: 0;

}

.prg-read-more-link {

   cursor: pointer;

}

.prg-expand {

   display: none;
   margin-bottom: 24px;

}

.cn-click {

   position:absolute;

}

/* wmf identity */

.frb-wmf-identity {

   position: absolute;
   bottom: 0;
   right: 50%;
   padding: 1rem;
   width: 100%;
   max-width: 100%;
   clear: both;
   color: var(--wmui-base0);
   background: var(--wmui-base80);
   display: flex;
   justify-content: center;
   transform: translateX(50%);

}

.frb-wmf-identity-logo {

   max-width: 100px;
   flex: 0 0 100px;
   display: flex;
   align-items: center;
   margin: 0;

}

.frb-wmf-identity-logo img {

   width: 100%;
   max-width: 100%;

}

@media (max-width: 859px) {

   .frb-wmf-identity {
       flex-direction: column;
       align-items: center;
       justify-content: flex-end;
   }
   .frb-wmf-identity-logo {
       flex: 0 0 auto;
   }

}

.frb-wmf-identity-message {

   flex: 0 1 auto;
   font-size: 14px;
   display: flex;
   align-items: center;
   padding-left: 20px;
   color: var(--wmui-base0);

}

.frb-wmf-identity-message p {

   margin: 0;
   font-size: 13px;

}

</style>

       <figure class="prg-stamp">
            <img src="https://design.bytrilogy.com/wikimedia/ty-stamp-2024.png" alt="Thank You"/>
       </figure>

Thank you!

The contributions we receive from our community of readers, editors and donors will keep us strong in 2022. We invite you to learn more about the Wikimedia Foundation and our mission to provide free knowledge to every single person on the planet.

<a class="prg-read-more-link" href="https://wikimediafoundation.org/our-work/">Learn more about our work →</a>

                  <img src="https://upload.wikimedia.org/wikipedia/donate/1/14/Wikimedia_Foundation_logo_-_wordmark.svg" alt="Wikimedia Foundation Logo" />

Proud host of Wikipedia and its sister sites

   
       <svg class="prg-icon prg-icon-close" role="img" aria-labelledby="prg-icon-close-title" width="34" height="34" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title id="prg-icon-close-title">Close</title><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#A2A9B1" fill="#F8F9FA" cx="16" cy="16" r="16"></circle><path d="M10 10l12 12m0-12L10 22" stroke="#36C" stroke-width="2" stroke-linecap="square"></path></g></svg>
   

<script> var prg = prg || {};

prg.wrap_url = function() {

   $( ".prg-covid-article-link" ).wrap('<a href="{{{Programmatic_translations_2020,covid-article-link}}}" />');

}

/** Provides alterImpressionData hook for CentralNotice

*  This info will be sent back with Special:RecordImpression
*/

mediaWiki.centralNotice.bannerData.alterImpressionData = function( impressionData ) {

   // Returning true from this function indicates the banner was shown
   if (mediaWiki.centralNotice.bannerData.hideReason) {
       impressionData.reason = mediaWiki.centralNotice.bannerData.hideReason;
   }
   if (mediaWiki.centralNotice.bannerData.cookieCount) {
       impressionData.banner_count = mediaWiki.centralNotice.bannerData.cookieCount;
   }
   
   return !mediaWiki.centralNotice.bannerData.hideResult;

};

prg.getCurrentDate = function() {

   var today = new Date();
   var dd = today.getDate();
   var mm = today.getMonth()+1; //January is 0!
   var yyyy = today.getFullYear();

   if(dd<10) {
       dd='0'+dd;
   }
   if(mm<10) {
       mm='0'+mm;
   }

   today = mm+'/'+dd+'/'+yyyy;
   return today;

};

prg.insertInlineBanner = function() {

   var $inlineBanner = $('#prg-inline');
   if ( window.___location.href.indexOf('m.wikipedia') > -1 ) {
       $('.pre-content').prepend( $inlineBanner );
   } else {
       $('#siteNotice').prepend($('#centralNotice'));
   }
   $inlineBanner.css('display', 'block');

};

$(function() {

   // Close top banner on click or return
   $('.prg-inline-close').on('click keypress', function(e) {
       if (e.which === 13 || e.type === 'click') {
           $('#prg-inline').hide();
           mw.centralNotice.hideBanner();
           e.stopPropagation();
       }
   });

   /* Dismiss option */
   $('.prg-dismiss-link').on('click', function(e) {
       $('#prg-inline').hide();
       mw.centralNotice.hideBanner();
       $(window).scrollTop(0);
   });

   /* Hide banner outside of main namespace (and Main Page, for sites where that isn't in main namespace) */
   if ( mw.config.get('wgNamespaceNumber') > 0 && !mw.config.get('wgIsMainPage') ) {
       mw.centralNotice.bannerData.hideResult = true;
       mw.centralNotice.bannerData.hideReason = 'namespace';
   }

   if (!mw.centralNotice.bannerData.hideResult) {
       prg.wrap_url();
       prg.insertInlineBanner();
   }

   // Adjustments for mobile
   if ( window.___location.href.indexOf('m.wikipedia') > -1 ) {
       $('.prg').addClass('prg--is-mobile');
   }

   /* Read more message */
   $('.prg-read-more-link').on('click keypress', function(event){
       if ( event.which === 13 || event.type === 'click' ) {
           event.stopPropagation();

           if ( $('.prg-expand').css('display') == 'none' ) {
               $(this).hide();
               $('.prg-expand').slideDown();
           }
       }
   });

}); </script>