Jump to content

Template:Thermometer/styles.css

From Wikipedia, the free encyclopedia
div {
  text-align: justify;
  text-justify: inter-word;
}

.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:red;
}

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