5.723
Bearbeitungen
Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 3: | Zeile 3: | ||
<br> | <br> | ||
<br> | <br> | ||
<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> | |||
<br> | |||
<br> | |||
----------<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> | |||
<div id="{{{banner}}}"> | |||
<div id="{{{banner}}}_collapsed"> | |||
<div id="{{{banner}}}_banner-text-closed"> | |||
<div class="{{{banner}}}_banner-text"> | |||
<strong>Liebe Leser: <span style="background-color: yellow; padding: 2px 5px;">Wenn jeder nur 5€ spenden würde, wäre unsere Spendenkampagne in einer Stunde vorüber.</span> <span style="color: #0645ad;">Spenden Sie jetzt für Wikipedia!</span></strong> | |||
<span id="{{{banner}}}_btn-expand"> </span> | |||
</div> | |||
</div> | |||
<div id="{{{banner}}}_banner-text-opened" class="{{{banner}}}_banner-text" style="display: none;"> | |||
<img src="//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png" style="float: left; padding-right: 4px"> | |||
Wikipedia ist gemeinnützig. Sie ist die fünftgrößte Webseite der Welt. Jedes Jahr haben wir Kosten | |||
für Technik, Programme, Personal. Um unabhängig zu sein, schalten wir keine Werbung. | |||
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. | |||
</div> | |||
<div id="{{{banner}}}_btn-close">✖</div> | |||
</div> | |||
<div id="{{{banner}}}_expanded"> | |||
<hr /> | |||
<div class="{{{banner}}}_bigger">Unterstützen Sie uns mit PayPal</div> | |||
<form name="donForm" id="{{{banner}}}_form" action="https://spenden.wikimedia.de/spenden/?page=L10h16&skin=10h16&mbt=1&piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}" method="post"> | |||
<div id="{{{banner}}}_amount-options"> | |||
<input type="radio" id="amount5" name="betrag" value="5"> | |||
<label for="amount5" class="{{{banner}}}_amount-label">5 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
<input type="radio" id="amount15" name="betrag" value="15"> | |||
<label for="amount15" class="{{{banner}}}_amount-label">15 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
<input type="radio" id="amount25" name="betrag" value="25"> | |||
<label for="amount25" class="{{{banner}}}_amount-label">25 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
</div> | |||
<div id="{{{banner}}}_amount-options"> | |||
<input type="radio" id="amount50" name="betrag" value="50"> | |||
<label for="amount50" class="{{{banner}}}_amount-label">50 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
<input type="radio" id="amount75" name="betrag" value="75"> | |||
<label for="amount75" class="{{{banner}}}_amount-label">75 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
<input type="radio" id="amount100" name="betrag" value="100"> | |||
<label for="amount100" class="{{{banner}}}_amount-label">100 <span style="color: #a3a3a3; font-weight: normal;">€</span></label> | |||
</div> | |||
<input type="hidden" name="adresstyp" value="anonym"> | |||
<input type="hidden" name="from_pay" value="PPL"> | |||
<input type="hidden" name="go_prepare--pay:paypal" value="Spende abschließen"> | |||
<input type="hidden" name="pay" value="PPL"> | |||
<input type="hidden" name="periode" value="0"> | |||
<input type="hidden" name="tracking" value="{{{CampaignName}}}/{{{BannerName}}}"> | |||
<img src="" id="wmde-expand-track" border="0" height="0" width="0" /> | |||
<div id="{{{banner}}}_btn-ppl" class="{{{banner}}}_btn-big"><span style="color: #cccccc">Weiter zu</span> PayPal</div> | |||
</form> | |||
<hr /> | |||
<div class="{{{banner}}}_bigger">Unterstützen Sie uns per SMS</div> | |||
<div class="{{{banner}}}_smaller">Einfach eine SMS mit "WIKI" an die 81190</div> | |||
<div class="{{{banner}}}_btn-big"><a href="sms:81190">5€ per <span style="color: black">SMS</span></a></div> | |||
<div class="{{{banner}}}_smaller-pale"> | |||
Von den 5 Euro gehen 4,83 Euro direkt an Wikimedia Deutschland. Kosten zzgl. einer Standard-SMS. | |||
</div> | |||
<hr /> | |||
<div class="{{{banner}}}_disclaimer"><a href="https://spenden.wikimedia.de/spenden/Impressum?piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}-link&skin=10h16">Impressum</a> | <a href="https://spenden.wikimedia.de/spenden/Datenschutz?piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}-link&skin=10h16"">Datenschutz</a></div> | |||
<div id="{{{banner}}}_btn-form-close" class="{{{banner}}}_btn-white" style="width: 150px; margin: 12px auto 0">Formular schließen <span class="{{{banner}}}_btn-symbol">▲</span></div> | |||
</div> | |||
</div> |