Home Explore Help
Register Sign In
aj
/
chamilo-lms2
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: ofajdev2017
Branches Tags
chamilo-lms2
/
main
/
inc
/
lib
/
javascript
/
epiclock
/
renderers
/
retro
/
epiclock.retro.css

epiclock.retro.css 3.6 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 
  1. /*!
    2. 

  2.  * Retro Style Flip Clock
    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 .epiclock-img .epiclock-animation,
    16. 

  16. .epiclock-retro .epiclock-meridian,
    17. 

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

  18. 

  19. /* Individual Styles
    20. 

  20. ----------------------------------*/
    21. 

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

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

  23. .epiclock-retro .epiclock-separator { width: 26px; text-indent: -999999px; background-position: 0 -840px; }
    24. 

  24. 

  25. /* Container Clearfix
    26. 

  26. ----------------------------------*/
    27. 

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

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

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

  30. .epiclock-retro { display:block; }
    31. 

  31. 

  32. /* Static Positions
    33. 

  33. ----------------------------------*/
    34. 

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

  35. .epiclock-retro .d2 .s { background-position: -40px -80px; }
    36. 

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

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

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

  39. .epiclock-retro .d6 .s { background-position: -40px -320px; }
    40. 

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

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

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

  43. .epiclock-retro .d0 .s { background-position: -40px -560px; }
    44. 

  44. .epiclock-retro .dpm .s { background-position: 0 -680px; width: 80px; }
    45. 

  45. .epiclock-retro .dam .s { background-position: 0 -800px; width: 80px; }
    46. 

  46. 

  47. /* Animation Phase 1
    48. 

  48. ----------------------------------*/
    49. 

  49. .epiclock-retro .d1 .a1 { background-position: 0 0; }
    50. 

  50. .epiclock-retro .d2 .a1 { background-position: -40px -40px; }
    51. 

  51. .epiclock-retro .d3 .a1 { background-position: 0 -120px; }
    52. 

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

  53. .epiclock-retro .d5 .a1 { background-position: 0 -240px; }
    54. 

  54. .epiclock-retro .d6 .a1 { background-position: -40px -280px; }
    55. 

  55. .epiclock-retro .d7 .a1 { background-position: 0 -360px; }
    56. 

  56. .epiclock-retro .d8 .a1 { background-position: -40px -400px; }
    57. 

  57. .epiclock-retro .d9 .a1 { background-position: 0 -480px; }
    58. 

  58. .epiclock-retro .d0 .a1 { background-position: -40px -520px; }
    59. 

  59. .epiclock-retro .dpm .a1 { background-position: 0 -720px; width: 80px; }
    60. 

  60. .epiclock-retro .dam .a1 { background-position: 0 -600px; width: 80px; }
    61. 

  61. 

  62. /* Animation Phase 2
    63. 

  63. ----------------------------------*/
    64. 

  64. .epiclock-retro .d1 .a2 { background-position: -40px 0; }
    65. 

  65. .epiclock-retro .d2 .a2 { background-position: 0 -80px; }
    66. 

  66. .epiclock-retro .d3 .a2 { background-position: -40px -120px; }
    67. 

  67. .epiclock-retro .d4 .a2 { background-position: 0 -200px; }
    68. 

  68. .epiclock-retro .d5 .a2 { background-position: -40px -240px; }
    69. 

  69. .epiclock-retro .d6 .a2 { background-position: 0 -320px; }
    70. 

  70. .epiclock-retro .d7 .a2 { background-position: -40px -360px; }
    71. 

  71. .epiclock-retro .d8 .a2 { background-position: 0 -440px; }
    72. 

  72. .epiclock-retro .d9 .a2 { background-position: -40px -480px; }
    73. 

  73. .epiclock-retro .d0 .a2 { background-position: 0 -560px; }
    74. 

  74. .epiclock-retro .dpm .a2 { background-position: 0 -760px; width: 80px; }
    75. 

  75. .epiclock-retro .dam .a2 { background-position: 0 -640px; width: 80px; }
    76.