/css/counter.css

https://bitbucket.org/andgarzon/apple-style-flip-counter · CSS · 16 lines · 5 code · 1 blank · 10 comment · 0 complexity · b6bbda83d854391824edb55a53d83815 MD5 · raw file 

    

  1. /*

    2. 

  2. 

    3. 

  3. Styling the counter itself.

    4. 

  4. Set image paths accordingly.

    5. 

  5. 

    6. 

  6. THIS YOU NEED TO KEEP.

    7. 

  7. 

    8. 

  8. So you can have multiple counters on a page, just make sure each one has a class of "flip-counter".

    9. 

  9. 

    10. 

  10. */

    11. 

  11. 

    12. 

  12. .flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0}

    13. 

  13. .flip-counter li{background:url(../img/digits.png) 0 0 no-repeat}

    14. 

  14. .flip-counter li.t{background-position:0 0;width:53px;height:39px}

    15. 

  15. .flip-counter li.b{background-position:0 0;width:53px;height:64px}

    16. 

  16. .flip-counter li.s{background-position:-53px -1030px;width:14px;height:103px}
    17.