5.661
Bearbeitungen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<style type="text/css">{{MediaWiki:WMDE_FR2015/Resources/DesktopBanner.css}}</style> | <style type="text/css">{{MediaWiki:WMDE_FR2015/Resources/DesktopBanner.css}}</style> | ||
<style type="text/css">{{MediaWiki:WMDE_FR2015/Resources/ | <style type="text/css">{{MediaWiki:WMDE_FR2015/Resources/ProgressBar.css}}</style> | ||
<script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/BannerValues.js}}</script> | |||
<script type="text/javascript">{{MediaWiki: | <script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/DesktopBanner.js | ||
<script type="text/javascript">{{MediaWiki: | |||
| donations-date-base = ' + window.GlobalBannerSettings['donations-date-base'] + ' | | donations-date-base = ' + window.GlobalBannerSettings['donations-date-base'] + ' | ||
| donations-collected-base = ' + window.GlobalBannerSettings['donations-collected-base'] + ' | | donations-collected-base = ' + window.GlobalBannerSettings['donations-collected-base'] + ' | ||
Zeile 11: | Zeile 10: | ||
}} | }} | ||
</script> | </script> | ||
<script type="text/javascript">{{MediaWiki: | <script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/CountCampaignDays.js | ||
| campaign-start-date = | | campaign-start-date = 2015-11-11 | ||
}} | }} | ||
</script> | </script> | ||
<script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/AnimateHighlight.js}}</script> | |||
<script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/CustomDayName.js}}</script> | <script type="text/javascript">{{MediaWiki:WMDE_FR2015/Resources/CustomDayName.js}}</script> | ||
<style type="text/css"> | <style type="text/css"> | ||
/* Different colors */ | |||
#WMDE_Banner-facts { | #WMDE_Banner-facts { | ||
background-color:#000; | |||
background-image: url('//upload.wikimedia.org/wikipedia/commons/e/e6/Information-icon-ffe238.png'); | |||
} | |||
#WMDE_Banner-message-wrapper { | |||
color:#fff; | |||
} | |||
#donationText { | |||
color:#000; | |||
display: none; | |||
} | |||
#donationFill { | |||
background: #ffe238; | |||
} | |||
#donationMeter { | |||
background: #000; | |||
border: solid 2px #ffe238; | |||
} | |||
#donationMeterTip { | |||
background: #ffe238 url('//upload.wikimedia.org/wikipedia/commons/8/8b/Pbar-tip-small-transparent-black.png') no-repeat; | |||
} | } | ||
# | #WMDE_Banner span.btext-highlight { | ||
color: # | background: #ffe238; | ||
color: #000; | |||
} | } | ||
#WMDE_Banner-text { | #WMDE_Banner-text { | ||
color: #fff; | |||
color: # | } | ||
#daysLeft { | |||
color:#000; | |||
} | } | ||
#WMDE_Banner-text-salute { | #WMDE_Banner-text-salute { | ||
color: # | color: #fff; | ||
font-size: 17px; | font-size: 17px; | ||
font-weight: bold; | font-weight: bold; | ||
Zeile 38: | Zeile 66: | ||
margin: 4px 10px 4px 35px; | margin: 4px 10px 4px 35px; | ||
text-align: justify; | text-align: justify; | ||
} | |||
#WMDE_BannerForm-wrapper { | |||
background: #f2f4ff; | |||
} | |||
#WMDE_Banner_info { | |||
border-top: 1px solid #998200; | |||
color: #D3D3D3; | |||
} | |||
#WMDE_Banner_info span.binfo-ucase, | |||
#WMDE_Banner_info span.binfo-bold { | |||
color:#fff; | |||
} | |||
/* END different colors */ | |||
#WMDE_Banner-text-salute { | |||
margin-bottom: 0; | margin-bottom: 0; | ||
padding-bottom: 0; | padding-bottom: 0; | ||
} | } | ||
# | #donationMeterCell { | ||
padding: 9px 20px 9px 25px; | |||
} | } | ||
#WMDE_Banner-form fieldset { | #WMDE_Banner-form fieldset { | ||
Zeile 96: | Zeile 143: | ||
.WMDE_Banner-btn.checked { | .WMDE_Banner-btn.checked { | ||
background: linear-gradient(to top, # | background: linear-gradient(to top, #eee 0%, #ccc 100%) !important; | ||
border-color: #ccc; | border-color: #ccc; | ||
} | } | ||
Zeile 286: | Zeile 333: | ||
} | } | ||
div.interval_tab | div.interval_tab:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
Zeile 302: | Zeile 349: | ||
#WMDE_Banner .highlight { | #WMDE_Banner .highlight { | ||
background-color: # | background-color: #ffe238; | ||
color: # | color: #000; | ||
} | } | ||
</style> | </style> | ||
<div id="WMDE_Banner"> | <div id="WMDE_Banner" > | ||
<div style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);"> | <div style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);"> | ||
<form id="WMDE_Banner-form" method="post" name="donationForm" | <form id="WMDE_Banner-form" method="post" name="donationForm" | ||
action="https://spenden.wikimedia.de/ | action="https://spenden.wikimedia.de/spenden/?page={{{landing-page}}}&skin={{{page-skin}}}&piwik_campaign={{{CampaignName}}}&piwik_kwd={{{BannerName}}}"> | ||
<table id="WMDE_Banner-facts"> | <table id="WMDE_Banner-facts"> | ||
<tbody> | <tbody> | ||
Zeile 383: | Zeile 369: | ||
<p id="WMDE_Banner-text-salute">{{{banner-text-salutation}}}</p> | <p id="WMDE_Banner-text-salute">{{{banner-text-salutation}}}</p> | ||
<p id="WMDE_Banner-text">{{{banner-text}}}</p> | <p id="WMDE_Banner-text">{{{banner-text}}}</p> | ||
</td> | |||
<td> | |||
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style=" | <td id="donationMeterCell"> | ||
<div id="donationMeterWrapper" style="margin-left:auto; margin-right:auto;" > | |||
<div id="donationMeter"></div> | |||
<div id="donationFill"> | |||
<div id="donationText"><span id="donationValue">0,0</span> Mio. €</div> | |||
<div id="daysLeft">Nur noch <span id="numDaysLeft">1 Tag</span></div> | |||
<div id="donationMeterTip"> | |||
</div> | |||
</div> | |||
<div id="donationRemaining">es fehlen <span id="valRem">8,6</span> Mio. €</div> | |||
<div id="donationMessage"></div> | |||
</div> | |||
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="height: 1% | <td style="height: 1%;"> | ||
<div id="WMDE_Banner_info"> | <div id="WMDE_Banner_info"> | ||
<div | <div id="WMDE_Banner_text"> | ||
<span class="binfo-ucase">Spendenkonto</span> | <span class="binfo-ucase">Spendenkonto</span> | ||
<span>Wikimedia Foerdergesellschaft</span> | <span>Wikimedia Foerdergesellschaft</span> | ||
<span>BIC</span> | <span>BIC</span> | ||
<span class="binfo-bold">BFSWDE33BER</span> | <span class="binfo-bold">BFSWDE33BER</span> | ||
<span>IBAN | <span>IBAN</span> | ||
<span class="binfo-bold" | |||
style="margin-right: 0;">DE33 1002 0500 0001 1947 00</span> | |||
</div> | </div> | ||
</div> | </div> | ||
Zeile 434: | Zeile 419: | ||
regelmäßig | regelmäßig | ||
</label> | </label> | ||
</div> | </div> | ||
<fieldset id="WMDE_Banner-frequency" class="cf"> | <fieldset id="WMDE_Banner-frequency" class="cf"> | ||
Zeile 558: | Zeile 542: | ||
<input type="hidden" id="periode" name="periode" value="0"/> | <input type="hidden" id="periode" name="periode" value="0"/> | ||
<input type="hidden" id="intervalType" name="intervalType" value="0"/> | <input type="hidden" id="intervalType" name="intervalType" value="0"/> | ||
<input type="hidden" id="form-page" name="form" value="{{{form-name}}}"/> | |||
<input type="hidden" id="wikilogin" name="wikilogin" value="no"/> | |||
<input type="hidden" id="impCount" name="impCount" value=""/> | <input type="hidden" id="impCount" name="impCount" value=""/> | ||
<input type="hidden" id="bImpCount" name="bImpCount" value=""/> | <input type="hidden" id="bImpCount" name="bImpCount" value=""/> | ||
Zeile 565: | Zeile 551: | ||
<img id="WMDE_Banner-close-ct" src="//upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif" border="0" height="0" width="0"> | <img id="WMDE_Banner-close-ct" src="//upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif" border="0" height="0" width="0"> | ||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Zeile 621: | Zeile 566: | ||
addSpaceInstantly(); | addSpaceInstantly(); | ||
} ); | } ); | ||
$( '#interval_tab_multiple' ).click( function ( | $( '#interval_tab_multiple' ).click( function () { | ||
if ( $( '#interval_tab_multiple' ).hasClass( 'active' ) ) { | if ( $( '#interval_tab_multiple' ).hasClass( 'active' ) ) { | ||
return; | return; | ||
Zeile 637: | Zeile 578: | ||
$( '.interval-options').removeClass( 'interval-hidden' ); | $( '.interval-options').removeClass( 'interval-hidden' ); | ||
addSpaceInstantly(); | addSpaceInstantly(); | ||
} ); | } ); | ||
} ); | } ); | ||
Zeile 706: | Zeile 645: | ||
addSpace(); | addSpace(); | ||
bannerElement.animate( { top: 0 }, 1000 ); | bannerElement.animate( { top: 0 }, 1000 ); | ||
setTimeout( function () { | setTimeout( animateProgressBar, 1000 ); | ||
}, | window.setTimeout( function () { | ||
animateHighlight( $( '#banner-text-highlight' ), 'highlight', 10 ); | |||
}, 4500 ); | |||
$( window ).resize( function () { | $( window ).resize( function () { | ||
addSpaceInstantly(); | addSpaceInstantly(); | ||
setProgressBarSize(); | |||
} ); | } ); | ||
} | } | ||
Zeile 725: | Zeile 661: | ||
var bigBannerHeight = $('#WMDE_Banner').height(); | var bigBannerHeight = $('#WMDE_Banner').height(); | ||
$( window ).scroll( function () { | $(window).scroll(function() { | ||
if ( $( window ).scrollTop() <= bigBannerHeight ) { | if ($(window).scrollTop() <= bigBannerHeight) { | ||
$( '#WMDE_Banner-nag' ).finish(); | $('#WMDE_Banner-nag').finish(); | ||
$( '#WMDE_Banner-nag' ).css( 'display', 'none' ); | $('#WMDE_Banner-nag').css('display', 'none'); | ||
} else { | } else { | ||
$('#WMDE_Banner-nag').delay(1500).slideDown(); | |||
} | } | ||
}); | }); | ||
$( '#WMDE_Banner-nag-close' ).click( function ( event ) { | $('#WMDE_Banner-nag-close').click(function(event) { | ||
$( '#WMDE_Banner-nag' ).remove(); | $('#WMDE_Banner-nag').remove(); | ||
event.stopPropagation(); | event.stopPropagation(); | ||
}); | }); | ||
$( '#WMDE_Banner-nag' ).click( function () { | $('#WMDE_Banner-nag').click(function() { | ||
window.scrollTo( 0, 0 ); | window.scrollTo(0,0); | ||
}); | }); | ||
} | } | ||
$( document ).ready( function() { | $( document ).ready( function() { | ||
$( '#WMDE_Banner-payment button' ).click( function( e ) { | $( '#WMDE_Banner-payment button' ).click( function( e ) { | ||
return validateForm(); | return validateForm(); | ||
} ); | } ); | ||
Zeile 798: | Zeile 704: | ||
$( 'span#campaignDay' ).text( getCampaignDayString() ); | $( 'span#campaignDay' ).text( getCampaignDayString() ); | ||
$( 'span#donorsValue' ).html( addPointsToNum( Math.floor( getApprDonatorsRaw() ) ) ); | $( 'span#donorsValue' ).html( addPointsToNum( Math.floor( getApprDonatorsRaw() ) ) ); | ||
} ); | } ); | ||
</script> | </script> |