/src/css/voview.css

http://voview.googlecode.com/ · CSS · 347 lines · 269 code · 58 blank · 20 comment · 0 complexity · 58f654302972b5dab777d7f5f440e6f5 MD5 · raw file

  1. /* font-family: Geneva, Arial, Helvetica, sans-serif; */
  2. body {
  3. font-size: 100%;
  4. color: #000;
  5. background-color: #fff;
  6. margin-top: 10px;
  7. padding: 0;
  8. }
  9. /* busy cursor */
  10. .busy {
  11. cursor: progress;
  12. }
  13. /* Links */
  14. a:link {
  15. /* color: #494; */
  16. text-decoration: none;
  17. }
  18. a:visited {
  19. /* color: #040; */
  20. text-decoration: none;
  21. }
  22. a:hover {
  23. text-decoration: underline;
  24. color: #000;
  25. }
  26. /* Form */
  27. input.submit {
  28. color: #c00;
  29. }
  30. input.reset {
  31. color: #00c;
  32. }
  33. input.defaultComment {
  34. color: #999
  35. }
  36. /* styles for filter input boxes */
  37. form#filterForm input.filter {
  38. background-color: #def;
  39. color: #036;
  40. width: 95%;
  41. display: inline;
  42. }
  43. form#filterForm input.submit {
  44. background-color: #eee;
  45. font-weight: bold;
  46. width: 95%;
  47. /* width: 45%; */
  48. color: #c00;
  49. }
  50. form#filterForm input.reset {
  51. background-color: #eee;
  52. font-weight: bold;
  53. width: 95%;
  54. /* width: 45%; */
  55. color: #00c;
  56. }
  57. .searchnote {
  58. font-size: 0.8em;
  59. font-weight: normal;
  60. line-height: 150%;
  61. color: gray;
  62. margin: 0 0 1em 0;
  63. padding: 0 0;
  64. }
  65. .searchnote.compact {
  66. line-height: 115%;
  67. }
  68. #output {
  69. clear: both;
  70. }
  71. /* headings and paragraphs */
  72. h2 {
  73. text-align: left;
  74. font-style: italic;
  75. color: #666;
  76. clear: both;
  77. font-size: 1.2em;
  78. }
  79. h3 {
  80. padding: 0;
  81. text-align: left;
  82. display: inline;
  83. font-size: 1.0em;
  84. }
  85. p { text-indent: 0px; }
  86. /* "button box" display */
  87. .bbox {
  88. border: 1px solid #bca;
  89. color: #494;
  90. padding: 0 3px 0 3px;
  91. margin: 2px;
  92. background-color: #dec;
  93. text-align: center;
  94. cursor: pointer;
  95. }
  96. /*
  97. Hover doesn't necessarily work with older Firefox browsers (3.2.*), so the
  98. cursor: pointer was added to the plain .bbox as well.
  99. */
  100. .bbox:hover {
  101. border-color: #271;
  102. background-color: #9d8;
  103. color: #000;
  104. cursor: pointer;
  105. }
  106. .rightbutton {
  107. font-size: 0.8em;
  108. font-weight: normal;
  109. line-height: 150%;
  110. margin: -3em 2px 0 10em;
  111. float: left;
  112. }
  113. /* VOTable */
  114. td.fieldparam {
  115. vertical-align: top;
  116. padding: 0 1em 0 0;
  117. }
  118. table.parameters {
  119. border: 1px solid #ccc;
  120. font-size: 0.9em;
  121. }
  122. table.parameters th {
  123. color: #fff;
  124. background-color: #036;
  125. border: 1px solid #ccc;
  126. margin: 0 0;
  127. padding: 0.1em 0.2em;
  128. }
  129. table.parameters tr:hover {
  130. background-color: #ffb;
  131. }
  132. table.fields {
  133. border: 1px solid #ccc;
  134. font-size: 0.9em;
  135. clear: left; /* because can get 'caught' on reset column order button if is 2 rows */
  136. }
  137. table.fields th {
  138. color: #fff;
  139. background-color: #036;
  140. border: 1px solid #ccc;
  141. margin: 0 0;
  142. padding: 0.1em 0.2em;
  143. }
  144. table.fields tr:hover {
  145. background-color: #ffb;
  146. }
  147. table.fields tr.separator {
  148. /* background-color: #ddd; */
  149. background-color: #f77;
  150. font-style: italic;
  151. }
  152. table.fields tr.dragging {
  153. background-color: #ffb;
  154. }
  155. table.fields tr.separator.dragging {
  156. background-color: #f33;
  157. }
  158. .draggable {
  159. cursor: move;
  160. }
  161. table.data {
  162. clear: both;
  163. border: 1px solid #ccc;
  164. font-size: 0.9em;
  165. /* table-layout: fixed; */
  166. }
  167. tr.odd {
  168. background-color: #eee;
  169. }
  170. table.data tr:hover {
  171. background-color: #ffb;
  172. }
  173. table.data tr.selectedimage {
  174. background-color: #bda;
  175. }
  176. table.data tr.selectedimage:hover {
  177. background-color: #9d8;
  178. }
  179. table.data th {
  180. color: #fff;
  181. background-color: #036;
  182. border: 1px solid #036;
  183. margin: 0 0;
  184. padding: 0.1em 0.8em;
  185. cursor: pointer;
  186. }
  187. table.data th.unsortable {
  188. cursor: default;
  189. }
  190. table.data th:hover {
  191. background-color: #369;
  192. }
  193. table.data td {
  194. /* white-space: nowrap; */
  195. text-align: center;
  196. }
  197. table.data td.wrappable {
  198. white-space: normal;
  199. text-align: center;
  200. }
  201. th.ascending {
  202. background-image: url(../@IMG_PATH@asc.png);
  203. background-position: 100% 50%;
  204. background-repeat: no-repeat;
  205. }
  206. th.descending {
  207. background-image: url(../@IMG_PATH@desc.png);
  208. background-position: 100% 50%;
  209. background-repeat: no-repeat;
  210. }
  211. /* paging buttons */
  212. div.buttons {
  213. clear: both;
  214. width: 100%;
  215. height: 1.8em;
  216. border-bottom: 1px solid #ccc;
  217. border-top: 1px solid #ccc;
  218. margin: 0.5em 0 0.5em 0;
  219. padding: 0.3em 0 0.3em 0;
  220. text-align: center;
  221. font-size: 0.9em;
  222. }
  223. div.buttons div.pagelabel {
  224. float: left;
  225. padding: 0.3em 0 0 0;
  226. margin: 0 0;
  227. height: 0;
  228. }
  229. div.buttons div.pageLengthControl {
  230. }
  231. div.buttons a {
  232. text-decoration: none;
  233. }
  234. div.buttons a:link {
  235. color: #494;
  236. }
  237. div.buttons a:visited {
  238. color: #494;
  239. }
  240. div.buttons a:hover {
  241. color: #000;
  242. }
  243. div.buttons div.pagebuttons {
  244. float: right;
  245. padding: 0.3em 0 0 0;
  246. margin: 0 0;
  247. height: 0;
  248. }
  249. div.buttons span.button {
  250. display: inline;
  251. margin: 0 0;
  252. }
  253. div.buttons span.button.inactive {
  254. color: #bbb;
  255. text-decoration: none;
  256. cursor: default;
  257. }
  258. .rev, .rrev {
  259. padding: 2px 2px 2px 26px;
  260. background-position: 0% 50%;
  261. background-repeat: no-repeat;
  262. text-align: left;
  263. }
  264. .fwd, .ffwd {
  265. padding: 2px 26px 2px 2px;
  266. background-position: 100% 50%;
  267. background-repeat: no-repeat;
  268. text-align: right;
  269. }
  270. .rrev { background-image: url(../@IMG_PATH@afirst.gif); }
  271. .rev { background-image: url(../@IMG_PATH@aprev.gif); }
  272. .fwd { background-image: url(../@IMG_PATH@anext.gif); }
  273. .ffwd { background-image: url(../@IMG_PATH@alast.gif); }
  274. .rrev:hover { background-image: url(../@IMG_PATH@afirst_hl.gif); }
  275. .rev:hover { background-image: url(../@IMG_PATH@aprev_hl.gif); }
  276. .fwd:hover { background-image: url(../@IMG_PATH@anext_hl.gif); }
  277. .ffwd:hover { background-image: url(../@IMG_PATH@alast_hl.gif); }
  278. .rrev.inactive { background-image: url(../@IMG_PATH@afirst_in.gif); }
  279. .rev.inactive { background-image: url(../@IMG_PATH@aprev_in.gif); }
  280. .fwd.inactive { background-image: url(../@IMG_PATH@anext_in.gif); }
  281. .ffwd.inactive { background-image: url(../@IMG_PATH@alast_in.gif); }
  282. @media print {
  283. div.pagebuttons {
  284. display: none;
  285. }
  286. div.pageLengthControl {
  287. display: none;
  288. }
  289. }