MediaWiki:Centralnotice-template-TM pilot

<style> .{{{banner}}} {

   position: relative;
   overflow: hidden;
   background: white;
   border: 4px solid #87CEEB;
   margin-bottom: 1em;
   cursor: pointer;
   color: #222;
   font-weight: 500;

}

  1. {{{banner}}}-main {
   display: table;
   width: 100%;
   height: 80px; /* need to set height for height 100% to work on elements within it */

}

.{{{banner}}}-message-container {

   background: white;
   display: table-cell;
   height: 100%;
   vertical-align: middle;

}

/* --- Main message --- */ .{{{banner}}}-message-container img {

   position: absolute;
   right: .0em;
   top: .0em;
   opacity: 0.9;
   height: 80px;
   z-index: 0;

}

.{{{banner}}}-message {

   position: relative;
   margin: 0;
   z-index: 1;
   color: #111;
   line-height: 1.2;
   font-weight: bold;
   padding: 11px 10px 11px 10px;

}

.{{{banner}}}-message p.second {

   font-weight: normal;

}

body.rtl .{{{banner}}}-message {

   padding: 11px 40px 11px 10px;
   background-position: right 10px top 10px;

}

.{{{banner}}}-message p {

   margin: 0;
   font-size: 14px;
   opacity: 1;

} @media (min-width: 1200px) {

   .{{{banner}}}-message p { 
        font-size: 15px; 
   } 

}

@media (min-width: 1300px) { .{{{banner}}}-message p { font-size: 18px; } }

@media (min-width: 1400px) { .{{{banner}}}-message p { font-size: 20px; } }

.{{{banner}}}-greeting {

   font-style: italic;

}

/* --- Close Options --- */

  1. {{{banner}}} div#cn-toggle-box {
position: absolute;
top: 2px;
right: 6px;
z-index: 999;

}

/* --- Full Banner Link --- */

  1. {{{banner}}} a.cn-full-banner-click {
display:block;
height:100%;
width:100%;
text-decoration: none;

}

  1. {{{banner}}} a.cn-full-banner-click:hover {
text-decoration: underline

}

  1. {{{banner}}} div#cn-translation-link {
position:absolute;
z-index:50;
bottom: 5px;
right: 5px;
font-size: 0.7em;

}

body.rtl div#cn-translation-link {

right: auto !important;
left: 5px !important;

}

</style>

 <a class="cn-full-banner-click external text" href="//meta.wikimedia.org/wiki/Special:MyLanguage/Training_modules/Pilot_testing">

{{{text1}}}

{{{text-2}}}

 </a>
   <a href="#" title="Close" onclick="hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/commons/c/cb/Close_x_-_black.png" alt="Close" /></a>