Jump to content
Wikimedia Meta-Wiki

MediaWiki:Centralnotice-template-20101219 JA027B US

From Meta, a Wikimedia project coordination wiki

<style type="text/css">

  1. centralNotice.collapsed #JABanner25A{
 display: none;
}
  1. JABanner25A{
 position: relative;
 overflow: hidden;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/1/13/Jimmyc-white163.jpg);
 background-position: bottom left;
 background-repeat: no-repeat;
 margin-bottom: 0.5em !important;
 background-color:#FFFFFF;
 border: solid 1px navy; 
 height:163px;

}

a.cn-full-banner-click {

display:block;
position:relative;
height:100%;
width:100%;

}

  1. cn-toggle-box {
 position: absolute;
 z-index: 1000;
 top: 7px;
 right: 7px;
}

/* Bigger bold, blue text */

  1. JABanner25A #cn-bold-blue-text {
font-size: 2.25em;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
color: navy;
padding: .5em;
padding-left: 160px;
padding-right: 100px;
line-height: 1em;
text-align:center;
z-index: 5;

}

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

}

  1. JABanner25A a {
text-decoration: none;

}

  1. notice-button2 {
 position:absolute;
 bottom:15px;
 right:15px;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/8/8f/Please_read_Button.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 84px;
}
#JABanner25A div#cn-toggle-box {
 position: absolute;
 z-index: 1000;
 top: .2em;
 right: .2em;
}
#JABanner25A #thermometer-wrapper {
 position:relative;
 bottom: 10px;
 right: 15px;
 height: 21px;
 width: 445px;
 margin: 1em auto;

}

#JABanner25A #notice-thermometer {
 position: relative;
 height: 21px;
 width: 545px;
 margin: 0.75em;
}
#JABanner25A #notice-thermometer-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;
}
#JABanner25A #notice-thermometer-base {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: left 42px;
 height: 21px;
 color: #3474b5;
 font-weight: bold;
 text-align: right;
 line-height: 23px;
 overflow: hidden;
}
#JABanner25A #notice-thermometer-end {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/3/3d/Fundraising-2010-thermometer2.png);
 background-position: right bottom;
 width: 10px;
 height: 21px;
}
#JABanner25A #notice-thermometer-mercury {
 position: absolute;
 left: 10px;
 height: 21px;
}
#JABanner25A #notice-thermometer-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;
}
#JABanner25A #notice-thermometer-arrow {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/d/d6/2010-thermometer2-transition.png);
 height: 21px;
 width: 24px;
}

</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#JABanner25A a.variable_lp").attr("href",url);

} if($j){

 $j(document).ready(cn_rewrite_url);

} </script>

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

 {{{13-text1}}}
{{{13-text2}}}
{{{13-text3}}}
0ドルM left to go
16ドルM raised

</a>

<a href="#" onclick="toggleNotice();return false"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" width="19" height="19" alt="Close" /></a>

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

AltStyle によって変換されたページ (->オリジナル) /