.clock {
    width: 64px;
    height: 64px;
    background-image: url(../images/clock_64x.png);
    background-size: 100%;
    float: right;
}
/*
I wish there was a way to do it more dynamically. Ideally I'd use
    background-position: 0 calc(attr(data-frame int) * 100);
however CSS only allows use of attr() in content: so far.
*/
.clock[data-frame="0"] {
   background-position: 0 0%;
}
.clock[data-frame="1"] {
   background-position: 0 100%;
}
.clock[data-frame="2"] {
   background-position: 0 200%;
}
.clock[data-frame="3"] {
   background-position: 0 300%;
}
.clock[data-frame="4"] {
   background-position: 0 400%;
}
.clock[data-frame="5"] {
   background-position: 0 500%;
}
.clock[data-frame="6"] {
   background-position: 0 600%;
}
.clock[data-frame="7"] {
   background-position: 0 700%;
}
.clock[data-frame="8"] {
   background-position: 0 800%;
}
.clock[data-frame="9"] {
   background-position: 0 900%;
}
.clock[data-frame="10"] {
   background-position: 0 1000%;
}
.clock[data-frame="11"] {
   background-position: 0 1100%;
}
.clock[data-frame="12"] {
   background-position: 0 1200%;
}
.clock[data-frame="13"] {
   background-position: 0 1300%;
}
.clock[data-frame="14"] {
   background-position: 0 1400%;
}
.clock[data-frame="15"] {
   background-position: 0 1500%;
}
.clock[data-frame="16"] {
   background-position: 0 1600%;
}
.clock[data-frame="17"] {
   background-position: 0 1700%;
}
.clock[data-frame="18"] {
   background-position: 0 1800%;
}
.clock[data-frame="19"] {
   background-position: 0 1900%;
}
.clock[data-frame="20"] {
   background-position: 0 2000%;
}
.clock[data-frame="21"] {
   background-position: 0 2100%;
}
.clock[data-frame="22"] {
   background-position: 0 2200%;
}
.clock[data-frame="23"] {
   background-position: 0 2300%;
}
.clock[data-frame="24"] {
   background-position: 0 2400%;
}
.clock[data-frame="25"] {
   background-position: 0 2500%;
}
.clock[data-frame="26"] {
   background-position: 0 2600%;
}
.clock[data-frame="27"] {
   background-position: 0 2700%;
}
.clock[data-frame="28"] {
   background-position: 0 2800%;
}
.clock[data-frame="29"] {
   background-position: 0 2900%;
}
.clock[data-frame="30"] {
   background-position: 0 3000%;
}
.clock[data-frame="31"] {
   background-position: 0 3100%;
}
.clock[data-frame="32"] {
   background-position: 0 3200%;
}
.clock[data-frame="33"] {
   background-position: 0 3300%;
}
.clock[data-frame="34"] {
   background-position: 0 3400%;
}
.clock[data-frame="35"] {
   background-position: 0 3500%;
}
.clock[data-frame="36"] {
   background-position: 0 3600%;
}
.clock[data-frame="37"] {
   background-position: 0 3700%;
}
.clock[data-frame="38"] {
   background-position: 0 3800%;
}
.clock[data-frame="39"] {
   background-position: 0 3900%;
}
.clock[data-frame="40"] {
   background-position: 0 4000%;
}
.clock[data-frame="41"] {
   background-position: 0 4100%;
}
.clock[data-frame="42"] {
   background-position: 0 4200%;
}
.clock[data-frame="43"] {
   background-position: 0 4300%;
}
.clock[data-frame="44"] {
   background-position: 0 4400%;
}
.clock[data-frame="45"] {
   background-position: 0 4500%;
}
.clock[data-frame="46"] {
   background-position: 0 4600%;
}
.clock[data-frame="47"] {
   background-position: 0 4700%;
}
.clock[data-frame="48"] {
   background-position: 0 4800%;
}
.clock[data-frame="49"] {
   background-position: 0 4900%;
}
.clock[data-frame="50"] {
   background-position: 0 5000%;
}
.clock[data-frame="51"] {
   background-position: 0 5100%;
}
.clock[data-frame="52"] {
   background-position: 0 5200%;
}
.clock[data-frame="53"] {
   background-position: 0 5300%;
}
.clock[data-frame="54"] {
   background-position: 0 5400%;
}
.clock[data-frame="55"] {
   background-position: 0 5500%;
}
.clock[data-frame="56"] {
   background-position: 0 5600%;
}
.clock[data-frame="57"] {
   background-position: 0 5700%;
}
.clock[data-frame="58"] {
   background-position: 0 5800%;
}
.clock[data-frame="59"] {
   background-position: 0 5900%;
}
.clock[data-frame="60"] {
   background-position: 0 6000%;
}
.clock[data-frame="61"] {
   background-position: 0 6100%;
}
.clock[data-frame="62"] {
   background-position: 0 6200%;
}
.clock[data-frame="63"] {
   background-position: 0 6300%;
}
.clock[data-frame="64"] {
   background-position: 0 6400%;
}