MediaWiki:Centralnotice-template-20101206 SA001A

From Meta, a Wikimedia project coordination wiki

<style type="text/css">

  1. notice-button-2010 {
 float: right;
 height: 30px;
 text-align: center;
 background-color: transparent;
}
  1. notice-button-2010-start {
 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: right bottom;
 width: 8px;
 height: 30px;
}

#notice-button-2010-end {
 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: left top;
 width: 8px;
 height: 30px;
}
  1. notice-button-2010-label {
 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: center center;
 background-repeat: repeat-x;
 font-family: sans-serif;
 font-size: 1em;
 font-weight: bold;
 color: black;
 line-height: 30px;
 height: 30px;
 white-space: nowrap;
}
  1. notice-button-2010-Editor {
position:absolute;
height: 30px;
text-align: center;
background-color: transparent;
left: 40px;
bottom: 15px;

}

  1. notice-button-2010-start-Editor {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: left top;
 width: 8px;
 height: 30px;
}

#notice-button-2010-end-Editor {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: right bottom;
 width: 8px;
 height: 30px;
}
  1. notice-button-2010-label-Editor {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/CNbasicButtonParts.png);
 background-position: center center;
 background-repeat: repeat-x;
 font-family: sans-serif;
 font-size: .5em;
 font-weight: bold;
 color: black;
 line-height: 30px;
 height: 30px;
 white-space: nowrap;
}

</style> <style type="text/css"> 

/* Common style for 2010 banners */
/* Hide the collapsed banner */
#centralNotice.collapsed .cn-fundraiser-banner {
 display: none;
}

/* Suppress lock icon for secure links in the banner */ 
#centralNotice a[href^="https://"], .link-https {
 background-image: none !important;
 padding: 0 !important;
}

/* Set a grey border, grey background, etc. */
.cn-fundraiser-banner {
 position: relative;
 border: 1px solid silver;
 background-color: #fbfbfb;
 margin-bottom: 0.5em !important;
 padding-top: 1em;
 padding-bottom: 1em;
 text-align:center;
}

/* Put the little X in the top-right corner */
#cn-toggle-box {
 position: absolute;
 top: .2em;
 right: .2em;
}

/* Bold, blue text */
.cn-blue-text {
 font-weight: bold;
 font-family: Helvetica, Verdana, sans-serif;
 color: #6e98c2;
 text-align: center;
 font-size: 1.3em;
}

/* Bigger bold, blue text */
.cn-bold-blue-text {
 font-size: 2.25em;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 color: navy;
 text-align: center;
 padding: 0.5em !important;
 line-height: 1em;
}

/* For buttons in the lower right corner */
.cn-bottom-right-float {
 position: absolute;
 right: 1em;
 bottom: 1em;
}

/* To make the entire banner clickable */
a.cn-full-banner-click {
 display:block;
 position:relative;
 height:100%;
 width:100%;
}

</style> <style type="text/css"> 

#centralNotice.collapsed div#SueBanner1A{
 display: none;
}
#
div#SueBanner1A div#cn-toggle-box {
 position: absolute;
 z-index: 1000;
 top: .2em;
 right: .2em;
}

div#SueBanner1A{
 position: relative;
 overflow: hidden;
 background-color: #cccccc;
 border: 1px solid gray;
 height: 172px;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/7/79/SueAppealV2.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 margin-bottom: 0.5em !important;
}

div#SueBanner1A-text {
 padding: 20px .75em .75em 300px !important;
 overflow: hidden;
 color: #333333;
 font-family: helvetica, arial, sans-serif;
 font-weight: bold;
 text-align: left;
 font-size: 1.75em;
 line-height: 1.125em;
 cursor: pointer;
 background-color: transparent;
}

div#SueBanner1A-text:hover {
 text-decoration: underline;
 color: #333333;
}

div#SueBanner1A a:hover {
 text-decoration: none;

} 

div#SueBanner1A #snotice-thermometer {
 position: absolute;
 bottom: 55px;
 left: 300px;
 height: 21px;
 width: 445px;
 margin: 0.75em auto;
}

div#SueBanner1A #snotice-thermometer-start { 

 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png);
 background-position: left top;
 width: 10px;
 height: 21px;
}

div#SueBanner1A #snotice-thermometer-base { 

 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png);
 background-position: left 42px;
 height: 21px;
 color: #3474b5;
 font-weight: bold;
 text-align: right;
 line-height: 23px;
 overflow: hidden;
}

div#SueBanner1A #snotice-thermometer-end {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png);
 background-position: right bottom;
 width: 10px;
 height: 21px;
}
div#SueBanner1A #snotice-thermometer-mercury {
 position: absolute;
 left: 10px;
 height: 21px;
}
div#SueBanner1A #snotice-thermometer-fill {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png);
 background-position: left -21px;
 height: 21px;
 color: white;
 font-weight: bold;
 text-align: right;
 line-height: 23px;
 overflow: hidden;
}
div#SueBanner1A #snotice-thermometer-arrow {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/8/81/2010-thermometer-transition.png);
 height: 21px;
 width: 24px;
}
  1. notice-button-2010-Sue {
  position:absolute;
  height: 30px;
  text-align: center;
  background-color: transparent;
  left: 645px;
  bottom: 15px;
}

div#SueBanner1A #notice-button-2010-label-Editor {
  font-size: 1em;
}

</style>


<script type="text/javascript"> var cn_rewrite_url = function() { 

 var url = '{{{banner-url-2010}}}';
 var targets = String( '{{{targets}}}' ).split(',');
 if ( targets.length ) {
   url += "/" + targets[Math.floor( Math.random() * targets.length )].replace(/^\s+|\s+$/, );
 }
   url+= "?utm_medium=sitenotice&utm_campaign={{{campaign}}}&utm_source={{{banner}}}&country_code="+Geo.country;
 $j("div#SueBanner1A a.variable_lp").attr("href",url);

} if($j){ 

 $j(document).ready(cn_rewrite_url);

} </script>

<a href="#" onclick="toggleNotice();return false"><img border="0" src="//bits.wikimedia.org/skins-1.5/common/images/closewindow.png" width="13" height="13" alt="Close" /></a>

<a class="variable_lp cn-full-banner-click" href="">

{{{pitch}}}
$14M
${{{amount}}}M
{{{read-now}}}

</a>

<script type="text/javascript"> // Set thermometer sizes var maxPixels = 400; var range = parseInt( '16' ); var value = parseInt( '{{{amount}}}' ); var fill = parseInt( maxPixels * ( ( 1 / range ) * value ) ); ( function( $ ) { $( document ).ready( function () { $( '#snotice-thermometer-fill' ).animate( { width: fill }, 3000 ) } ); //document ready } )( jQuery ); </script>

Retrieved from "https://meta.wikimedia.org/w/index.php?title=MediaWiki:Centralnotice-template-20101206_SA001A&oldid=3020665"