MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad
<a href="https://itunes.apple.com/de/artist/christian-wolf/id903688769/"><img src="//hurraki.de/w/images/7/74/Leichte_Sprache_App_Apple_banner.jpg" title="Leichte Sprache App für iPhone und iPad" style="border: none; float: middle; width: 800px; height: 221px; margin-right: .8em; vertical-align: middle;" /></a>
<a href="#" title="Schließen" onclick="mw.centralNotice.hideBanner();return false;"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" alt="Schließen" /></a>
<style>
- centralNotice.collapsed #{{{banner}}}{
display: none;
}
- {{{banner}}} {
background-color: #ffcc00; display: block; padding: 0; text-align: center; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; position: fixed; z-index: 100;
}
- {{{banner}}} hr {
height: 1px; background-color: #ffffff; color: #ffffff; border: none; margin: 12px 0 8px 0;
}
- {{{banner}}}_collapsed {
padding: 6px;
}
- {{{banner}}}_btn-close {
width: 20px; height: 20px; border-radius: 10px; font-size: 12px; line-height: 20px; position: absolute; top: 5px; right: 5px; color: #cccccc; background-color: #ffffff;
}
- {{{banner}}}_collapsed span.btext-highlight {
background-color: yellow; font-weight: bold;
}
- {{{banner}}}_expanded {
display: none; padding-bottom: 10px;
}
- {{{banner}}}_btn-expand {
background: url(//upload.wikimedia.org/wikipedia/donate/f/f1/Circle-down-arrow.png) no-repeat; width: 25px; height: 20px; display: inline-block; margin-left: 5px;
}
- {{{banner}}}_amount-options input {
display: none;
} .{{{banner}}}_banner-text {
line-height: 20px; text-align: left; padding-right: 20px;
} div.{{{banner}}}_bigger {
font-size: 16px; font-weight: bold; line-height: 18pt;
} div.{{{banner}}}_smaller {
font-size: 12px; margin-bottom: 10px;
}
- {{{banner}}}_amount-options {
} .{{{banner}}}_amount-label {
display: inline-block; background-color: #fef599; padding: 6px 0; height: 30px; width: 70px; line-height: 30px; border-radius: 10px; margin: 0 2px 16px 2px; font-size: 25px; font-weight: bold; cursor: pointer;
} div#{{{banner}}} input[type="radio"]:checked+label {
background-color: #ffffff;
} .{{{banner}}}_smaller-pale {
font-size: 12px; line-height: 14pt; color: #988a00; margin: 10px 0;
} .{{{banner}}}_btn-white {
background-color: #ffffff; color: #000000; font-size: 15px; border-radius: 8px; text-align: center; padding: 5px; cursor: pointer; border: none; margin: 0 auto;
} .{{{banner}}}_btn-big {
background-color: #ffffff; color: #000000; font-size: 23px; font-weight: bold; border-radius: 8px; text-align: center; cursor: pointer; border: none; height: 45px; line-height: 45px; width: 276px; margin: 0 auto;
} .{{{banner}}}_btn-symbol {
font-size: 1.2em; line-height: 0.8em;
} .{{{banner}}}_btn-big a, .{{{banner}}}_btn-big a:hover {
color: #cccccc; text-decoration: none;
} .{{{banner}}}_disclaimer a, .{{{banner}}}_disclaimer a:hover {
font-size: 12px; line-height: 14pt; color: #988a00; text-decoration: none;
} </style> <script> function addBannerSpace() {
var bannerHeight = $('#{{{banner}}}_collapsed').outerHeight(); var cssString = '#mw-mf-viewport { top: ' + bannerHeight + 'px; } .mw-mf-overlay { top: ' + bannerHeight + 'px; }'; mw.util.addCSS(cssString);
}
$( document ).ready( function() {
$('#siteNotice').prependTo('body'); $('#{{{banner}}}').css('display', 'block'); addBannerSpace(); $(window).resize(function() { addBannerSpace(); }); $( '#{{{banner}}}_btn-close' ).click( function() { hideBanner(); var cssString = '#mw-mf-viewport { top: 0; } .mw-mf-overlay { top: 0; }'; mw.util.addCSS(cssString); }); $( '#{{{banner}}}_btn-ppl' ).click( function() { if( $( 'input[name=betrag]:checked' ).length > 0 ) { $( '#{{{banner}}}_form' ).submit(); } else { alert( "Bitte wählen Sie einen Spendenbetrag aus." ); } }); $( '#{{{banner}}}_btn-expand, #{{{banner}}}_banner-text-closed' ).click( function() { if ($("#wmde-expand-track").attr("src") == "") { $("#wmde-expand-track").attr("src", encodeURI("https://spenden.wikimedia.de/piwik/piwik.php?idsite=1&url=https://spenden.wikimedia.de/banner-expanded/{{{BannerName}}}&rec=1")); } $( "html, body" ).animate({ scrollTop: 0 }, "0"); $( '#{{{banner}}}' ).css( 'position', 'absolute' ); $( '#{{{banner}}}_expanded' ).slideDown(); $( "#{{{banner}}}_banner-text-opened" ).show(); $( "#{{{banner}}}_banner-text-closed" ).hide(); }); $( '#{{{banner}}}_btn-form-close' ).click( function() { $( '#{{{banner}}}' ).css( 'position', 'fixed' ); $( '#{{{banner}}}_expanded' ).slideUp(); $( "#{{{banner}}}_banner-text-opened" ).hide(); $( "#{{{banner}}}_banner-text-closed" ).show(); });
}); </script>