User:Seddon (WMF)/editcheck: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Seddon (WMF) (talk | contribs)
No edit summary
m Pcoombe moved page User:Jseddon/editcheck to User:Seddon (WMF)/editcheck: Automatically moved page while renaming the user "Jseddon" to "Seddon (WMF)"
 
(3 intermediate revisions by one other user not shown)
Line 53: Line 53:
font-size: 1em;
font-size: 1em;
color: #111111;
color: #111111;
padding: 1em;
line-height: 1em;
line-height: 1em;
text-align:center;
text-align:left;
text-direction:{{int:Centralnotice-2011translations-dir}};
text-direction:{{int:Centralnotice-2011translations-dir}};
padding-bottom: 1.5em;
padding-top: 0.5em;
height: 100px;
}
}


Line 66: Line 70:


.banner-column{
.banner-column{
padding-top: 0.5em;
padding: 0.5em;
padding-right: 1em;
padding-right: 1em;
padding-left: 1em;
padding-left: 1em;
Line 73: Line 77:
}
}


<!-- start of Thermometer styles -->

#{{{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;
}
#{{{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;
}
#{{{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;
}
#{{{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;
}
#{{{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;
}
#{{{utm-banner}}} #notice-thermometer-mercury, #{{{utm-banner}}} #notice-thermometer-daily-mercury {
position: absolute;
left: 10px;
height: 21px;
}
#{{{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;
}
#{{{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;
}
#{{{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;
}

<!-- end of Thermometer styles -->
</style>
</style>
Line 176: Line 101:
<div class="banner-column">
<div class="banner-column">
<li>{{{text-3}}}
<li>{{{text-3}}}
</div>
</div>
<div id="cn-bold-blue-text">
<div id="thermometer-wrapper">
<div id="notice-thermometer">
<div id="notice-thermometer-start"></div>
<div style="width: 450px;" id="notice-thermometer-base"></div>
<div id="notice-thermometer-end"></div>
<div id="notice-thermometer-mercury">
<div style="width: 60px;" id="notice-thermometer-fill">&nbsp;</div>
<div id="notice-thermometer-arrow"></div>
</div>
<div id="notice-thermometer-togo">&nbsp;</div>
</div>
</div>
</div>
</div>
Line 243: Line 155:
} );
} );
};
};

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


$(document).ready( function () {
$(document).ready( function () {
Line 256: Line 161:
}
}
bannerRewriteUrl();
bannerRewriteUrl();
$('#notice-thermometer-fill').html( '$' + value.toFixed(0) + 'K raised' );
$('#notice-thermometer-togo').html( '$' + left.toFixed(0) + 'K left' );
$('#notice-thermometer-fill').animate( { width: fill }, 3000 )
});
});



Latest revision as of 17:01, 5 June 2020

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}}} .cn-bottom-right-float {
 position: relative !important;

}

  1. {{{utm-banner}}} {
 background-image: url({{{image-url}}});
 background-position: bottom right;
 background-repeat: no-repeat;
 display: none; // defaulting to none, setting visible when the margins are added as fail-safe and no-go-nuts-safe
 position: relative;
 background-color: #CCE7CD;
 border: none;
 height:100px;
 overflow: hidden;

}

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

}

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

}

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

}

  1. cn-blue {

color: blue; }

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

}

  1. inlineblue {
 text-decoration: underline;
 color: blue; 

}

/* Bigger bold, blue text */

  1. {{{utm-banner}}} #cn-bold-blue-text {
 font-size: 1em;
 color: #111111;
 padding: 1em;
 line-height: 1em;
 text-align:left;
 text-direction:⧼Centralnotice-2011translations-dir⧽;
 padding-bottom: 1.5em;
 padding-top: 0.5em;
 height: 100px;

}

body.ltr #{{{utm-banner}}} #cn-bold-blue-text{

 padding-right: 20px;

} body.rtl #{{{utm-banner}}} #cn-bold-blue-text{

 padding-left: 20px;

}

.banner-column{

 padding: 0.5em;
 padding-right: 1em;
 padding-left: 1em;
 max-width: 28%;
 float: left;

}

</style>

<script type="text/javascript">

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

function getCountryValue(ii) { return countrySpecific[Geo.country][ii]; }

</script>

 <a id="variable_lp" href="#">
 </a>
   <a href="#" title="Close" onclick="removeBannerSpace(); hideBanner();return false;"><img border="0" src="//bits.wikimedia.org/skins/common/images/closewindow19x19.png" alt="Close" /></a>


<script type="text/javascript">

function addBannerSpace() {

   $('#mw-panel').css('top', '260px');
   $('#mw-head').css('top', '100px');
   $('#{{{utm-banner}}}').css('display', 'block');

}

function removeBannerSpace() {

   $('#mw-panel').css('top', '160px');
   $('#mw-head').css('top', '0px');

}

$('body').prepend($('#centralNotice'));

var bannerChooseRandom = function(choiceString) {

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

}

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

};

$(document).ready( function () {

 if ( wgCanonicalSpecialPageName != "CentralNotice" && wgCanonicalSpecialPageName != "NoticeTemplate" ){
   addBannerSpace();
 }
 bannerRewriteUrl();

});

</script>