User:Seddon (WMF)/editcheck

From Donate
Revision as of 21:37, 28 December 2011 by Seddon (WMF) (talk | contribs)
Jump to navigation Jump to search

MediaWiki:Centralnotice-shared-common-style-2011 MediaWiki:Centralnotice-shared-button-2011 <style type="text/css">

  1. centralNotice.collapsed #{{{utm-banner}}}{
 display: none;

}

  1. {{{utm-banner}}} {
 position: relative;
 background-image: url({{{image-url}}});
 background-repeat: no-repeat;
 margin-bottom: 0.5em !important;
 background-color:#FFFFFF;
 border: solid 1px silver;
 height:172px;
 overflow: hidden;

} body.ltr #{{{utm-banner}}} {

 background-position: 0px 0px;

} body.rtl #{{{utm-banner}}} {

 background-position: 100% 0%;

}

  1. {{{utm-banner}}} a {
 text-decoration: none;

}

  1. {{{utm-banner}}} a:hover {
 text-decoration: none;

}

  1. cn-bold-blue-text:hover {
 text-decoration: underline;

}

/* Bigger bold, blue text */

  1. {{{utm-banner}}} #cn-bold-blue-text {
 padding: 30px 80px 0.5em 140px;
 text-align:center;
 text-direction:⧼Centralnotice-2011translations-dir⧽;
 font-size: 2em;
 font-weight: bold;
 color: navy;
 line-height: 1em;

}


  1. {{{utm-banner}}} #thermo-caption {
 font-size: 1.2em;
 font-weight: bold;
 color: navy;
 padding-top: 6px;
 line-height: 1.2em;
 text-align:center;

}

  1. {{{utm-banner}}} #thermometer-wrapper {
 position: relative;
 height: 21px;
 width: 800px;
 margin: 0 auto;
 padding: 0;

}

#{{{utm-banner}}} #notice-thermometer,  #{{{utm-banner}}} #notice-thermometer-daily {
 position: relative;
 height: 21px;
 width: 800px;
 margin: 0.75em 0.75em 0.25em 180px;

}

  1. {{{utm-banner}}} #notice-thermometer-start, #{{{utm-banner}}} #notice-thermometer-daily-start {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: left top;
 width: 10px;
 height: 21px;

}

  1. {{{utm-banner}}} #notice-thermometer-base, #{{{utm-banner}}} #notice-thermometer-daily-base {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: left 63px;
 height: 21px;
 color: #3474b5;
 font-weight: bold;
 text-align: right;
 line-height: 23px;
 overflow: hidden;

}

  1. {{{utm-banner}}} #notice-thermometer-togo, #{{{utm-banner}}} #notice-thermometer-daily-togo {
 float: left;
 height: 21px;
 font-weight: bold;
 line-height: 23px;
 overflow: hidden;
 margin-left: 1em;

}

  1. {{{utm-banner}}} #notice-thermometer-end, #{{{utm-banner}}} #notice-thermometer-daily-end {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: right -63px;
 width: 10px;
 height: 21px;

}

  1. {{{utm-banner}}} #notice-thermometer-mercury, #{{{utm-banner}}} #notice-thermometer-daily-mercury {
 position: absolute;
 left: 10px;
 height: 21px;

}

  1. {{{utm-banner}}} #notice-thermometer-fill, #{{{utm-banner}}} #notice-thermometer-daily-fill {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: left -21px;
 height: 21px;
 color: #E8E8E8;
 font-weight: bold;
 text-align: right;
 line-height: 23px;
 overflow: hidden;

}

  1. {{{utm-banner}}} #notice-thermometer-arrow, #{{{utm-banner}}} #notice-thermometer-daily-arrow {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/d/d6/2010-thermometer2-transition.png);
 height: 21px;
 width: 23px;

}

  1. {{{utm-banner}}} #notice-thermometer-recieve, #{{{utm-banner}}} #notice-thermometer-daily-recieve {
 float: left;
 //background-image: url(//upload.wikimedia.org/wikipedia/foundation/d/d6/2010-thermometer2-transition.png);
 background-color: #CCCCCC;
 //background-position: right bottom;
 height: 21px;
 width: 23px;

}


</style>

<script type="text/javascript">

var countrySpecific = { Template:2011FR/MulticurrencyLimited };

function getCountryValue(ii) {

if(typeof(countrySpecific[Geo.country]) === 'undefined')
 return countrySpecific['XX'][ii];
else
 return countrySpecific[Geo.country][ii]; 

}

</script>

 <a id="variable_lp" href="#">
 
   {{{text-1}}}
{{{text-2}}}
⧼Centralnotice-2011translations-read-now⧽
 </a>
   <a href="#" onclick="hideBanner();return false;"><img border="0" src="//bits.wikimedia.org/skins-1.17/common/images/closewindow.png" alt="Close" /></a>

<script type="text/javascript">

var bannerRewriteUrl = function() {

 $('#variable_lp').attr('href', function() {
   var baseUrl = 'https://donate.wikimedia.org/wiki/Special:FundraiserLandingPage';
   var queryString = $.param( {
     'uselang' : wgUserLanguage,
     'country' : Geo.country,
     'template' : 'Lp-layout-default',
// landing page components
     'appeal-template' : bannerChooseRandom( '{{{lp-appeal-template}}}' ),
     'appeal': bannerChooseRandom( '{{{lp-appeal}}}' ),
     'form-template' : bannerChooseRandom( '{{{lp-form-template}}}' ),
     'form-countryspecific' : bannerChooseRandom( '{{{lp-form-countryspecific}}}' ),
// utm tracking data
     'utm_medium'   : 'sitenotice',
     'utm_source'   : '{{{utm-banner}}}' + '_' + Geo.country,
     'utm_campaign' : '{{{utm-campaign}}}' + '_' + getCountryValue(0),
   } );
   var fullUrl = baseUrl + '?' + queryString;
   return fullUrl
 } );

};

function fixMessage(){

 var message1 = '{{{text-1}}}';	
 message1 = message1.replace('%AMOUNT%',getCountryValue(2) + getCountryValue(4));	
 document.getElementById('text-line-1').innerHTML = message1;

}

function fixButton(){

 if(getCountryValue(1) == 'CAD' || getCountryValue(1) =='AUD' || getCountryValue(1) =='GBP' || getCountryValue(1) =='JPY')
   buttonText = "⧼Centralnotice-2011translations-currency-2⧽";
 else
   buttonText = "⧼Centralnotice-2011translations-currency-1⧽";
 buttonText = buttonText.replace('%CURRENCY%',getCountryValue(2) + ' ' + '(' + getCountryValue(1) +')' );
 document.getElementById('notice-button-2011-label').innerHTML = buttonText;
 if(getCountryValue(1) == 'USD' || getCountryValue(1) == 'EUR')
   document.getElementById( 'notice-button-2011-label').innerHTML = '⧼Centralnotice-2011translations-read-now⧽';

}

function fixNumber(rawValue){

 if(rawValue/1000>=1)
 {
   return (getCountryValue(2) + (rawValue/1000).toPrecision(3) + ' B');
 }
 else if(rawValue*1000<1000)
 {
   return (getCountryValue(2) + (rawValue*1000).toPrecision(3) + ' K');
 }
 else
 {
   return (getCountryValue(2) + (rawValue/1).toPrecision(3) + ' M');
 }

}

function fixThermo(){

 var togoText = "{{{togo-text}}}";
 var raisedText ="{{{raised-text}}}";
 var goalText = "{{{goal-text}}}";
 var raisedNumber = parseInt(('{{{amount}}}').replace('\,','.'));
 if(getCountryValue(1)!='USD')
 {
   raisedNumber = getCountryValue(6)*raisedNumber/MediaWiki:Centralnotice-shared-2011-fundraising-goal;
 } 
 var goalNumber = getCountryValue(6);
 var togoNumber = (goalNumber - raisedNumber); 
 togoText = togoText.replace('%AMOUNT%',fixNumber(togoNumber));
 raisedText = raisedText.replace('%AMOUNT%',fixNumber(raisedNumber));
 goalText = goalText.replace('%AMOUNT%',fixNumber(goalNumber));
 document.getElementById('left-span').innerHTML = togoText;
 document.getElementById('raised-span').innerHTML = raisedText;
 document.getElementById('goal-span').innerHTML = goalText;

}

var bannerChooseRandom = function(choiceString) {

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

}

// Set thermometer sizes var maxPixels = 500; var range = parseInt( 'MediaWiki:Centralnotice-shared-2011-fundraising-goal' ); var value = parseInt( '{{{amount}}}' ); var fill = parseInt( maxPixels * ( ( 1 / range ) * value ) );

$(document).ready( function () {

 bannerRewriteUrl();
 //fixButton();
 fixMessage();
 fixThermo();
 $('#notice-thermometer-fill').animate( { width: fill }, 3000 )

});

</script>