You are here

Home » API reference » Field Timer 7.2

field_timer.css in Field Timer 7.2

Same filename and directory in other branches
  1. 8 css/field_timer.css
  2. 7 css/field_timer.css
  3. 2.x css/field_timer.css
span.jquery-countdown,
span.jquery-countdown-led {
  display: inline-block;
}
span.jquery-countdown .countdown-section {
  padding: 0 3px;
  width: auto;
}
span.jquery-countdown .countdown-row {
  padding: 0;
}

.jquery-countdown-led.hasCountdown {
  border: none;
  background: none;
}
.jquery-countdown-led span.green {
  display: block;
  float: left;
  width: 10px;
  height: 21px;
}
.jquery-countdown-led .jquery-countdown-led-display-wrapper {
  height: 21px;
}
.jquery-countdown-led span.green.image0 {
  background-position: -0px 0px;
}
.jquery-countdown-led span.green.image1 {
  background-position: -10px 0px;
}
.jquery-countdown-led span.green.image2 {
  background-position: -20px 0px;
}
.jquery-countdown-led span.green.image3 {
  background-position: -30px 0px;
}
.jquery-countdown-led span.green.image4 {
  background-position: -40px 0px;
}
.jquery-countdown-led span.green.image5 {
  background-position: -50px 0px;
}
.jquery-countdown-led span.green.image6 {
  background-position: -60px 0px;
}
.jquery-countdown-led span.green.image7 {
  background-position: -70px 0px;
}
.jquery-countdown-led span.green.image8 {
  background-position: -80px 0px;
}
.jquery-countdown-led span.green.image9 {
  background-position: -90px 0px;
}
.jquery-countdown-led span.green.imageDay {
  background-position: -100px 0px;
}
.jquery-countdown-led span.green.imageSep {
  background-position: -110px 0px;
}
.jquery-countdown-led span.green.imageSpace {
  background-position: -120px 0px;
}
.jquery-countdown-led span.blue {
  display: block;
  float: left;
  width: 34px;
  height: 50px; 
}
.jquery-countdown-led span.blue.image0 {
  background-position: -0px 0px;
}
.jquery-countdown-led span.blue.image1 {
  background-position: -34px 0px;
}
.jquery-countdown-led span.blue.image2 {
  background-position: -68px 0px;
}
.jquery-countdown-led span.blue.image3 {
  background-position: -102px 0px;
}
.jquery-countdown-led span.blue.image4 {
  background-position: -136px 0px;
}
.jquery-countdown-led span.blue.image5 {
  background-position: -170px 0px;
}
.jquery-countdown-led span.blue.image6 {
  background-position: -204px 0px;
}
.jquery-countdown-led span.blue.image7 {
  background-position: -238px 0px;
}
.jquery-countdown-led span.blue.image8 {
  background-position: -272px 0px;
}
.jquery-countdown-led span.blue.image9 {
  background-position: -306px 0px;
}
.jquery-countdown-led span.blue.imageDay {
  background-position: -340px 0px;
}
.jquery-countdown-led span.blue.imageSep {
  background-position: -374px 0px;
}
.jquery-countdown-led span.blue.imageSpace {
  background-position: -408px 0px;
}
.jquery-countdown-led.is-countdown {
  border: none;
}

File

css/field_timer.css
View source 
  1. span.jquery-countdown,

  2. span.jquery-countdown-led {

  3.   display: inline-block;

  4. }

  5. span.jquery-countdown .countdown-section {

  6.   padding: 0 3px;

  7.   width: auto;

  8. }

  9. span.jquery-countdown .countdown-row {

  10.   padding: 0;

  11. }

  12. 

  13. .jquery-countdown-led.hasCountdown {

  14.   border: none;

  15.   background: none;

  16. }

  17. .jquery-countdown-led span.green {

  18.   display: block;

  19.   float: left;

  20.   width: 10px;

  21.   height: 21px;

  22. }

  23. .jquery-countdown-led .jquery-countdown-led-display-wrapper {

  24.   height: 21px;

  25. }

  26. .jquery-countdown-led span.green.image0 {

  27.   background-position: -0px 0px;

  28. }

  29. .jquery-countdown-led span.green.image1 {

  30.   background-position: -10px 0px;

  31. }

  32. .jquery-countdown-led span.green.image2 {

  33.   background-position: -20px 0px;

  34. }

  35. .jquery-countdown-led span.green.image3 {

  36.   background-position: -30px 0px;

  37. }

  38. .jquery-countdown-led span.green.image4 {

  39.   background-position: -40px 0px;

  40. }

  41. .jquery-countdown-led span.green.image5 {

  42.   background-position: -50px 0px;

  43. }

  44. .jquery-countdown-led span.green.image6 {

  45.   background-position: -60px 0px;

  46. }

  47. .jquery-countdown-led span.green.image7 {

  48.   background-position: -70px 0px;

  49. }

  50. .jquery-countdown-led span.green.image8 {

  51.   background-position: -80px 0px;

  52. }

  53. .jquery-countdown-led span.green.image9 {

  54.   background-position: -90px 0px;

  55. }

  56. .jquery-countdown-led span.green.imageDay {

  57.   background-position: -100px 0px;

  58. }

  59. .jquery-countdown-led span.green.imageSep {

  60.   background-position: -110px 0px;

  61. }

  62. .jquery-countdown-led span.green.imageSpace {

  63.   background-position: -120px 0px;

  64. }

  65. .jquery-countdown-led span.blue {

  66.   display: block;

  67.   float: left;

  68.   width: 34px;

  69.   height: 50px; 

  70. }

  71. .jquery-countdown-led span.blue.image0 {

  72.   background-position: -0px 0px;

  73. }

  74. .jquery-countdown-led span.blue.image1 {

  75.   background-position: -34px 0px;

  76. }

  77. .jquery-countdown-led span.blue.image2 {

  78.   background-position: -68px 0px;

  79. }

  80. .jquery-countdown-led span.blue.image3 {

  81.   background-position: -102px 0px;

  82. }

  83. .jquery-countdown-led span.blue.image4 {

  84.   background-position: -136px 0px;

  85. }

  86. .jquery-countdown-led span.blue.image5 {

  87.   background-position: -170px 0px;

  88. }

  89. .jquery-countdown-led span.blue.image6 {

  90.   background-position: -204px 0px;

  91. }

  92. .jquery-countdown-led span.blue.image7 {

  93.   background-position: -238px 0px;

  94. }

  95. .jquery-countdown-led span.blue.image8 {

  96.   background-position: -272px 0px;

  97. }

  98. .jquery-countdown-led span.blue.image9 {

  99.   background-position: -306px 0px;

  100. }

  101. .jquery-countdown-led span.blue.imageDay {

  102.   background-position: -340px 0px;

  103. }

  104. .jquery-countdown-led span.blue.imageSep {

  105.   background-position: -374px 0px;

  106. }

  107. .jquery-countdown-led span.blue.imageSpace {

  108.   background-position: -408px 0px;

  109. }

  110. .jquery-countdown-led.is-countdown {

  111.   border: none;

  112. }