You are here

jquery_countdown_timer.css in jQuery Countdown Timer 8

Same filename and directory in other branches
  1. 7 css/jquery_countdown_timer.css
.position {
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 1.1em;
}

.digit {
  position: absolute;
  display: block;
  width: 1em;
  background-color: #444;
  border-radius: 0.2em;
  text-align: center;
  color: #fff;
  letter-spacing: -1px;
}

.digit.static {
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  background-image: linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  background-image: -o-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  background-image: -moz-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  background-image: -webkit-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  background-image: -ms-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3a3a3a), color-stop(0.5, #444444));
}

.countDiv {
  display: inline-block;
  width: 16px;
  height: 1.6em;
  position: relative;
}

.countDiv:before,
.countDiv:after {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #444;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.5em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: '';
}

.countDiv:after {
  top: 0.9em;
}

#jquery-countdown-timer-note {
  color: #666666;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 12px;
}

File

css/jquery_countdown_timer.css
View source
  1. .position {
  2. display: inline-block;
  3. height: 1.6em;
  4. overflow: hidden;
  5. position: relative;
  6. width: 1.1em;
  7. }
  8. .digit {
  9. position: absolute;
  10. display: block;
  11. width: 1em;
  12. background-color: #444;
  13. border-radius: 0.2em;
  14. text-align: center;
  15. color: #fff;
  16. letter-spacing: -1px;
  17. }
  18. .digit.static {
  19. box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  20. background-image: linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  21. background-image: -o-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  22. background-image: -moz-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  23. background-image: -webkit-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  24. background-image: -ms-linear-gradient(bottom, #3a3a3a 50%, #444444 50%);
  25. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3a3a3a), color-stop(0.5, #444444));
  26. }
  27. .countDiv {
  28. display: inline-block;
  29. width: 16px;
  30. height: 1.6em;
  31. position: relative;
  32. }
  33. .countDiv:before,
  34. .countDiv:after {
  35. position: absolute;
  36. width: 5px;
  37. height: 5px;
  38. background-color: #444;
  39. border-radius: 50%;
  40. left: 50%;
  41. margin-left: -3px;
  42. top: 0.5em;
  43. box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  44. content: '';
  45. }
  46. .countDiv:after {
  47. top: 0.9em;
  48. }
  49. #jquery-countdown-timer-note {
  50. color: #666666;
  51. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  52. font-size: 12px;
  53. }