MediaWiki:Centralnotice-template-Australia FairUse DropDown

<style>

/* Main banner container. Banner: background gradient, border colour and width and adding a margin between banner and article header*/ /* Important -- background gradient -- If you change one you must change all*/ .cnotice {

   position: relative;
   overflow: hidden;
   border: 3px solid #0063BF;
   margin-bottom: 1em;
   cursor: pointer;
   background-color: #f8f9fa;
   font-weight: 500;
   margin-bottom: 10px;

}

/* Sets the minimum banner height. If img + logo-container margins > height. Banner will be larger*/

  1. cnotice-main {
   display: table;
   width: 100%;
   height: 80px; /* need to set height for height 100% to work on elements within it */

}

.cnotice-message-container, .cnotice-logo-container {

   display: table-cell;
   height: 100%;

}

/* --- Main message --- */ .cnotice-message-container {

   vertical-align: middle;

}

.cnotice-message {

   position: relative;
   margin: 0;
   color: #000;
   line-height: 1.2;
   padding: 11px 10px 11px 10px;

}

@media (min-width: 1200px) {

   .cnotice-message {
        padding: 11px 180px 11px 10px;
   }

}

body.rtl .cnotice-message {

   padding: 11px 40px 11px 140px;
   background-position: right 10px top 10px;

}

.cnotice-message p {

   margin: 0;
   font-family: "Linux Libertine", Georgia, Times, serif;
   font-size: 1.5em;
   line-height: 1.4;
   opacity: 1;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;

}

@media (min-width: 1200px) {

   .cnotice-message p { font-size: 2.0em; }

}


/* --- Logo Image text --- */

.cnotice-logo-container {

   width: 103px;
   vertical-align: top;

}

@media (min-width: 1200px) {

    .cnotice-logo-container { width: 140px; }

}

body.rtl .cnotice-logo-container { }

  1. cnotice-logo-img {
   background-image: url(//upload.wikimedia.org/wikipedia/foundation/thumb/9/9c/MokaHands_CN.png/140px-MokaHands_CN.png);
   background-repeat: no-repeat;
   background-size: contain;
   opacity: 0.6;
   width: 100%;
   height: 100%;

}

/* --- Close Options --- */

  1. cnotice-toggle-box-options {
   display: inline-block;
   position: absolute;
   right: .5em;
   top: .5em;
   font-size: .8em;
   text-transform: uppercase;

}

body.rtl #cnotice-toggle-box-options {

   right: auto;
   left: .5em;

}

  1. cnotice-toggle-box {
   display: inline-block;
   cursor: pointer;
   opacity: .5;

}

div#{{{banner}}} div#{{{banner}}}-landing {

   background: #fff;
   border-bottom: 1px solid #a7a7a7;
   display: none;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   padding: 30px 0 40px 0;
   position: relative;
   width: 100%;
 }

div#{{{banner}}} span#{{{banner}}}-tab {

   background: #0063BF;
   background-position: 115px 10px;
   border: 1px solid #a7a7a7;
   border-top: none;
   border-radius: 0 0 5px 5px;
   color: #fff;
   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;
 }
  1. cnotice-toggle-box:hover { opacity: 1; }
  1. cnotice-toggle-box-x {
   background: url('//upload.wikimedia.org/wikipedia/donate/3/32/Close-thin.png') no-repeat center center;
   width: 9px;
   height: 9px;
   float: right;
   display: block;
   margin: .2em .4em;

}

body.rtl #cnotice-toggle-box-x {

   float: left;

}

/* --- Full Banner Link --- */ .cnotice a.cnotice-full-banner-click {

   display: block;
   height: 100%;
   width: 100%;
   cursor: pointer;
   text-decoration: none;

}

.cnotice a.cnotice-full-banner-click:hover {

   text-decoration: underline

}

.cnotice-button {

   border: none;
   display: none;
   border-radius: 4px;
   color: white;
   padding: 10px 15px;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   font-size: 17px;
   margin: 4px 2px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;
   z-index: 999;

}

@media (min-width: 1200px) {

   .cnotice-button {
       display: inline-block;
   }

} @media (max-width: 1200px) {

   .cnotice-button {
       width: 25%;
       margin: auto;
       margin-top: 10px;
   }

}

/* --- Buttons --- */ .cnotice a.cnotice-buttonlink {

   cursor: pointer;
   text-decoration: none;
   color: black;

}

.cnotice a.cnotice-buttonlink:hover {

   color: white;

}

.cnotice-button1 {

   background-color: #0063BF;
   color: white;
   position: static;
   top: 45%;
   right: 40px;
   transform: translateY(-45%);
   min-width: 110px;

}

.rtl .cnotice-button1 {

   left: 23px;
   right: auto;

} @media (min-width: 1200px) { .cnotice-button1 { position: absolute; } }

.cnotice-button1:hover {

   background-color: #447FF5;

}

  1. cnotice-translation-link {
 position: absolute;
 right: 95px;
 top: 5px;
 font-size: 0.8em;
 white-space: nowrap;

}

  1. cnotice-translation-link:hover {
 text-decoration: underline;

}

.rtl #cnotice-translation-link {

 text-align: left;
 left: 95px;

} </style>

Wikipedia uses FAIR USE to share knowledge across the world.
Soon Australia could too, with your help. #FairCopyrightOz

 Please help
 Close

<script type="text/javascript">

 $(document).ready( function () {
   $('body').prepend($('#centralNotice'));
   if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){
     addBannerSpace();
     $(window).resize(function() {
       addBannerSpace();
     })
     stickBanner();
     $(window).scroll(function(){
       stickBanner();
     })
     $('span#{{{banner}}}-close').click(function() {
       hideBanner();
       $('#mw-panel').css('top', '160px');
       $('#mw-head').css('top', '0px');
       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');
       setTimeout(addBannerSpace, 200);
       return false;
     })
     $('span#{{{banner}}}-tab').click(function() {
       if ($('div#{{{banner}}} div#{{{banner}}}-landing').is(':visible')){
         $('div#{{{banner}}}-landing').slideUp(150);
         $(this).removeClass('close').html('Please help  ');
       } else {
         $('div#{{{banner}}}-landing').slideDown(150);
         $("html, body").animate({ scrollTop: 0 }, 0);
         $(this).addClass('close').html('Close');
       }
       setTimeout(addBannerSpace, 250);
       return false;
     })
     $('div#{{{banner}}} div#{{{banner}}}-landing span.landing-close').click(function() {
       $('div#{{{banner}}}-landing').slideUp(150);
       setTimeout(addBannerSpace, 200);
       return false;
     })
   }
 });
 function addBannerSpace() {
   var expandableBannerHeight = $('div#{{{banner}}}').height();
   $('#mw-panel').css('top', expandableBannerHeight+160);
   $('#mw-head').css('top', expandableBannerHeight);
   $('#{{{banner}}}').css('display', 'block');
 }
 function stickBanner() {
   var expandableBannerHeight = $('div#{{{banner}}}').height();
   if ($(window).scrollTop() >= expandableBannerHeight + 100 && $('div#{{{banner}}}-landing').is(':hidden')){
     $('div#{{{banner}}}').addClass('sticky');
   } else {
     $('div#{{{banner}}}').removeClass('sticky');
   }
 }

<script type="text/javascript" language="javascript"> var getQuerystring = function(key) {

   key = key.replace( /[\[]/, '\\\[' ).replace( /[\]]/, '\\\]' );
   var regex = new RegExp( '[\\?&]' + key + '=([a-zA-Z0-9\_\-]*)' );
   var qs = regex.exec( window.location.search );
   return qs == null ?  : qs[1];

};

var bannerChooseRandom = function(choiceString) {

   var choices = choiceString.split(',');
   if ( choices.length ) {
       return choices[Math.floor( Math.random() * choices.length )].replace(/^\s+|\s+$/, );
   }
   return ;

};

$(document).ready( function () {

   if(getQuerystring('country') != ){
       Geo.country = getQuerystring('country');
   }
   
   $("a.localize").each(
       function(index){
           var url = $(this).attr("href");
           if( url.indexOf("?") == -1 ){
               url = url + "?"
           } else {
               url = url + "&"
           }
           $(this).attr("href", url + "country=" + Geo.country + "&language=" + mw.config.get('wgUserLanguage')
               + "&uselang=" + mw.config.get('wgUserLanguage'));
       }
   );
   
   if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){
       var currencySymbol = '$';
       switch(Geo.country){
           case 'GB':
               currencySymbol = '£'; break;
           case 'IT':
               currencySymbol = '€'; break;
           default:
               currencySymbol = '$';
       }
       if(currencySymbol != '$'){
           $("div#{{{banner}}} p").each(function(index){
               $(this).html( $(this).html().replace(/\$/g, currencySymbol) );
           });
       }
   }
   

}); </script> <script type='text/javascript'> function validateForm(form) {

   var minimums = {
       'USD':1,
       'GBP':1, // $1.26
       'EUR':1, // $1.26
       'AUD':2, // $1.35
       'CAD':1, // $0.84
       'CHF':1, // $0.85
       'CZK':20, // $1.03
       'DKK':5, // $0.85
       'HKD':10, // $1.29
       'HUF':200, // $0.97
       'JPY':100, // $1
       'NZD':2, // $1.18
       'NOK':10, // $1.44
       'PLN':5, // $1.78
       'SGD':2, // $1.35
       'SEK':10, // $1.28
       'ILS':5 // $1.39
   };
   var error = true;
   // Get amount selection
   var amount = null;
   for (var i = 0; i < form.amount.length; i++) {
       if (form.amount[i].checked) {
           amount = form.amount[i].value;
       }
   }
   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;
   }
   // Check amount is a real number
   error = ( amount == null || isNaN(amount) || amount.value <= 0 );
   // Check amount is at least the minimum
   var currency = form.currency_code.value;
   if (typeof( minimums[currency] ) == 'undefined') {
       minimums[currency] = 1;
   }
   if (amount < minimums[currency] || error) {
       alert('You must contribute at least $1'.replace('$1', minimums[currency] + ' ' + currency));
       error = true;
   }
   return !error;

} function redirectPayment(i) {

   var ccforms = {
       'US' : 'cc-vmad',
       'AU' : 'cc-vmaj,email-cc-vmaj',
       'CA' : 'cc-vm',
       'GB' : 'cc-vma',
       'NZ' : 'cc-vma',
       'IT' : 'cc-vma'
   };
   var ccformName = bannerChooseRandom( ccforms[Geo.country] );
   var language = mw.config.get('wgUserLanguage');
   var rccforms = {
       'US' : 'rcc-vmad',
       'AU' : 'rcc-vmaj',
       'CA' : 'rcc-vm',
       'GB' : 'rcc-vma',
       'NZ' : 'rcc-vma',
       'IT' : 'rcc-vma'
   };
   var rccformName = bannerChooseRandom( rccforms[Geo.country] );
   var frequency = $("input[name='frequency']:checked").val();
   if( frequency != "monthly" ){
       frequency = "onetime";
   }
   //if i == 1
   var paymentType = "cc";
   var action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=" + language + "\x26appeal=JimmyQuote\x26form_name=RapidHtml\x26ffname=";
   if( frequency == "monthly"){
       action_url += rccformName;
       paymentType = "rcc";
   } else {
       action_url += ccformName;
   }
   if (i == 2) {
       action_url = "https://foundation.wikimedia.org/wiki/Special:ContributionTracking/" + language;
       paymentType = "pp";
       if( frequency == "monthly"){
           $('<input>').attr({
               type : 'hidden',
               id : 'recurring-hidden',
               name : 'recurring_paypal',
               value : "true"
           }).appendTo( $("form[name='paypalcontribution']") );
           paymentType = "rpp";
       }
   }
   if (i == 3) {
       action_url = "https://payments.wikimedia.org/index.php/Special:AmazonGateway?redirect=1\x26uselang=" + language;
       paymentType = "amazon";
   }
   if (i == 4) {
       formName = "obt-bpay";
       action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=" + language + "\x26form_name=RapidHtml\x26ffname=" + formName + "\x26appeal=JimmyQuote";
       paymentType = "bpay";
   }
   if (i == 5) {
       formName = "ew-webmoney";
       action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=" + language + "\x26form_name=RapidHtml\x26ffname=" + formName + "\x26appeal=JimmyQuote";
       paymentType = "ew";
   }
   document.paypalcontribution.action = action_url;
   document.paypalcontribution.utm_source.value = '{{{banner}}}.no-LP' + '.' + paymentType;
   document.paypalcontribution.payment_method.value = paymentType;
   if (validateForm(document.paypalcontribution)) {
       document.paypalcontribution.submit();
   }

}

$(document).ready( function () {

   if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){
       // append the banner count in utm-key
       var cookieName = 'centralnotice_bannercount_fr12';
       var count = $.cookie(cookieName);
       $('[name="paypalcontribution"]').append(
           $('<input type="hidden" name="utm_key" />').attr('value', count));
       // do country-specific things
       var currency = "USD";
       var symbol = "$";
       switch(Geo.country){
           case 'AU':
               $(".paymentmethod-bpay").css("display", ""); //do not set to block
               currency = "AUD";
               break;
           case 'CA':
               currency = "CAD";
               break;
           case 'GB':
               currency = "GBP";
               symbol = "£";
               break;
           case 'IT':
               currency = "EUR";
               symbol = "€";
               break;
           case 'NZ':
               currency = "NZD";
               break;
           case 'US':
               $(".us-only").css("display", "");
               $(".paymentmethod-amazon").css("display", ""); //do not set to block
               break;
           default:
       }
       // set the form fields
       $("input[name='country']").val(Geo.country);
       $("input[name='currency_code']").val(currency);
       $("input[name='language']").val(mw.config.get('wgUserLanguage'));
       $("input[name='return_to']").val("Thank_You/" + mw.config.get('wgUserLanguage'));
       // do fun things to localize currency in the banner and form
       $("input[name='amount']").each(function(index){
           var id = $(this).attr("id");
           var label = $("label[for='" + id + "']");
           label.text(label.text().replace(/\$/, symbol));
       });
   }

});

function toggleMonthly( monthly ){

   if( monthly.type == "checkbox" ){
       monthly = monthly.checked;
   }
   var onetimeonly = $(".no-monthly");
   if( monthly ){
       onetimeonly.css("display", "none");
   } else {
       onetimeonly.css("display", "");
       if( Geo.country != "US" ){
           $(".paymentmethod-amazon").css("display", "none");
       }
       if( Geo.country != "AU" ){
           $(".paymentmethod-bpay").css("display", "none");
       }
   }

} </script>