Graph.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. *
  2. {
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. body
  7. {
  8. color: #000000;
  9. background: #ffffff;
  10. background-image: url(image/background.png);
  11. font-family: "メイリオ", Meiryo, Tahoma;
  12. overflow: hidden;
  13. }
  14. select
  15. {
  16. font-family: "メイリオ", Meiryo, Tahoma;
  17. font-size: 100%;
  18. }
  19. .inline
  20. {
  21. display: inline;
  22. }
  23. .double
  24. {
  25. font-size: 24px;
  26. font-weight: bold;
  27. font-family: "メイリオ", Meiryo, Tahoma;
  28. text-align: center;
  29. }
  30. a#AllOn
  31. {
  32. vertical-align: bottom;
  33. background-image: url(image/GraphAllOn.png);
  34. opacity: 0.6;
  35. filter: alpha(opacity=60);
  36. display: block;
  37. width: 24px;
  38. height: 24px;
  39. }
  40. a:hover#AllOn
  41. {
  42. background-image: url(image/GraphAllOn.png);
  43. opacity: 1.0;
  44. filter: alpha(opacity=100);
  45. display: block;
  46. width: 24px;
  47. height: 24px;
  48. }
  49. a#AllOff
  50. {
  51. vertical-align: bottom;
  52. background-image: url(image/GraphAllOff.png);
  53. opacity: 0.6;
  54. filter: alpha(opacity=60);
  55. display: block;
  56. width: 24px;
  57. height: 24px;
  58. }
  59. a:hover#AllOff
  60. {
  61. background-image: url(image/GraphAllOff.png);
  62. opacity: 1.0;
  63. filter: alpha(opacity=100);
  64. display: block;
  65. width: 24px;
  66. height: 24px;
  67. }
  68. a#Reset
  69. {
  70. vertical-align: bottom;
  71. background-image: url(image/GraphReset.png);
  72. opacity: 0.6;
  73. filter: alpha(opacity=60);
  74. display: block;
  75. width: 24px;
  76. height: 24px;
  77. }
  78. a:hover#Reset
  79. {
  80. background-image: url(image/GraphReset.png);
  81. opacity: 1.0;
  82. filter: alpha(opacity=100);
  83. display: block;
  84. width: 24px;
  85. height: 24px;
  86. }
  87. #menuBar
  88. {
  89. width: 100%;
  90. list-style-type: none;
  91. margin-bottom: 4px;
  92. font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  93. font-weight: bold;
  94. line-height: 1.20;
  95. text-align: center;
  96. background: #cccccc url(image/graphMenuBar.png) repeat-x;
  97. background-position: 0px 0px;
  98. height: 20px;
  99. }
  100. #menuBar li
  101. {
  102. display: inline;
  103. font-size: 12px;
  104. margin: 0px;
  105. padding-top: 2px;
  106. margin-top: 10px;
  107. }
  108. #menuBar li a
  109. {
  110. float: left;
  111. margin: 0px;
  112. padding: 0px;
  113. color: #666666;
  114. text-decoration: none;
  115. overflow: hidden;
  116. text-overflow: ellipsis;
  117. width: 30px;
  118. height: 20px;
  119. }
  120. #menuBar li a:hover
  121. {
  122. color: #000000;
  123. font-size: 14px;
  124. }
  125. #menuBar li a.selected
  126. {
  127. color: #333333;
  128. background: url(check.png) no-repeat;
  129. background-position: 20px 12px;
  130. }
  131. #menuBar li a.hidden
  132. {
  133. visibility: hidden;
  134. margin: 0px;
  135. padding: 0px;
  136. width: 0px;
  137. height: 0px;
  138. }
  139. #menuBar li a.visible
  140. {
  141. visibility: visible;
  142. }