MediaWiki:Centralnotice-template-wlm 2015 de

From Meta, a Wikimedia project coordination wiki

<style type="text/css">

   #wlm-de{
       padding: 0;
       width: 100%;
       margin-bottom: 1em;
   }
   #wlm-de>a{
       display:table;
       table-layout: fixed;
       border: 1px solid rgba(0,0,0,0.3);
       background-color: #FFF;
       font-size: 16px;
       font-weight:bold;
       line-height: 1.125;
       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;
       min-height: 63px;
       text-decoration: none;
   }    
   #wlm-de>a:hover{
       text-decoration: none;        
       box-shadow: 0.06em 0.06em 0.4em 0 rgba(0,0,0,0.7);
   }    
   #wlm-de, #wlm-de *{
       box-sizing: border-box;
   }    
   #wlm-de>a>*{
       display: table-cell;
       vertical-align: middle;
       padding: 0.7em 1.5em;
   }
   #wlm-de>a .wlm-logo{        
       width:13em;  
       text-indent: -1000em;
       background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/cb/WLM_2012_horiz.svg/200px-WLM_2012_horiz.svg.png');
       background-repeat: no-repeat;
       background-size: auto 75%;
       background-position: 40% 47%;
   }
   #wlm-de>a .wlm-image {
       background-size: auto 100%;
       background-repeat: repeat-x;
       background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/WLM-Banner-Bg.jpg/715px-WLM-Banner-Bg.jpg');
       background-position: 0 50%;
       transition: background-position 4s;
   }
   #wlm-de>a:hover .wlm-image {
       background-position: 100% 50%;
   }
   #wlm-de .wlm-cta {
       position: relative;
       background-color: #8F0000;
       color: #FFF;
       width:20em;
       padding-right: 1.5em;
   }
   
   #wlm-de .wlm-cta:after {
       position: absolute;
       right: 0.7em;
       top: 50%;
       transform: translateY(-61%);
       
       content: '»';
       display: block;
       font-size: 2em;
       font-weight: normal;
       
       transition: right 0.3s;
   }
   #wlm-de a:hover .wlm-cta:after {
       right: 0.4em;
   }
   #wlm-de .wlm-close{
       position: absolute;
       right: 0.4em;
       top: 0.4em;        
   }
   
   @media screen and (max-width:719px){
       #wlm-de>a{
           display:block;
           table-layout: auto;
       }
       #wlm-de>a>*{
           display:block;
           width:100%!important;
           min-height:63px;
       }   
       #wlm-de>a .wlm-logo{
           background-position: 48% 47%;
       }
       #wlm-de>a br{
           display:none;
       }    
       #wlm-de .wlm-close{
           right: 1em;
           top: 1em;        
       }  
   }

</style>

   <a href="http://wikilovesmonuments.de/?pk_campaign=Centralnotice" target="_blank">
{{{text}}}
   </a>
       <a href="#" title="Hide" onclick="mw.centralNotice.hideBanner();return false;">
       <img border="0" src="https://upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Hide" /></a>