Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a23500943d7f3cd0

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;
}