MediaWiki:Seddontest-thermocss

From Meta, a Wikimedia project coordination wiki

<style type="text/css">

  1. thermometer-wrapper {
 position:relative;
 bottom: 10px;
 right: 15px;
 height: 21px;
 width: 445px;
 margin: 1em auto;

}

  1. notice-thermometer {
 position: relative;
 height: 21px;
 width: 545px;
 margin: 0.75em;
}
  1. 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;
}
  1. 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;
}
  1. 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;
}
  1. notice-thermometer-mercury {
 position: absolute;
 left: 10px;
 height: 21px;
}
  1. 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;
}
  1. notice-thermometer-arrow {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/d/d6/2010-thermometer2-transition.png);
 height: 21px;
 width: 24px;
}

</style>