Template:Countdown clock/styles.css

From Bradshaw, the companion guide to On Our Lines
Revision as of 05:17, 6 February 2021 by Jarley (talk | contribs) (Creating something pretty)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.countdown-clock {
	width: 165px;
	float: right;
	margin: 0 10px;
	color: #666;
	font-family: Calibri, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 0 1px 1px #ccc;
	text-transform: uppercase;
}
.countdown-clock-clock {
	display: block;
	margin: 7px 0;
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 165px;
	height: 100px;
	box-shadow: 1px 1px 5px #ccc;
	position: relative;
	text-indent: 7px;
	line-height: 100px;
	letter-spacing: 14px;
	font-size: 74px;
	color: #4a4a4a;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-shadow: 0 2px 2px #ccc;
}
.countdown-clock-clock:before,
.countdown-clock-clock:after {
	content: "";
	position: absolute;
	top: 10px;
	width: 1px;
	height: 80px;
	background: #ccc;
}
.countdown-clock-clock:before {
	left: 33%;
}
.countdown-clock-clock:after {
	right: 33%;
}