MediaWiki:Centralnotice-template-WMDE editor campaign 2017

<style>

 #{{{banner}}}-wrapper {
   position: absolute;
   width: 100%;
   text-align: center;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
   overflow: hidden;
 }

 #{{{banner}}} {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0 auto;
   padding: 1.5em 3em;
   min-width: 800px;
   max-width: 1200px;
 }

 .{{{banner}}}-text-wrapper {
   display: inline-block;
   position: relative;
 }

 .{{{banner}}}-text {
   font-size: 1.4em;
   font-weight: bold;
   text-align: left;
   color: #636466;
   padding: 0 0 0.4em 0;
   position: relative;
 }

 .{{{banner}}}-text-sub {
   font-size: 0.9em;
   text-align: left;
   color: #636466;
 }

 .{{{banner}}}-text-marked {
   background-repeat: no-repeat;
   background-position: 0 30px;
   padding: 0 0 1em;
 }

 .mark-left-tip {
   background-image: url( '//upload.wikimedia.org/wikipedia/commons/1/12/Marked-left.png' );
 }

 .mark-right-tip {
   background-image: url( '//upload.wikimedia.org/wikipedia/commons/a/a1/Marked-right.png' );
   background-position: -30px 30px;
 }

 .mark-middle {
   background-image: url( '//upload.wikimedia.org/wikipedia/commons/9/9c/Marked-middle.png' );
   background-repeat: repeat-x;
 }

 .text-marker {
   position: absolute;
   top: 30px;
   margin-left: 5px;
 }

 .{{{banner}}}-button {
   background-color: #ffffff;
   width: 160px;
   box-shadow: 0.5px 2px 5px 1px #ccc;
   padding: 2px;
   margin: 2px 2px 2px 80px;
   display: inline-block;
   vertical-align: top;
 }

 .{{{banner}}}-button-inner {
   font-size: 1em;
   font-weight: bold;
   line-height: 1.1em;
   text-align: center;
   background-color: #3da366;
   color: #ffffff;
   padding: 10px 0;
 }

 .{{{banner}}}-button-link,
 .{{{banner}}}-button-link:hover,
 .{{{banner}}}-button-link:visited {
   color: #ffffff;
   text-decoration: none;
 }

 #{{{banner}}}-close {
   display: inline-block;
   position: absolute;
   right: .5em;
   top: .5em;
   z-index: 999;
   font-size: .8em;
   text-transform: uppercase;
 }

 #{{{banner}}}-close-label {
   display: inline-block;
   cursor: pointer;
   opacity: .5;
   z-index: 999;
   padding: 0 0 1em 1em;
 }

 #{{{banner}}}-close-label:hover {
   opacity: 1;
 }

 #{{{banner}}}-close-icon {
   background: url('//upload.wikimedia.org/wikipedia/donate/3/32/Close-thin.png') no-repeat center center;
   width: 9px;
   height: 9px;
   float: right;
   display: block;
   margin: .2em .4em;
 }

 #{{{banner}}}-close-icon::after {
   clear: both;
 }

 #{{{banner}}}-close-tracking {
   display: none;
 }

 @media (min-width: 980px) {
   .{{{banner}}}-text {
     font-size: 1.5em;
   }

   .{{{banner}}}-text {
     font-size: 1.5em;
   }

   .{{{banner}}}-text-sub {
     font-size: 1em;
   }

   .{{{banner}}}-text-marked {
     background-position: 0 32px;
   }

   .{{{banner}}}-button-inner {
     font-size: 1em;
   }

   .text-marker {
     top: 32px;
   }

   .mark-right-tip {
     background-position: -25px 32px;
   }
 }

 @media (min-width: 1100px) {
   .{{{banner}}}-text {
     font-size: 1.8em;
   }

   .{{{banner}}}-text-sub {
     font-size: 1.1em;
   }

   .{{{banner}}}-text-marked {
     background-position: 0 37px;
   }

   .{{{banner}}}-button-inner {
     font-size: 1.1em;
   }

   .text-marker {
     top: 37px;
   }

   .mark-right-tip {
     background-position: -15px 37px;
   }
 }

 @media (min-width: 1200px) {
   .{{{banner}}}-text {
     font-size: 1.9em;
   }

   .{{{banner}}}-text-sub {
     font-size: 1.2em;
   }

   .{{{banner}}}-text-marked {
     background-position: 0 37px;
   }

   .{{{banner}}}-button-inner {
     font-size: 1.2em;
   }

   .text-marker {
     top: 37px;
   }

   .mark-right-tip {
     background-position: -15px 37px;
   }
 }

</style>

   
     Schließen
     
   

   <img id="{{{banner}}}-close-tracking" src="" border="0" width="0" height="0" />

 <a class="{{{banner}}}-button-link" href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/Fehler_korrigieren?campaign=wmde2017spring&wmdesource=bannerclick">

         Sind dir schon mal Feler in Wikipedia a<img class="text-marker" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/66/Text-marker.png/250px-Text-marker.png">ufgefallen?

         Du kannst sie korrigieren.

         JETZT
ANFANGEN

 </a>

<script> $( document ).ready( function () {

 addBannerSpace();
 $( 'body' ).prepend( $( '#centralNotice' ) );

 $( '#{{{banner}}}-close' ).click( function () {
   if ( Math.random() < 0.01 ) {
     $( '#{{{banner}}}-close-tracking' ).attr( 'src', 'https://tracking.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-closed/{{{banner}}}-{{{traffic-limit}}}&rec=1' );
   }

   $( '#{{{banner}}}-wrapper' ).hide();
   removeBannerSpace();

   return false;
 } );

 $( '#ca-ve-edit, .mw-editsection-visualeditor' ).click( function () {
   $( '#{{{banner}}}' ).hide();
   removeBannerSpace();
 } );

} );

function addBannerSpace() {

 var bannerHeight = $( '#{{{banner}}}-wrapper' ).height() + 20;
 switch( mw.config.get( 'skin' ) ) {
   case 'vector':
     $( '#mw-panel' ).css( 'top', bannerHeight + 160 );
     $( '#mw-head' ).css( 'top', bannerHeight );
     $( '#mw-page-base' ).css( 'padding-top', bannerHeight );
     break;
   case 'monobook':
     $( '#globalWrapper' ).css( 'position', 'relative' );
     $( '#globalWrapper' ).css( 'top', bannerHeight );
     $( '#{{{banner}}}' ).css( 'top', '-20px' );
     $( '#{{{banner}}}' ).css( 'background', 'none' );
     break;
 }

}

function removeBannerSpace() {

 switch ( mw.config.get( 'skin' ) ) {
   case 'vector':
     $( '#mw-panel' ).css( 'top', 160 );
     $( '#mw-head' ).css( 'top', 0 );
     $( '#mw-page-base' ).css( 'padding-top', 0 );
     break;
   case 'monobook':
     $( '#globalWrapper' ).css( 'position', 'relative' );
     $( '#globalWrapper' ).css( 'top', 0 );
     break;
 }

} </script>