/gespac/css/chart.css

http://gespac.googlecode.com/ · CSS · 132 lines · 122 code · 8 blank · 2 comment · 0 complexity · c1b9f69ab6f89c788f0b82260d921a72 MD5 · raw file

  1. .section {
  2. float: left;
  3. clear: left;
  4. padding: 30px 20px;
  5. cursor : default;
  6. }
  7. /* CHART LISTS */
  8. .chartlist {
  9. float: left;
  10. border-top: 1px solid #eee;
  11. width: 640px;
  12. }
  13. .chartlist li {
  14. position: relative;
  15. display: block;
  16. border-bottom: 1px solid #eee;
  17. _zoom: 1;
  18. }
  19. .chartlist li a {
  20. display: block;
  21. padding: 3px 3px 3px 3px;
  22. position: relative;
  23. z-index: 2;
  24. color: #555;
  25. font-weight: bold;
  26. font-size: 12px;
  27. line-height: 25px;
  28. }
  29. .chartlist .count {
  30. display: block;
  31. position: absolute;
  32. top: 0;
  33. right: 10px;
  34. margin: 0 6px;
  35. text-align: right;
  36. color: #999;
  37. font-weight: bold;
  38. font-size: 12px;
  39. line-height: 30px;
  40. }
  41. .chartlist .index {
  42. display: block;
  43. position: absolute;
  44. top: 0;
  45. left: 0;
  46. height: 100%;
  47. background: #9A9A9A;
  48. text-indent: -9999px;
  49. overflow: hidden;
  50. line-height: 30px;
  51. }
  52. .chartlist li:hover {
  53. background: orange;
  54. }
  55. .chartlist li:hover a{
  56. color: black;
  57. font-size:16px;
  58. }
  59. .chartlist li:hover .count{
  60. font-size:16px;
  61. color:black;
  62. }
  63. /*MICRO CHARTLIST*/
  64. .microchart {
  65. float: left;
  66. border-top: 1px solid #eee;
  67. width: 640px;
  68. }
  69. .microchart li {
  70. position: relative;
  71. display: block;
  72. border-bottom: 1px solid #eee;
  73. _zoom: 1;
  74. }
  75. .microchart li a {
  76. display: block;
  77. padding: 0px 3px 0px 3px;
  78. position: relative;
  79. z-index: 2;
  80. color: #666;
  81. font-weight: bold;
  82. font-size: 12px;
  83. line-height: 10px;
  84. }
  85. .microchart .count {
  86. display: block;
  87. position: absolute;
  88. top: 0;
  89. right: 10px;
  90. margin: 0 6px;
  91. text-align: right;
  92. color: #666;
  93. font-weight: bold;
  94. font-size: 12px;
  95. line-height: 10px;
  96. }
  97. .microchart .index {
  98. display: block;
  99. position: absolute;
  100. top: 0;
  101. left: 0;
  102. height: 100%;
  103. background: #9A9A9A;
  104. text-indent: -9999px;
  105. overflow: hidden;
  106. line-height: 15px;
  107. }
  108. .microchart li:hover {
  109. background: #FFE47B;
  110. height: 30px;
  111. }
  112. .microchart li:hover a{
  113. font-size: 20px;
  114. line-height: 30px;
  115. color:black;
  116. }
  117. .microchart li:hover .count{
  118. font-size: 20px;
  119. line-height: 30px;
  120. color:black;
  121. }
  122. .microchart li:hover .index {
  123. background: #C9C8C8;
  124. }