Template:Thermometer/sandbox1/styles.css

.thermometer { float:right; width:100px; height:400px; border:1px solid grey; background-color:#eee; }

.thermometer-stem { position:relative; width:40px; height:320px; margin:10px auto; border:3px solid black; border-radius:20px 20px 0 0; border-bottom:none; background-color:white; z-index:2; }

.thermometer-fill { position:relative; background-color:blue; }

.thermometer-bulb { position:relative; width:60px; height:60px; border-radius:50%; margin:0 auto; border:3px solid black; top:-20px; background-color:blue; z-index:1; }