You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

94 lines
3.8 KiB

  1. .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  2. display: -moz-inline-box;
  3. -moz-box-orient: vertical;
  4. display: inline-block;
  5. vertical-align: middle;
  6. *vertical-align: auto;
  7. position: relative;
  8. }
  9. .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  10. *display: inline;
  11. }
  12. .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  13. display: -moz-inline-box;
  14. -moz-box-orient: vertical;
  15. display: inline-block;
  16. vertical-align: middle;
  17. *vertical-align: auto;
  18. position: relative;
  19. }
  20. .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  21. *display: inline;
  22. }
  23. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  24. display: -moz-inline-box;
  25. -moz-box-orient: vertical;
  26. display: inline-block;
  27. vertical-align: middle;
  28. *vertical-align: auto;
  29. visibility: hidden;
  30. }
  31. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  32. *display: inline;
  33. }
  34. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  35. text-align: left;
  36. display: block;
  37. position: absolute;
  38. top: 0;
  39. left: 0;
  40. right: 0;
  41. bottom: 0;
  42. overflow: hidden;
  43. }
  44. .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  45. display: block;
  46. }
  47. .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  48. display: block;
  49. }
  50. .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  51. display: block;
  52. }
  53. .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  54. position: absolute;
  55. }
  56. .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  57. -webkit-transition: -webkit-transform 2s;
  58. -moz-transition: -moz-transform 2s;
  59. -ms-transition: -ms-transform 2s;
  60. -o-transition: -o-transform 2s;
  61. transition: transform 2s;
  62. }
  63. .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  64. -webkit-transform: translateY(-100%);
  65. -moz-transform: translateY(-100%);
  66. -ms-transform: translateY(-100%);
  67. -o-transform: translateY(-100%);
  68. transform: translateY(-100%);
  69. }
  70. .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  71. -webkit-transform: translateY(-100%);
  72. -moz-transform: translateY(-100%);
  73. -ms-transform: translateY(-100%);
  74. -o-transform: translateY(-100%);
  75. transform: translateY(-100%);
  76. }
  77. .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  78. -webkit-transition: -webkit-transform 2s;
  79. -moz-transition: -moz-transform 2s;
  80. -ms-transition: -ms-transform 2s;
  81. -o-transition: -o-transform 2s;
  82. -o-transition: -o-transform 2s;
  83. transition: transform 2s;
  84. -webkit-transform: translateY(0);
  85. -moz-transform: translateY(0);
  86. -ms-transform: translateY(0);
  87. -o-transform: translateY(0);
  88. transform: translateY(0);
  89. }
  90. .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  91. font-family: "Helvetica Neue", sans-serif;
  92. line-height: 1.1em;
  93. }