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.

272 lines
3.5 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. hr {
  54. width: 100%;
  55. height: 1px;
  56. border: none;
  57. border-top: 1px solid #999;
  58. }
  59. p {
  60. text-align: justify;
  61. line-height: 1.3125em;
  62. margin: 0em 0.375em 0.25em 0.125em;
  63. padding: 0em;
  64. }
  65. p + p,
  66. p + div.photoleft + p,
  67. p + div.photoright + p {
  68. text-indent: 0.5em;
  69. }
  70. p.notice {
  71. font-size: 0.8125em;
  72. font-style: italic;
  73. text-align: center;
  74. padding: 3em 0em;
  75. }
  76. dl {
  77. text-align: justify;
  78. line-height: normal;
  79. font-size: 0.8125em;
  80. margin: 0em;
  81. padding: 0em;
  82. width: 99%;
  83. }
  84. dt {
  85. font-weight: bold;
  86. margin-left: 0.25em;
  87. }
  88. dd {
  89. margin: 0.25em 1.5em;
  90. padding: 0em;
  91. }
  92. dl.news dd {
  93. margin: 0.25em 0em 0.25em 2em;
  94. padding: 0.25em;
  95. }
  96. dl.headlines dd {
  97. padding: 0.5em;
  98. font-style: italic;
  99. margin: 0.5em 1.5em;
  100. }
  101. /*
  102. Layout ID Selectors
  103. */
  104. #layout {
  105. position: relative;
  106. margin: 0em auto;
  107. padding: 0.25em;
  108. background-color: #fff;
  109. text-align: left; /* IE5 <div> centering hack part 2 */
  110. width: 47.5em; /* erroneous value to satisfy IE5/Win */
  111. voice-family: "\"}\""; /* Tantek's boxmodel hack see more at */
  112. voice-family: inherit; /* http://www.tantek.com/ */
  113. width: 47em; /* correct for compliant browsers wo/css2 */
  114. }
  115. body>#layout {
  116. width: 47em; /* correct for compliant browsers w/css2 */
  117. }
  118. #siteheader {
  119. margin: 0em;
  120. padding: 0em;
  121. }
  122. #panel {
  123. float: left;
  124. margin: 0.25em 0em;
  125. padding: 0em;
  126. width: 10.25em;
  127. }
  128. #content {
  129. float: right;
  130. margin: 0.25em 0em;
  131. padding: 0em;
  132. width: 36.75em;
  133. }
  134. #footer {
  135. clear: both;
  136. margin: 0.5em 0em;
  137. padding: 0em;
  138. }
  139. #footer p {
  140. font-size: 0.6875em;
  141. font-style: italic;
  142. text-align: center;
  143. margin: 0em 0em;
  144. padding: 0.125em 0em;
  145. }
  146. /*
  147. Class Selectors
  148. */
  149. div.photo p,
  150. div.leftphoto p,
  151. div.rightphoto p,
  152. div.centerphoto p {
  153. font-size: 0.75em;
  154. font-style: italic;
  155. text-align: center;
  156. margin: 0em 5%;
  157. padding: 0em;
  158. }
  159. div.weathermagnet {
  160. width: 16.875em;
  161. height: 10.9375em;
  162. }
  163. img.thumb {
  164. width: 15em;
  165. height: 11em;
  166. }
  167. div.centerphoto {
  168. margin-bottom: 0.5em;
  169. }
  170. div.row div.photo {
  171. margin-bottom: 0.5em;
  172. width: 12em;
  173. }
  174. div.row div.left {
  175. clear: both;
  176. }
  177. div.row img.thumb {
  178. width: 12em;
  179. height: 9em;
  180. }
  181. .boiler {
  182. clear: both;
  183. color: #666;
  184. font-size: 0.5625em;
  185. text-align: center;
  186. margin: 0em;
  187. padding: 0em;
  188. }
  189. .boxed {
  190. border: solid 1px #999;
  191. margin: 0.25em 1em;
  192. }
  193. .fullbox {
  194. border: solid 1px #999;
  195. margin: 0em 0em 0.5em 0em;
  196. }
  197. .titlebox {
  198. border: solid 1px #999;
  199. background: inherit;
  200. margin-bottom: 0.5em;
  201. }
  202. .centered {
  203. text-align: center;
  204. }
  205. .textleft {
  206. text-align: left;
  207. }
  208. .textright {
  209. text-align: right;
  210. }
  211. .headroom {
  212. margin-top: 0.75em;
  213. }
  214. .legroom {
  215. margin-bottom: 0.75em;
  216. }
  217. .middle {
  218. float: left;
  219. margin: 0em;
  220. padding: 0em;
  221. }
  222. .left {
  223. float: left;
  224. padding: 0em;
  225. margin-right: 0.375em;
  226. }
  227. .right {
  228. float: right;
  229. padding: 0em;
  230. margin-left: 0.375em;
  231. }
  232. div.leftphoto {
  233. float: left;
  234. padding: 0em;
  235. margin-right: 0.375em;
  236. width: 15em;
  237. }
  238. div.rightphoto {
  239. float: right;
  240. padding: 0em;
  241. margin-left: 0.375em;
  242. width: 15em;
  243. }