MediaWiki:Centralnotice-template-Leichte Sprache Banner iPad: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<style type="text/css"> | |||
#centralNotice.collapsed #{{{banner}}}{ | #centralNotice.collapsed #{{{banner}}}{ | ||
display: none; | display: none; |
Version vom 10. September 2018, 15:11 Uhr
<style type="text/css">
#centralNotice.collapsed #{{{banner}}}{ display: none; } div#{{{banner}}} { background: transparent; display: none; font-family: Arial, Helvetica, Verdana, sans-serif; overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; } div#{{{banner}}} div#{{{banner}}}-facts { cursor: pointer; padding: 3px 0; position: relative; text-align: center; } div.{{{banner}}}-facts-bg { background: #FFCC00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 16px; } div#{{{banner}}} div#{{{banner}}}-facts p { text-align: center; padding: 2px 5px; margin: 0; color: #000; font-size: 18px; font-weight: bold; line-height: 20pt; display: inline-block; } div#{{{banner}}} div#{{{banner}}}-facts p span.{{{banner}}}-highlight { background-color: yellow; padding: 5px; } div#{{{banner}}} div#{{{banner}}}-facts p img { margin-right: 40px; } div#{{{banner}}} span#{{{banner}}}-tab { background: #FFCC00 url(//upload.wikimedia.org/wikipedia/foundation/d/d4/Expandable-toggle.png) no-repeat; background-position: 423px -31px; border: 1px solid #a7a7a7; border-top: none; border-radius: 0 0 5px 5px; color: #000; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 25px; line-height: 25px; margin: 0 auto; position: relative; text-align: center; width: 446px; z-index: 100; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div#{{{banner}}} span#{{{banner}}}-tab.close { background-position: 423px 4px; } div#{{{banner}}} span#{{{banner}}}-close { background: url(//upload.wikimedia.org/wikipedia/donate/2/27/Small-white-close.png) no-repeat center center black; cursor: pointer; display: block; height: 21px; position: absolute; text-indent: -9999px; right: 0; top: 0; width: 21px; } div#{{{banner}}} div#{{{banner}}}-landing { background: #fff; border-bottom: 10px solid #FFCC00; display: none; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 30px 0 40px 0; width: 100%; } div#{{{banner}}} div#{{{banner}}}-landing:after { clear: both; content: ; display: block; height: 0; visibility: hidden; } div#{{{banner}}} div#{{{banner}}}-landing span.landing-close { color: #3f3f3f; cursor: pointer; font-size: 12px; position: absolute; right: 10px; top: 10px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left { float: left; font-size: 13px; line-height: 18px; margin: 0 2%; padding: 0; width: 56%; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-left h3 { border-bottom: 1px solid #000; font-size: 20px; font-weight: bold; line-height: 22px; margin: 0 0 10px 0; padding: 0 0 10px 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right { background: #CCE7CD; border: 1px solid #a3bfb1; border-radius: 10px; float: right; font-size: 13px; line-height: 18px; margin: 0 2% 0 0; padding: 2%; text-align: left; width: 33%; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right h4 { font-size: 20px; font-weight: bold; line-height: 22px; margin: -20px 0 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p { margin: 0 0 5px 0; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p span { font-size: 10px; line-height: 12px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right span { font-size: 0.8em; line-height: 0.8em; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul { margin: 0; padding-top: 2px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul li { display: inline-block; font-size: 10px; line-height: 14px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form span { white-space: nowrap; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form label { /* font-weight: bold; */ margin: 0 10px 0 3px; } div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right form button { cursor: pointer; margin: 10px 5px 0 5px; display: block; } div#{{{banner}}} div#{{{banner}}}-facts p b { color: black; } div#{{{banner}}}:hover div#{{{banner}}}-facts p b { text-decoration: none; } label.lblInterval { display: inline-block; width: 70px; font-size: 1.2em; } label.lblAmount { display: inline-block; width: 40px; font-size: 1.2em; } #donationMeterWrapper { position: relative; width: 800px; margin: 0 auto 16px auto; } #donationMeter { margin: 0 auto; width: 800px; height: 32px; background: #FF6C00; border-radius: 8px; border: 2px solid #FF6C00; } #donationFill { position: absolute; top: 2px; left: 2px; width: 90px; height: 32px; background: #FFFFFF; border-radius: 5px; } #donationText { position: absolute; height: 100%; width: 100%; text-align: right; margin: 8px -16px; font-size: 14px; font-weight: bold; color: #B2B2B2; overflow: hidden; } #donationRemaining { position: absolute; top: 9px; right: 10px; font-size: 16px; color: white; font-weight: bold; }
</style>
<script type="text/javascript"> var facts = ; var appeal = ;
$(document).ready( function () {
var facts = '
500 Millionen Menschen nutzen Wikipedia im Monat. Sie ist die Nr. 5 der am häufigsten besuchten Webseiten der Welt und hat Kosten wie jede andere Top-Seite: Server, Strom, Programme, Personal. Nur knapp 250 Angestellte arbeiten in der gemeinnützigen Organisation hinter Wikipedia. Um Wikipedias Unabhängigkeit zu schützen, gibt es keine Werbung. Wir finanzieren uns durch Spenden von durchschnittlich 20 €. Heute bitten wir Sie um einen Beitrag. Wenn jeder nur einen kleinen Beitrag leisten würde, wäre unsere Spendenkampagne in einer Stunde vorüber. Finden Sie Wikipedia nützlich? Dann nehmen Sie sich 1 Minute Zeit, damit Wikipedia ein weiteres Jahr werbefrei und für uns alle da sein kann. Bitte helfen Sie mit.
';
var appeal = $('#{{{banner}}}-facts').html(); $('body').prepend($('#centralNotice')); if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){ var impCount = increaseImpCount(); $("#impCount").val(impCount);
if ( wgAction === "view" ) { setTimeout( addBannerSpace, 7500 ); } if(wgUserName !== null) $('#wikilogin').val('yes'); $('span#{{{banner}}}-close').click(function() { hideBanner(); removeBannerSpace(); return false; }); $('div#{{{banner}}} div#{{{banner}}}-facts').click(function() { if (!$('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ 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")); } $('div#{{{banner}}}-landing').slideDown(150); $('span#{{{banner}}}-tab').addClass('close').html('{{{btn-text-close}}}'); $('div#{{{banner}}}').css('position', 'absolute'); $('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); $('html, body').animate({ scrollTop: 0 }, 0); $('#{{{banner}}}-facts').html(facts); switchColor('#FF6C00', '#FFFFFF'); } return false; }); $('span#{{{banner}}}-tab').click(function() { if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){ $('div#{{{banner}}}-landing').slideUp(150); $(this).removeClass('close').html('{{{btn-text-1}}}'); $('div#{{{banner}}} div#{{{banner}}}-facts span').css('display', 'none'); $('#{{{banner}}}-facts').html(appeal); $('div#{{{banner}}}').css('position', 'fixed'); $('#{{{banner}}}-facts').addClass('{{{banner}}}-facts-bg'); switchColor('#FFCC00', '#000000'); setTimeout( animateProgressBar, 500 ); } else { 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")); } $('div#{{{banner}}}-landing').slideDown(150); $(this).addClass('close').html('{{{btn-text-close}}}'); $('html, body').animate({ scrollTop: 0 }, 0); $('#{{{banner}}}-facts').html(facts); $('div#{{{banner}}}').css('position', 'absolute'); $('#{{{banner}}}-facts').removeClass('{{{banner}}}-facts-bg'); switchColor('#FF6C00', '#FFFFFF'); } return false; }); $('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() { $('div#{{{banner}}}-landing').slideUp(150); return false; }); } });
function animateProgressBar() {
var dTarget = {{{donation-target}}}; var dCollected = {{{donations-collected}}}; var dRemaining = dTarget - dCollected; var widthToFill = dCollected / dTarget * 800; $("#donationFill").animate( { width: widthToFill + 'px' }, { duration: 2500, progress: function() { var dFill = $("#donationFill").width(); var pFill = dFill / 800;
var dColl = dTarget * pFill / 1000000; var vRem = ( dTarget - ( dTarget * pFill ) ) / 1000000;
dColl = dColl.toFixed( 1 ); dColl = dColl.replace( ".", "," );
vRem = vRem.toFixed( 1 ); vRem = vRem.replace( ".", "," );
$("#donationValue").html( dColl ); $("#valRem").html( vRem ); } });
}
function addBannerSpace() {
var expandableBannerHeight = $('div#{{{banner}}}').height(); switch(skin) { case 'vector': $('#{{{banner}}}').css( 'top', 0 - expandableBannerHeight ); $('#mw-panel').animate({top: expandableBannerHeight + 160}, 1000); $('#mw-head').animate({top: expandableBannerHeight}, 1000); $('#mw-page-base').animate({paddingTop: expandableBannerHeight}, 1000); break; case 'monobook': $('#globalWrapper').css('position', 'relative'); $('#globalWrapper').css('top', expandableBannerHeight); $('#{{{banner}}}').css('top', '-20px'); $('#{{{banner}}}').css('background', 'none'); break; } $('#{{{banner}}}').css('display', 'block'); $('#{{{banner}}}').animate({top: 0}, 1000); setTimeout( animateProgressBar , 1000 );
}
function removeBannerSpace() { switch(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; } } function switchColor( bgColor, txtColor ) { $('#{{{banner}}}-facts').css('background-color', bgColor); $('#{{{banner}}}-facts').css('color', txtColor); //$('#{{{banner}}}-landing').css('border-color', bgColor); //$('#{{{banner}}}-tab').css('background-color', bgColor);
//$('#{{{banner}}}-tab').css('color', txtColor); //$('#{{{banner}}}-tab').css('background-color', bgColor); //$('#{{{banner}}}-landing').css('border-color', bgColor); } function increaseImpCount() { impCount = parseInt($.cookie('centralnotice_banner_impression_count')) | 0; $.cookie('centralnotice_banner_impression_count', impCount + 1, { expires: 365, path: '/' }); return impCount + 1; }
</script> <script type="text/javascript" language="javascript">
function validateForm() { var chkdPayment = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); switch( chkdPayment ) { case "BEZ": $( '#form-page' ).val( 'Formularseite2-Lastschrift' ); break; case "UEB": $( '#form-page' ).val( 'Formularseite2-Überweisung' ); break; case "PPL": $( '#form-page' ).val( 'Formularseite2-PayPal' ); break; case "MCP": $( '#form-page' ).val( 'Formularseite2-Micropayment' ); break; } var form = document.donationForm; var error = false; // Get amount selection var amount = null; for ( var i = 0; i < form.betrag_auswahl.length; i++ ) { if ( form.betrag_auswahl[i].checked ) { amount = form.betrag_auswahl[i].value; break; } } if ( form.amountGiven.value != "" ) { var otherAmount = form.amountGiven.value; otherAmount = otherAmount.replace(/[,.](\d)$/, '\:$10'); otherAmount = otherAmount.replace(/[,.](\d)(\d)$/, '\:$1$2'); otherAmount = otherAmount.replace(/[\$,.]/g, ); otherAmount = otherAmount.replace(/:/, '.'); form.amountGiven.value = otherAmount; amount = otherAmount; $('#input_amount_other').val( otherAmount ); } // Check amount is a real number error = ( amount == null || isNaN( amount ) || amount.value <= 0 ); // Check amount is at least the minimum if ( amount < 1 || error ) { alert( 'Der Mindestbetrag beträgt 1 Euro.'); return false; } else if ( amount > 99999 ) { alert( 'Der Spendenbetrag ist zu hoch.' ); return false; } return !error; }
var handleInterval = function() {
var chkdInterval = $( 'input[name=periode]:checked', '#{{{banner}}}-form' ).val(); if( chkdInterval > 0 ) { $( '#pay_2' ).attr( 'disabled', 'disabled' ); $( '#intervalHint' ).css( 'display', 'block' ); } else { $( '#pay_2' ).removeAttr( 'disabled' ); $( '#intervalHint' ).css( 'display', 'none' ); }
}
var handleMethod = function() {
var chkdMethod = $( 'input[name=pay]:checked', '#{{{banner}}}-form' ).val(); if( chkdMethod === 'PPL' ) { $( '#periode_1' ).attr( 'disabled', 'disabled' ); $( '#periode_2' ).attr( 'disabled', 'disabled' ); $( '#periode_3' ).attr( 'disabled', 'disabled' ); $( '#periode_4' ).attr( 'disabled', 'disabled' ); $( '#paymentHint' ).css( 'display', 'block' ); } else { $( '#periode_1' ).removeAttr( 'disabled' ); $( '#periode_2' ).removeAttr( 'disabled' ); $( '#periode_3' ).removeAttr( 'disabled' ); $( '#periode_4' ).removeAttr( 'disabled' ); $( '#paymentHint' ).css( 'display', 'none' ); }
} </script>