MediaWiki:Centralnotice-template-IWD2024

<style type="text/css">

   #iwd {
       padding: 0;
       width: 80%;
       margin-bottom: 1em;
     margin:auto;
       position: relative;
       font-family: Inter, Helvetica, Arial, sans-serif;
       background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/25/Purple_Paper_Texture.png');
     background-repeat: no-repeat;
       background-size: cover;
       background-position: 40% 47%;
   }
   
   #mw-mf-viewport #iwd {
       margin-bottom: 0!important;
   }
   
   #iwd>a {
       display: table;
       table-layout: fixed;
       border: 1px solid rgba(0, 0, 0, 0.3);
       text-align: left;
       width: 100%;
       padding: 0;
       box-shadow: 0.1em 0.1em 0.6em 0 rgba(0, 0, 0, 0.4);
       transition: box-shadow 0.3s;
       height: 3em;
       text-decoration: none;
   }
   
   #iwd>a:hover {
       text-decoration: underline;
       text-decoration-color:#000;
       box-shadow: 0.06em 0.06em 0.4em 0 rgba(0, 0, 0, 0.7);
   }
   
   #iwd,
   #iwd * {
       box-sizing: border-box;
   }
   
   #iwd>a>* {
       display: table-cell;
       vertical-align: middle;
       /*padding: 0.7em 1.5em;*/
   }
   
   #iwd>a .iwd-logo {
       width: 10em;
       height: 6em;
       text-indent: -1000em;
       background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/02/Women%27s_History_Month_Central_Notice_Banner_Collage_02.png');
       background-repeat: no-repeat;
       background-size: contain;
       background-position: 40% 47%;
   }
   
   #iwd .iwd-cta {
       position: relative;
       width: 18em;
       padding-right: 1.5em;
   }
 
 #iwd .iwd-cta p{
   font-size:1.1em;
   color: #000;
   line-height: 1.5;
   padding-left: 5.2em;
   font-family: Inter, Helvetica, Arial, sans-serif;
 }
 
 #iwd .iwd-cta p span{
   font-weight: bold;
 }
   
   #iwd .iwd-close {
       position: absolute;
       right: 0.4em;
       top: 0.4em;
   }
   
   .banner-container {
       margin: 0;
       max-width: 100%;
   }
 
 #cnotice-translation-link {
   position: absolute;
   right: 40px;
   bottom: 10px;
   font-size: 0.8em;
   white-space: nowrap;

}

1. cnotice-translation-link > a {

   padding: 0 5px;

}

1. cnotice-translation-link:hover {

   text-decoration: underline;

}

 /* Media queries */

 @media (min-width: 320px) and (max-width: 480px){
   #iwd > a .iwd-logo {
     display:none;
   }
   #iwd .iwd-cta p{
     padding-left: 1.2em;
     padding-bottom: 5px;
 }
   #iwd {
       padding: 0;
       width: 100%;
   }
   
    #cnotice-translation-link {
   bottom: 5px;

}

 }
 
 @media (min-width: 768px) and (max-width: 1024px) {
   #iwd>a .iwd-logo {
       background-repeat: no-repeat;
 }
   #iwd .iwd-cta p{
   padding-left: 1.5em;
 }
   #iwd {
       padding: 0;
       width: 100%;
   }
 }

</style>

   <a href="https://meta.wikimedia.org/wiki/Celebrate_Women" target="_blank">

{{{headline}}}
{{{text}}}

         {{{cta}}}

   </a>

       <a href="#" title="Hide" onclick="mw.centralNotice.hideBanner();return false;">
           <img border="0" src="https://upload.wikimedia.org/wikipedia/commons/2/20/CloseWindow19x19.png" alt="Hide" /></a>

       [<a id="cn-translation-link" href="//meta.wikimedia.org/wiki/Special:Translate?action=translate&group=Centralnotice-tgroup-IWD2024">Help translate</a>] 

<script>

 $(function() {
   var language = mw.centralNotice.data.uselang;
   var country  = mw.centralNotice.data.country;

});

$( document ).ready(function() { $("a#cn-translation-link").attr("href", "//meta.wikimedia.org/wiki/Special:Translate?action=translate&group=Centralnotice-tgroup-IWD2024" + "&uselang=" + mw.config.get('wgPageContentLanguage')) }); </script>