You are here

Home » API reference » Field Timer 8

field_timer.css in Field Timer 8

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

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

File

css/field_timer.css
View source 
  1. .field-timer-county {

  2.   display: inline-block;

  3. }

  4. .field-timer-jquery-countdown,

  5. .field-timer-jquery-countdown-led {

  6.   display: inline-block;

  7. }

  8. .field-timer-jquery-countdown .countdown-section {

  9.   padding: 0 3px;

  10.   width: auto;

  11. }

  12. .field-timer-jquery-countdown .countdown-row {

  13.   padding: 0;

  14. }

  15. 

  16. .field-timer-jquery-countdown-led.hasCountdown {

  17.   border: none;

  18.   background: none;

  19. }

  20. .field-timer-jquery-countdown-led span.green {

  21.   display: block;

  22.   float: left;

  23.   width: 10px;

  24.   height: 21px;

  25. }

  26. .field-timer-jquery-countdown-led .jquery-countdown-led-display-wrapper {

  27.   height: 21px;

  28. }

  29. .field-timer-jquery-countdown-led span.green.image0 {background-position: 0     0;}

  30. .field-timer-jquery-countdown-led span.green.image1 {background-position: -10px 0;}

  31. .field-timer-jquery-countdown-led span.green.image2 {background-position: -20px 0;}

  32. .field-timer-jquery-countdown-led span.green.image3 {background-position: -30px 0;}

  33. .field-timer-jquery-countdown-led span.green.image4 {background-position: -40px 0;}

  34. .field-timer-jquery-countdown-led span.green.image5 {background-position: -50px 0;}

  35. .field-timer-jquery-countdown-led span.green.image6 {background-position: -60px 0;}

  36. .field-timer-jquery-countdown-led span.green.image7 {background-position: -70px 0;}

  37. .field-timer-jquery-countdown-led span.green.image8 {background-position: -80px 0;}

  38. .field-timer-jquery-countdown-led span.green.image9 {background-position: -90px 0;}

  39. .field-timer-jquery-countdown-led span.green.imageDay   {background-position: -100px 0;}

  40. .field-timer-jquery-countdown-led span.green.imageSep   {background-position: -110px 0;}

  41. .field-timer-jquery-countdown-led span.green.imageSpace {background-position: -120px 0;}

  42. .field-timer-jquery-countdown-led.green span {

  43.   background: url('/libraries/jquery.countdown/img/countdownLED.png') no-repeat 0px 0px;

  44. }

  45. .field-timer-jquery-countdown-led span.blue {

  46.   display: block;

  47.   float: left;

  48.   width: 34px;

  49.   height: 50px; 

  50. }

  51. .field-timer-jquery-countdown-led span.blue.image0 {background-position: 0      0;}

  52. .field-timer-jquery-countdown-led span.blue.image1 {background-position: -34px  0;}

  53. .field-timer-jquery-countdown-led span.blue.image2 {background-position: -68px  0;}

  54. .field-timer-jquery-countdown-led span.blue.image3 {background-position: -102px 0;}

  55. .field-timer-jquery-countdown-led span.blue.image4 {background-position: -136px 0;}

  56. .field-timer-jquery-countdown-led span.blue.image5 {background-position: -170px 0;}

  57. .field-timer-jquery-countdown-led span.blue.image6 {background-position: -204px 0;}

  58. .field-timer-jquery-countdown-led span.blue.image7 {background-position: -238px 0;}

  59. .field-timer-jquery-countdown-led span.blue.image8 {background-position: -272px 0;}

  60. .field-timer-jquery-countdown-led span.blue.image9 {background-position: -306px 0;}

  61. .field-timer-jquery-countdown-led span.blue.imageDay    {background-position: -340px 0;}

  62. .field-timer-jquery-countdown-led span.blue.imageSep    {background-position: -374px 0;}

  63. .field-timer-jquery-countdown-led span.blue.imageSpace  {background-position: -408px 0;}

  64. .field-timer-jquery-countdown-led.is-countdown {border: none;}

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

  66.   background: url('/libraries/jquery.countdown/img/countdownGlowing.gif') no-repeat 0 0;

  67. }