User:Seddon (WMF)/editcheck

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 {

 font-size: 2.25em;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 color: navy;
 padding: 0.8em 120px 0.2em 175px;
 line-height: 1em;
 text-align:center;

}

1. {{{utm-banner}}} #thermo-caption {

 font-size: 1.5em;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 color: navy;
 padding: 0;
 line-height: 1.5em;
 text-align:center;
 margin: 0 0 0 75px;

}

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}}}

   {{{text-3}}}

€MediaWiki:Centralnotice-shared-2011-fundraising-valueM raised

MediaWiki:Centralnotice-shared-2011-fundraising-leftM left

    {{{caption}}}

⧼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
 } );

};

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

$(document).ready( function () {

 bannerRewriteUrl();
 $('#notice-thermometer-fill').html( '€' + value.toFixed(1) + 'M raised' );
 $('#notice-thermometer-togo').html( '€' + left.toFixed(1) + 'M left' );
 $('#notice-thermometer-fill').animate( { width: fill }, 3000 )

});

</script>