Template:2010Thermometer/GB

div#thermometer-masthead { height: 100px; background-image: url(http://upload.wikimedia.org/wikipedia/foundation/e/e4/Thermometer-grey-background.jpg); background-position: left top; background-repeat: repeat-x; background-color: #ddd; border: 1px solid gray; margin-bottom: 0.5em; } div#thermometer-text { margin: 0.8em 0 0.4em 0; text-align: center; font-size: 1.6em; line-height: 1.6em; } div#thermometer-masthead #notice-thermometer { position: relative; height: 21px; width: 545px; margin: 0.75em auto; } div#thermometer-masthead #notice-thermometer-start { float: left; background-image: url(http://upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png); background-position: left top; width: 10px; height: 21px; } div#thermometer-masthead #notice-thermometer-base { float: left; background-image: url(http://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#thermometer-masthead #notice-thermometer-end { float: left; background-image: url(http://upload.wikimedia.org/wikipedia/foundation/6/6b/Fundraising-2010-thermometer.png); background-position: right bottom; width: 10px; height: 21px; } div#thermometer-masthead #notice-thermometer-mercury { position: absolute; left: 10px; height: 21px; } div#thermometer-masthead #notice-thermometer-fill { float: left; background-image: url(http://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#thermometer-masthead #notice-thermometer-arrow { float: left; background-image: url(http://upload.wikimedia.org/wikipedia/foundation/8/81/2010-thermometer-transition.png); height: 21px; width: 24px; }   £500k £k  // Set thermometer sizes var maxPixels = ; var range = 500; var value = parseInt( ' ' ); var fill = parseInt( maxPixels * ( ( 1 / range ) * value ) ); ( function( $ ) {	$( document ).ready( function { $( '#notice-thermometer-fill' ).animate( { width: fill }, ) } ); //document ready } )( jQuery );