div.radar { transform: scale(0.75); width: 128px; height: 128px; background: url('img/blank.png') center center no-repeat; opacity: 0.333; position: fixed; }
div.radar > img { display: none; }
div.radar.blue { background-image: url('img/blue.png'); opacity: 1; }
div.radar.green { background-image: url('img/green.png'); opacity: 1; }
div.radar.yellow { background-image: url('img/yellow.png'); opacity: 1; }
div.radar.orange { background-image: url('img/orange.png'); opacity: 1; }
div.radar.red { background-image: url('img/red.png'); opacity: 1; }
div.radar.blue > img, div.radar.green > img, div.radar.yellow > img, div.radar.orange > img, div.radar.red > img { display: block; }