View source for MediaWiki:Centralnotice-template-B12 5C 120707 recurring recurring

<style type="text/css">
  #centralNotice.collapsed #{{{banner}}}{
    display: none;
  }
  div#{{{banner}}} {
    background: transparent;
    display: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  div#{{{banner}}} div#{{{banner}}}-facts {
    background: #ffcc00 url(//upload.wikimedia.org/wikipedia/donate/c/c0/Information-icon.png) no-repeat 10px 8px;
    # border-bottom: 1px solid #a7a7a7;
    cursor: pointer;
    padding: 10px 0;
    position: relative;
    width: 100%;
  }
  div#{{{banner}}} div#{{{banner}}}-facts p {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 0 40px 0 40px;
  }
  div#{{{banner}}} div#{{{banner}}}-facts span {
    background: #fff;
    background: linear-gradient(to top, #ffffff 0%,#e4e4e4 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 3px 8px;
    position: absolute;
    right: 40px;
    top: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
  div#{{{banner}}} span#{{{banner}}}-tab {
    background: #ffcc00;
    background-position: 115px 10px;
    border: 1px solid #a7a7a7;
    border-top: none;
    border-radius: 0 0 5px 5px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    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: 115px -40px;
  }
  div#{{{banner}}} span#{{{banner}}}-close {
    background: url(//upload.wikimedia.org/wikipedia/donate/1/1e/Small-black-close.png) no-repeat center center;
    cursor: pointer;
    display: block;
    height: 11px;
    position: absolute;
    text-indent: -9999px;
    right: 10px;
    top: 12px;
    width: 11px;
  }
  div#{{{banner}}} div#{{{banner}}}-landing {
    background: #fff;
    border-bottom: 1px solid #a7a7a7;
    display: none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 30px 0 10px 0;
    position: relative;
    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: 15px;
    line-height: 18px;
    margin: 0 2%;
    padding: 0;
    width: 43%;
  }
  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-left img {
    float: left;
    margin: 0 20px 10px 0;
  }
  div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right {
    background: #ebf3f9;
    border: 1px solid #adb8c1;
    border-radius: 10px;
    float: right;
    font-size: 13px;
    line-height: 18px;
    margin: 0 2% 0 0;
    padding: 0 1%;
    text-align: left;
    width: 48%;
    -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: 0 0 15px 0;
  }
  div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p {
    margin: 0 0 15px 0;
  }
  div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right p span {
    font-size: 10px;
    line-height: 14px;
  }
  div#{{{banner}}} div#{{{banner}}}-landing div#{{{banner}}}-landing-right ul {
    margin: 10px 0 0 0;
  }
  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 br:first-of-type {
/*    display: none; */
    margin-bottom: 10px;
  }
  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 10px 0 0;
  }
  div#{{{banner}}} div#{{{banner}}}-landing p.copyright {
    display: block;
    float: left;
    font-size: 10px;
    line-height: 14px;
    margin: 20px 2% 0 2%;
    width: 96%;
  }
  div#{{{banner}}} div#{{{banner}}}-facts p b {
    color: #0645ad;
  }
  div#{{{banner}}}:hover div#{{{banner}}}-facts p b {
    text-decoration: underline;
  }
</style>

<div id="{{{banner}}}">
  <div id="{{{banner}}}-facts">
    <p><i>Dear Wikipedia readers:</i> We are the small non-profit that runs the #5 website in the world. We have only 150 staff but serve 450 million users, and have costs like any other top site: servers, power, rent, programs, and staff. Wikipedia is something special. It is like a library or a public park. It is like a temple for the mind, a place we can all go to think and learn. To protect our independence, we'll never run ads. We take no government funds. We run on donations averaging about $30. <b>If everyone reading this gave $3, our fundraiser would be done within an hour.</b> If Wikipedia is useful to you, take one minute to keep it online another year. Please help us forget fundraising and get back to Wikipedia.  <i>Thank you.</i></p>
  </div>
  <div id="{{{banner}}}-landing">
    <div id="{{{banner}}}-landing-left">
     <p>When I founded Wikipedia, I could have made it into a for-profit company with advertising banners, but decided to do something different. Commerce is fine. Advertising is not evil. But it doesn't belong here. Not in Wikipedia.</p>
<p class="right"><strong>— Wikipedia Founder, Jimmy Wales</strong></p>
    </div>
    <div id="{{{banner}}}-landing-right">
      <h4>Please give whatever you can to end the fundraiser today. </h4>
        <form id="{{{banner}}}-form" method="post" name="paypalcontribution">
        <input type="hidden" name="gateway" value="paypal">
        <input type="hidden" name="payment_method" value="cc">
        <input type="hidden" name="utm_source" value="{{{banner}}}">
        <input type="hidden" name="utm_medium" value="sitenotice">
        <input type="hidden" name="utm_campaign" value="{{{campaign}}}">
        <input type="hidden" name="language" value="">
        <input type="hidden" name="referrer" value="">
        <input type="hidden" name="country" value="">
        <input type="hidden" name="returnto" value="">
        <input type="hidden" name="currency_code" id="input_currency_code" value="">
        <span><input type="radio" name="frequency" id="frequency_onetime" onclick="toggleMonthly(false);" value="onetime" checked="true"><label for="frequency_onetime">One-time</label></span>
        <span><input type="radio" name="frequency" id="frequency_monthly" onclick="toggleMonthly(true);" value="monthly"><label for="frequency_monthly">Monthly*</label></span><br /><br />
        <span><input type="radio" name="amount" id="input_amount_0" onclick="document.paypalcontribution.amountGiven.value = ''" value="3"><label for="input_amount_0">$3</label></span>
        <span><input type="radio" name="amount" id="input_amount_1" onclick="document.paypalcontribution.amountGiven.value = ''" value="5"><label for="input_amount_1">$5</label></span>
        <span><input type="radio" name="amount" id="input_amount_2" onclick="document.paypalcontribution.amountGiven.value = ''" value="10"><label for="input_amount_2">$10</label></span>
        <span><input type="radio" name="amount" id="input_amount_3" onclick="document.paypalcontribution.amountGiven.value = ''" value="20"><label for="input_amount_3">$20 </label></span><br />
        <span><input type="radio" name="amount" id="input_amount_4" onclick="document.paypalcontribution.amountGiven.value = ''" value="30"><label for="input_amount_4">$30</label></span>
        <span><input type="radio" name="amount" id="input_amount_5" onclick="document.paypalcontribution.amountGiven.value = ''" value="50"><label for="input_amount_5">$50</label></span>
        <span><input type="radio" name="amount" id="input_amount_6" onclick="document.paypalcontribution.amountGiven.value = ''" value="100"><label for="input_amount_6">$100</label></span>
        <span><input type="radio" name="amount" id="input_amount_other" value="Other"><label for="input_amount_other">Other: $</label><input type="text" placeholder="" name="amountGiven" size="4" autocomplete="off" onfocus="this.form.input_amount_other.checked=true;" onkeypress="return DefaultSubmit(this,event)"></span>
        <br />
        <button class='paymentmethod-cc' onclick="redirectPayment('1');return false;">Donate with Credit Card</button> 
        <button class='paymentmethod-pp' onclick="redirectPayment('2');return false;">Donate with PayPal</button>
        <button class='paymentmethod-amazon no-monthly' onclick="redirectPayment('3');return false;" style="display:none;">Donate with Amazon</button>
        <button class='paymentmethod-bpay no-monthly' onclick="redirectPayment('4');return false;" style="display:none;">Donate with BPay</button>
</form>
      <ul>
        <li><a class="localize" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Problems_donating">{{int:Donate_interface-problemsdonating}}</a> | </li>
        <li><a class="localize" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Ways_to_Give">{{int:donate_interface-otherways-short}}</a> | </li>
        <li><a class="localize" target="_blank" href="https://donate.wikimedia.org/wiki/Special:FundraiserRedirector?form-countryspecific=Form-countryspecific-monthly&utm_medium=sitenotice&utm_campaign={{{campaign}}}&utm_source={{{banner}}}">{{int:donate_interface-monthly-donation}}</a> | </li>
        <li><a class="localize" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?landing_page=FAQ&amp;basic=true"></html>{{int:donate_interface-faqs}}<html></a></li>
      </ul>
    </div>
    <p class="copyright"><span>{{int:donate_interface-informationsharing-gb}}</span><br />
    <span>*{{int:Donate_interface-monthly-cancel-seddon}}</span></p>
  </div>
  <span id="{{{banner}}}-tab">Please help</span>
  <span id="{{{banner}}}-close">Close</span>
</div>

{{MediaWiki:FR2012/Resources/BannerCount.js}}
<script type="text/javascript">
  $(document).ready( function () {
    $('body').prepend($('#centralNotice'));
    if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){
      addBannerSpace();
      $(window).resize(function() {
        addBannerSpace();
      })
      $('span#{{{banner}}}-close').click(function() {
        hideBanner();
        $('#mw-panel').css('top', '160px');
        $('#mw-head').css('top', '0px');
        $('#mw-page-base').css('padding-top', '0');
        return false;
      })
      $('div#{{{banner}}} div#{{{banner}}}-facts').click(function() {
        $("html, body").animate({ scrollTop: 0 }, 0);
        $('div#{{{banner}}}-landing').slideDown(150);
        $('span#{{{banner}}}-tab').addClass('close').html('Close');
        $('#{{{banner}}}').css('position', 'absolute');
        setTimeout(addBannerSpace, 151);
        return false;
      })
      $('span#{{{banner}}}-tab').click(function() {
        if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){
          $('div#{{{banner}}}-landing').slideUp(150);
          $('#{{{banner}}}').css('position', 'fixed');
          $(this).removeClass('close').html('Please help');
          setTimeout(addBannerSpace, 151);
        } else {
          $('div#{{{banner}}}-landing').slideDown(150);
          $("html, body").animate({ scrollTop: 0 }, 0);
          $('#{{{banner}}}').css('position', 'absolute');
          $(this).addClass('close').html('Close');
          setTimeout(addBannerSpace, 151);
        }
        return false;
      })
    }
  });
  function addBannerSpace() {
    var expandableBannerHeight = $('div#{{{banner}}}').height();
    if (parseInt($.cookie('{{{hide-cookie-name}}}')) <= {{{hide-cookie-max-count}}}) {
      $('#mw-panel').css('top', expandableBannerHeight+160);
      $('#mw-head').css('top', expandableBannerHeight);
      $('#mw-page-base').css('padding-top', expandableBannerHeight);
      $('#{{{banner}}}').css('display', 'block');
    }
  }

  mw.centralNotice.bannerData.alterImpressionData = function( impressionData ) {
    if (parseInt($.cookie('{{{hide-cookie-name}}}')) <= {{{hide-cookie-max-count}}}) {
      return true;
    } else {
      return false;
    }
  };
</script>
{{MediaWiki:FR2012/Resources/Banner.js}}
{{MediaWiki:FR2012/Resources/DropdownForm.js}}