No Description

odometer-theme-car.css 5.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .odometer-digit,.odometer-digit span {
  2. font-size: .4rem;
  3. color:#FFDEA7;
  4. // text-align: center;
  5. }
  6. .odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  7. display: -moz-inline-box;
  8. -moz-box-orient: vertical;
  9. display: inline-block;
  10. vertical-align: super;
  11. *vertical-align: auto;
  12. position: relative;
  13. }
  14. .odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  15. *display: inline;
  16. }
  17. .odometer-formatting-mark {
  18. font-size: .4rem;
  19. color: #FFDEA7;
  20. display: none;
  21. }
  22. .odometer-radix-mark {
  23. display: inline-block;
  24. }
  25. .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  26. // text-align: center;
  27. display: -moz-inline-box;
  28. -moz-box-orient: vertical;
  29. display: inline-block;
  30. vertical-align: middle;
  31. *vertical-align: auto;
  32. position: relative;
  33. }
  34. .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  35. *display: inline;
  36. }
  37. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  38. display: -moz-inline-box;
  39. -moz-box-orient: vertical;
  40. display: inline-block;
  41. vertical-align: middle;
  42. *vertical-align: auto;
  43. visibility: hidden;
  44. }
  45. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  46. *display: inline;
  47. }
  48. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  49. text-align: left;
  50. display: block;
  51. position: absolute;
  52. top: 0;
  53. left: 0;
  54. right: 0;
  55. bottom: 0;
  56. overflow: hidden;
  57. }
  58. .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
  59. display: block;
  60. }
  61. .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
  62. display: block;
  63. -webkit-backface-visibility: hidden;
  64. }
  65. .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
  66. color: #FFDEA7;
  67. font-size: .4rem;
  68. // font-family: 'newFont';
  69. display: block;
  70. -webkit-transform: translateZ(0);
  71. }
  72. .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
  73. position: absolute;
  74. }
  75. .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
  76. -webkit-transition: -webkit-transform 2s;
  77. -moz-transition: -moz-transform 2s;
  78. -ms-transition: -ms-transform 2s;
  79. -o-transition: -o-transform 2s;
  80. transition: transform 2s;
  81. }
  82. .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  83. -webkit-transform: translateY(-100%);
  84. -moz-transform: translateY(-100%);
  85. -ms-transform: translateY(-100%);
  86. -o-transform: translateY(-100%);
  87. transform: translateY(-100%);
  88. }
  89. .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
  90. -webkit-transform: translateY(-100%);
  91. -moz-transform: translateY(-100%);
  92. -ms-transform: translateY(-100%);
  93. -o-transform: translateY(-100%);
  94. transform: translateY(-100%);
  95. }
  96. .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  97. -webkit-transition: -webkit-transform 2s;
  98. -moz-transition: -moz-transform 2s;
  99. -ms-transition: -ms-transform 2s;
  100. -o-transition: -o-transform 2s;
  101. transition: transform 2s;
  102. -webkit-transform: translateY(0);
  103. -moz-transform: translateY(0);
  104. -ms-transform: translateY(0);
  105. -o-transform: translateY(0);
  106. transform: translateY(0);
  107. }
  108. .odometer.odometer-auto-theme, .odometer.odometer-theme-car {
  109. -moz-border-radius: 0.34em;
  110. -webkit-border-radius: 0.34em;
  111. -o-border-radius: 0.34em;
  112. -ms-border-radius: 0.34em;
  113. -khtml-border-radius: 0.34em;
  114. border-radius: 0.34em;
  115. font-family: "Arimo", monospace;
  116. padding: 0.15em;
  117. background: transparent;
  118. }
  119. .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  120. padding: 0 0.15em;
  121. }
  122. .odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child {
  123. -moz-border-radius: 0.2em 0 0 0.2em;
  124. -webkit-border-radius: 0.2em 0 0 0.2em;
  125. -o-border-radius: 0.2em 0 0 0.2em;
  126. -ms-border-radius: 0.2em 0 0 0.2em;
  127. -khtml-border-radius: 0.2em 0 0 0.2em;
  128. border-radius: 0.2em 0 0 0.2em;
  129. }
  130. .odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {
  131. -moz-border-radius: 0 0.2em 0.2em 0;
  132. -webkit-border-radius: 0 0.2em 0.2em 0;
  133. -o-border-radius: 0 0.2em 0.2em 0;
  134. -ms-border-radius: 0 0.2em 0.2em 0;
  135. -khtml-border-radius: 0 0.2em 0.2em 0;
  136. border-radius: 0 0.2em 0.2em 0;
  137. color: black;
  138. }
  139. .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  140. left: 0.15em;
  141. }
  142. .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  143. -webkit-transition-timing-function: linear;
  144. -moz-transition-timing-function: linear;
  145. -ms-transition-timing-function: linear;
  146. -o-transition-timing-function: linear;
  147. transition-timing-function: linear;
  148. }