The hourglass-feature doesn't work with all browsers (chrome works, firefox and konqueror don't, more I didn't check). It looks like the
CSS content property isn't used as specified (no :before/after pseudo element is used).
For the savvy ones here are the relevant lines from
mainsite.css:
Code: Select all
.tableplace_activeplayer img {content: url( '../img/layout/active_player_static.png');}
.tableplace_activeplayer_current img {content: url( '../img/layout/active_player.gif');}
.tableplace_activeplayer_clockalert img {content: url( '../img/layout/active_player_clockalert_static.png');}
.tableplace_activeplayer_clockalert_current img {content: url( '../img/layout/active_player_clockalert.gif');}
It might be a simple fix, but I haven't verified.
PS:
It looks like changing the img isn't as easy as one would like. The css-code used here does indeed not work for all browsers, cp.
Stack Overflow. A simple fix [working for all relevant browsers afaik] would be sth. along these lines:
Code: Select all
.tableplace_activeplayer {
border: 2px solid red;
border-radius: 5px;}
.tableplace_activeplayer_current {
border: 2px solid red;
border-radius: 5px;}
.tableplace_activeplayer_clockalert {
border: 2px solid red;
border-radius: 5px;}
.tableplace_activeplayer_clockalert_current {
border: 2px solid red;
border-radius: 5px;}
=>
PPS: No border and just changing the background color to #ebd5bd which is used for many boxes on this site looks nicer: