/gespac/css/chart.css

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