MediaWiki:Centralnotice-template-WMDE editor campaign 2017 2
Appearance
<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>
<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>