Home Esplora Aiuto
Registrati Accedi
aj
/
chamilo-lms2
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Ramo (Branch): experimental_master
Rami (Branch) Tag
chamilo-lms2
/
public
/
js
/
epiclock
/
renderers
/
retro-countdown
/
epiclock.retro-countdown.css

epiclock.retro-countdown.css 3.5 KB
Permalink Cronologia Originale

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 
  1. /*!
    2. 

  2.  * Retro Style Countdown
    3. 

  3.  * Copyright (c) 2009 Eric Garside (http://eric.garside.name)
    4. 

  4.  * Dual licensed under:
    5. 

  5.  *  MIT: http://www.opensource.org/licenses/mit-license.php
    6. 

  6.  *  GPLv3: http://www.opensource.org/licenses/gpl-3.0.html
    7. 

  7.  */
    8. 

  8. 

  9. /* Master Style
    10. 

  10. ----------------------------------*/
    11. 

  11. 

  12. .epiclock-retro .epiclock, .epiclock-retro .epiclock-img
    13. 

  13.     { display: block; float: left; }
    14. 

  14. 

  15. .epiclock-retro-countdown .epiclock-img .epiclock-animation,
    16. 

  16. .epiclock-retro-countdown .epiclock-separator { display: block; float: left; background-image: url(epiclock.retro-countdown.png); background-repeat: no-repeat; height: 40px; }
    17. 

  17. 

  18. /* Individual Styles
    19. 

  19. ----------------------------------*/
    20. 

  20. .epiclock-retro-countdown .epiclock-spacer { display: block; float: left; width: 10px; height: 1px; margin: 0; }
    21. 

  21. .epiclock-retro-countdown .epiclock-animation { width: 40px; }
    22. 

  22. .epiclock-retro-countdown .epiclock-separator { width: 26px; text-indent: -999999px; background-position: -120px -360px; }
    23. 

  23. 

  24. /* Container Clearfix
    25. 

  25. ----------------------------------*/
    26. 

  26. .epiclock-retro-countdown:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    27. 

  27. .epiclock-retro-countdown { display: inline-block; }
    28. 

  28. * html .epiclock-retro-countdown { height:1%; }
    29. 

  29. .epiclock-retro-countdown { display:block; }
    30. 

  30. 

  31. /* Static Positions
    32. 

  32. ----------------------------------*/
    33. 

  33. .epiclock-retro-countdown .d0 .s { background-position: 0 -360px; }
    34. 

  34. .epiclock-retro-countdown .d1 .s { background-position: 0 -320px; }
    35. 

  35. .epiclock-retro-countdown .d2 .s { background-position: 0 -280px; }
    36. 

  36. .epiclock-retro-countdown .d3 .s { background-position: 0 -240px; }
    37. 

  37. .epiclock-retro-countdown .d4 .s { background-position: 0 -200px; }
    38. 

  38. .epiclock-retro-countdown .d5 .s { background-position: 0 -160px; }
    39. 

  39. .epiclock-retro-countdown .d6 .s { background-position: 0 -120px; }
    40. 

  40. .epiclock-retro-countdown .d7 .s { background-position: 0 -80px; }
    41. 

  41. .epiclock-retro-countdown .d8 .s { background-position: 0 -40px; }
    42. 

  42. .epiclock-retro-countdown .d9 .s { background-position: 0 0; }
    43. 

  43. 

  44. /* Animation Phase 1
    45. 

  45. ----------------------------------*/
    46. 

  46. .epiclock-retro-countdown .d9 .a1 { background-position: -40px -360px; }
    47. 

  47. .epiclock-retro-countdown .d0 .a1 { background-position: -40px -320px; }
    48. 

  48. .epiclock-retro-countdown .d1 .a1 { background-position: -40px -280px; }
    49. 

  49. .epiclock-retro-countdown .d2 .a1 { background-position: -40px -240px; }
    50. 

  50. .epiclock-retro-countdown .d3 .a1 { background-position: -40px -200px; }
    51. 

  51. .epiclock-retro-countdown .d4 .a1 { background-position: -40px -160px; }
    52. 

  52. .epiclock-retro-countdown .d5 .a1 { background-position: -40px -120px; }
    53. 

  53. .epiclock-retro-countdown .d6 .a1 { background-position: -40px -80px; }
    54. 

  54. .epiclock-retro-countdown .d7 .a1 { background-position: -40px -40px; }
    55. 

  55. .epiclock-retro-countdown .d8 .a1 { background-position: -40px 0; }
    56. 

  56. 

  57. /* Animation Phase 2
    58. 

  58. ----------------------------------*/
    59. 

  59. .epiclock-retro-countdown .d9 .a2 { background-position: -80px -360px; }
    60. 

  60. .epiclock-retro-countdown .d0 .a2 { background-position: -80px -320px; }
    61. 

  61. .epiclock-retro-countdown .d1 .a2 { background-position: -80px -280px; }
    62. 

  62. .epiclock-retro-countdown .d2 .a2 { background-position: -80px -240px; }
    63. 

  63. .epiclock-retro-countdown .d3 .a2 { background-position: -80px -200px; }
    64. 

  64. .epiclock-retro-countdown .d4 .a2 { background-position: -80px -160px; }
    65. 

  65. .epiclock-retro-countdown .d5 .a2 { background-position: -80px -120px; }
    66. 

  66. .epiclock-retro-countdown .d6 .a2 { background-position: -80px -80px; }
    67. 

  67. .epiclock-retro-countdown .d7 .a2 { background-position: -80px -40px; }
    68. 

  68. .epiclock-retro-countdown .d8 .a2 { background-position: -80px 0; }
    69.