You are here

Home » API reference » Field Timer 7

field_timer.css in Field Timer 7

Same filename and directory in other branches
  1. 8 css/field_timer.css
  2. 7.2 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. }