Static website for local motocross track (circa Jun 2004)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

281 lines
3.6 KiB

  1. /*
  2. Type Selectors
  3. */
  4. body, td {
  5. font-family: Georgia, Times, Serif;
  6. font-size: 16px;
  7. margin: 0em;
  8. padding: 0em;
  9. }
  10. body {
  11. padding: 0.25em;
  12. background-color: #fff;
  13. text-align: center; /* IE5 <div> centering hack part 1 */
  14. }
  15. abbr, .help {
  16. font-style: normal;
  17. padding-bottom: 1px;
  18. border-bottom: 1px dotted #999;
  19. cursor: help;
  20. }
  21. a:link, a:visited {
  22. text-decoration: none;
  23. }
  24. a:hover {
  25. text-decoration: underline;
  26. }
  27. a img {
  28. border: none;
  29. }
  30. h1, h2, h3, h4, h5, h6 {
  31. font-weight: bold;
  32. margin: 0em;
  33. padding: 0.25em 0em;
  34. }
  35. h1 {
  36. font-size: 1.3125em;
  37. }
  38. h2 {
  39. font-size: 1.25em;
  40. }
  41. h3 {
  42. font-size: 1.0625em;
  43. }
  44. h4 {
  45. font-size: 0.875em;
  46. }
  47. h5 {
  48. font-size: 0.75em;
  49. }
  50. h6 {
  51. font-size: 0.6875em;
  52. }
  53. #results table {
  54. width: 100%;
  55. }
  56. #results td, #results th {
  57. font-family: Verdana, Helvetica, sans-serif;
  58. font-size: 0.6875em;
  59. }
  60. hr {
  61. width: 100%;
  62. height: 1px;
  63. border: none;
  64. border-top: 1px solid #999;
  65. }
  66. p {
  67. text-align: justify;
  68. line-height: 1.3125em;
  69. margin: 0em 0.375em 0.25em 0.125em;
  70. padding: 0em;
  71. }
  72. p + p,
  73. p + div.photoleft + p,
  74. p + div.photoright + p {
  75. text-indent: 0.5em;
  76. }
  77. p.notice {
  78. font-size: 0.8125em;
  79. font-style: italic;
  80. text-align: center;
  81. padding: 3em 0em;
  82. }
  83. dl {
  84. text-align: justify;
  85. line-height: normal;
  86. font-size: 0.8125em;
  87. margin: 0em;
  88. padding: 0em;
  89. width: 99%;
  90. }
  91. dt {
  92. font-weight: bold;
  93. margin-left: 0.25em;
  94. }
  95. dd {
  96. margin: 0.25em 1.5em;
  97. padding: 0em;
  98. }
  99. dl.news dd {
  100. margin: 0.25em 0em 0.25em 2em;
  101. padding: 0.25em;
  102. }
  103. dl.headlines dd {
  104. padding: 0.5em;
  105. font-style: italic;
  106. margin: 0.5em 1.5em;
  107. }
  108. /*
  109. Layout ID Selectors
  110. */
  111. #layout {
  112. position: relative;
  113. margin: 0em auto;
  114. padding: 0.25em;
  115. background-color: #fff;
  116. text-align: left; /* IE5 <div> centering hack part 2 */
  117. width: 47.5em; /* erroneous value to satisfy IE5/Win */
  118. voice-family: "\"}\""; /* Tantek's boxmodel hack see more at */
  119. voice-family: inherit; /* http://www.tantek.com/ */
  120. width: 47em; /* correct for compliant browsers wo/css2 */
  121. }
  122. body>#layout {
  123. width: 47em; /* correct for compliant browsers w/css2 */
  124. }
  125. #siteheader {
  126. margin: 0em;
  127. padding: 0em;
  128. }
  129. #panel {
  130. float: left;
  131. margin: 0.25em 0em;
  132. padding: 0em;
  133. width: 10.25em;
  134. }
  135. #content {
  136. float: right;
  137. margin: 0.25em 0em;
  138. padding: 0em;
  139. width: 36.75em;
  140. }
  141. #footer {
  142. clear: both;
  143. margin: 0.5em 0em;
  144. padding: 0em;
  145. }
  146. #footer p {
  147. font-size: 0.6875em;
  148. font-style: italic;
  149. text-align: center;
  150. margin: 0em 0em;
  151. padding: 0.125em 0em;
  152. }
  153. /*
  154. Class Selectors
  155. */
  156. div.photo p,
  157. div.leftphoto p,
  158. div.rightphoto p,
  159. div.centerphoto p {
  160. font-size: 0.75em;
  161. font-style: italic;
  162. text-align: center;
  163. margin: 0em 5%;
  164. padding: 0em;
  165. }
  166. div.weathermagnet {
  167. width: 16.875em;
  168. height: 10.9375em;
  169. }
  170. img.thumb {
  171. width: 15em;
  172. height: 11em;
  173. }
  174. div.centerphoto {
  175. margin-bottom: 0.5em;
  176. }
  177. div.row div.photo {
  178. margin-bottom: 0.5em;
  179. width: 12em;
  180. }
  181. div.row div.left {
  182. clear: both;
  183. }
  184. div.row img.thumb {
  185. width: 12em;
  186. height: 9em;
  187. }
  188. .boiler {
  189. clear: both;
  190. color: #666;
  191. font-size: 0.5625em;
  192. text-align: center;
  193. margin: 0em;
  194. padding: 0em;
  195. }
  196. .boxed {
  197. border: solid 1px #999;
  198. margin: 0.25em 1em;
  199. }
  200. .fullbox {
  201. border: solid 1px #999;
  202. margin: 0em 0em 0.5em 0em;
  203. }
  204. .titlebox {
  205. border: solid 1px #999;
  206. background: inherit;
  207. margin-bottom: 0.5em;
  208. }
  209. .centered {
  210. text-align: center;
  211. }
  212. .textleft {
  213. text-align: left;
  214. }
  215. .textright {
  216. text-align: right;
  217. }
  218. .headroom {
  219. margin-top: 0.75em;
  220. }
  221. .legroom {
  222. margin-bottom: 0.75em;
  223. }
  224. .middle {
  225. float: left;
  226. margin: 0em;
  227. padding: 0em;
  228. }
  229. .left {
  230. float: left;
  231. padding: 0em;
  232. margin-right: 0.375em;
  233. }
  234. .right {
  235. float: right;
  236. padding: 0em;
  237. margin-left: 0.375em;
  238. }
  239. div.leftphoto {
  240. float: left;
  241. padding: 0em;
  242. margin-right: 0.375em;
  243. width: 15em;
  244. }
  245. div.rightphoto {
  246. float: right;
  247. padding: 0em;
  248. margin-left: 0.375em;
  249. width: 15em;
  250. }