heatmap.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .ex{
  2. position: relative;
  3. display: inline-block;
  4. top:4px;
  5. width:70px;
  6. height:18px;
  7. margin-left: 26px;
  8. }
  9. #ex1{
  10. background: -moz-linear-gradient(left,rgb(170,240,233),rgb(180,245,185));
  11. background: -webkit-linear-gradient(left,rgb(170,240,233),rgb(180,245,185));
  12. background: -o-linear-gradient(left,rgb(170,240,233),rgb(180,245,185));
  13. background: -ms-linear-gradient(left,rgb(170,240,233),rgb(180,245,185));
  14. background: linear-gradient(left,rgb(170,240,233),rgb(180,245,185));
  15. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#AAF0E9", endColorstr="#B4F5B9",GradientType=1 );
  16. }
  17. #ex2{
  18. background: -moz-linear-gradient(left,rgb(180,245,185),rgb(223,250,177));
  19. background: -webkit-linear-gradient(left,rgb(180,245,185),rgb(223,250,177));
  20. background: -o-linear-gradient(left,rgb(180,245,185),rgb(223,250,177));
  21. background: -ms-linear-gradient(left,rgb(180,245,185),rgb(223,250,177));
  22. background: linear-gradient(left,rgb(180,245,185),rgb(223,250,177));
  23. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#B4F5B9", endColorstr="#DFFAB1",GradientType=1 );
  24. }
  25. #ex3{
  26. background: -moz-linear-gradient(left,rgb(223,250,177),rgb(224,239,152));
  27. background: -webkit-linear-gradient(left,rgb(223,250,177),rgb(224,239,152));
  28. background: -o-linear-gradient(left,rgb(223,250,177),rgb(224,239,152));
  29. background: -ms-linear-gradient(left,rgb(223,250,177),rgb(224,239,152));
  30. background: linear-gradient(left,rgb(223,250,177),rgb(224,239,152));
  31. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#DFFAB1", endColorstr="#E0EF98",GradientType=1 );
  32. }
  33. #ex4{
  34. background: -moz-linear-gradient(left,rgb(224,239,152),rgb(160,213,103));
  35. background: -webkit-linear-gradient(left,rgb(224,239,152),rgb(160,213,103));
  36. background: -o-linear-gradient(left,rgb(224,239,152),rgb(160,213,103));
  37. background: -ms-linear-gradient(left,rgb(224,239,152),rgb(160,213,103));
  38. background: linear-gradient(left,rgb(224,239,152),rgb(160,213,103));
  39. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#E0EF98", endColorstr="#A0D567",GradientType=1 );
  40. }
  41. #ex5{
  42. background: -moz-linear-gradient(left,rgb(160,213,103),rgb(44,104,50));
  43. background: -webkit-linear-gradient(left,rgb(160,213,103),rgb(44,104,50));
  44. background: -o-linear-gradient(left,rgb(160,213,103),rgb(44,104,50));
  45. background: -ms-linear-gradient(left,rgb(160,213,103),rgb(44,104,50));
  46. background: linear-gradient(left,rgb(160,213,103),rgb(44,104,50));
  47. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#A0D567", endColorstr="#2D6932",GradientType=1 );
  48. }
  49. #ex6{
  50. background: -moz-linear-gradient(left,rgb(44,104,50),rgb(29,135,59));
  51. background: -webkit-linear-gradient(left,rgb(44,104,50),rgb(29,135,59));
  52. background: -o-linear-gradient(left,rgb(44,104,50),rgb(29,135,59));
  53. background: -ms-linear-gradient(left,rgb(44,104,50),rgb(29,135,59));
  54. background: linear-gradient(left,rgb(44,104,50),rgb(29,135,59));
  55. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2D6932", endColorstr="#1D873B",GradientType=1 );
  56. }
  57. #ex7{
  58. background: -moz-linear-gradient(left,rgb(29,135,59),rgb(118,154,49));
  59. background: -webkit-linear-gradient(left,rgb(29,135,59),rgb(118,154,49));
  60. background: -o-linear-gradient(left,rgb(29,135,59),rgb(118,154,49));
  61. background: -ms-linear-gradient(left,rgb(29,135,59),rgb(118,154,49));
  62. background: linear-gradient(left,rgb(29,135,59),rgb(118,154,49));
  63. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1D873B", endColorstr="#769A31",GradientType=1 );
  64. }
  65. #ex8{
  66. background: -moz-linear-gradient(left,rgb(118,154,49),rgb(204,175,27));
  67. background: -webkit-linear-gradient(left,rgb(118,154,49),rgb(204,175,27));
  68. background: -o-linear-gradient(left,rgb(118,154,49),rgb(204,175,27));
  69. background: -ms-linear-gradient(left,rgb(118,154,49),rgb(204,175,27));
  70. background: linear-gradient(left,rgb(118,154,49),rgb(204,175,27));
  71. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#769A31", endColorstr="#CCAF1B",GradientType=1 );
  72. }
  73. #ex9{
  74. background: -moz-linear-gradient(left,rgb(204,175,27),rgb(198,63,2));
  75. background: -webkit-linear-gradient(left,rgb(204,175,27),rgb(198,63,2));
  76. background: -o-linear-gradient(left,rgb(204,175,27),rgb(198,63,2));
  77. background: -ms-linear-gradient(left,rgb(204,175,27),rgb(198,63,2));
  78. background: linear-gradient(left,rgb(204,175,27),rgb(198,63,2));
  79. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#CCAF1B", endColorstr="#C64002",GradientType=1 );
  80. }
  81. .lab{
  82. width: 64px;
  83. padding: 1px 25px 1px 14px;
  84. height: 20px;
  85. }