Utilisateur:Dr Brains/FlippingClocks.css

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

.flippingclock {
 border:1px solid #101010;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px; 
 border-radius: 4px;
 background-color:#404040;
 width:165px;
 text-align:center;
 padding-top:4px;
}

.flippingclock .flippingclockelement {
 display:inline-block;
 background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Flipping_count_background.png/250px-Flipping_count_background.png");
 background-position:0px 0px;
 width:25px !important;
 height:32px !important;
 margin:0;
 padding:0;
 overflow:hidden;
}

.flippingclockbig {
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px; 
 border-radius: 8px;
 width:320px;
}

.flippingclockbig .flippingclockelement {
 background-image: url("//upload.wikimedia.org/wikipedia/commons/a/a8/Flipping_count_background.png");
 width:50px !important;
 height:64px !important;
}


.flippingclocksmall {
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px; 
 border-radius: 2px;
 width:90px;
 padding-top:4px;
}

.flippingclocksmall .flippingclockelement {
 background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Flipping_count_background.png/125px-Flipping_count_background.png");
 width:12.5px !important;
 height:16px !important;
}