digital-clock.css

/* All elements, when not "turned on", leave slight ghosting */
.element {
	opacity: .1;
}

/* LED bars (specialization of element) that make up the digits */
/* Default theme is green, box-shadow glow, slightly rounded corners */
.bar {
	background-color: #0f0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	position: absolute;
	-webkit-box-shadow: 0 0 20px #0f0;
	-moz-box-shadow: 0 0 20px #0f0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
}

/* Digits */
/* Light up the bars necessary to make a zero.  Everything but the center bar.
   top, bottom, top-left, bottom-left, top-right, bottom-right */
.d0 .center.top, .d0 .center.bottom, .d0 .left.top, .d0 .left.bottom, .d0 .right.top, .d0 .right.bottom {
	opacity: .9;
}

/* The first zero in 12 hour mode should always be turned off,
   i.e. don't show leading zeros in 12 hour mode, but _do_ show them in 24 hour mode.
   Instead of doing a JS computation for this, it can be done here */
.hr12 .d0:first-child .bar {
	opacity: .1 !important;
}

/* Light up the bars necessary to make a one.  Just the top-right and bottom-right */
.d1 .right.top, .d1 .right.bottom {
	opacity: .9;
}