Website re-design samples (circa Jun 2005)
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.

109 lines
1.5 KiB

  1. /*
  2. base.css
  3. */
  4. body,td,th {
  5. font-family: Verdana, Helvetica, Sans-Serif;
  6. font-size: 16px;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. body {
  11. padding: 0.5em;
  12. text-align: center; /* IE5 <div> centering hack pt. 1 */
  13. }
  14. h1 h2 h3 h4 h5 h6 {
  15. font-family: Verdana, Helvetica, sans-serif;
  16. margin: 0;
  17. padding: 0 0 0.25em 0;
  18. }
  19. h1 {
  20. font-size: 1.25em;
  21. }
  22. h2 {
  23. font-size: 1.125em;
  24. }
  25. h3 {
  26. font-size: 1em;
  27. }
  28. a {
  29. text-decoration: none;
  30. }
  31. a:link, a:visited {
  32. color: #999;
  33. }
  34. a.active:link, a.active:visited, a:hover {
  35. color: #333;
  36. text-decoration: underline;
  37. }
  38. dl {
  39. text-align: justify;
  40. line-height: normal;
  41. font-size: 0.75em;
  42. margin: 0 0 0.5em 2em;
  43. padding: 0;
  44. border: 1px solid #669;
  45. width: 45em;
  46. }
  47. dt {
  48. font-weight: bold;
  49. margin-left: 0.25em;
  50. }
  51. dd {
  52. margin: 0.25em 1.5em;
  53. padding: 0;
  54. }
  55. #content p {
  56. text-align: justify;
  57. font-size: 0.875em;
  58. line-height: 1.375em;
  59. margin: 0.25em 0.25em 0.75em 0.25em;
  60. padding: 0;
  61. }
  62. #footer p {
  63. text-align: center;
  64. font-family: Georgia;
  65. font-size: 0.675em;
  66. font-style: italic;
  67. line-height: 1em;
  68. margin: 0;
  69. padding: 0;
  70. color: #666;
  71. }
  72. span.right {
  73. float: right;
  74. }
  75. span.left {
  76. float: left;
  77. }
  78. div.leftphoto {
  79. float: left;
  80. padding: 0;
  81. margin-right: 0.5em;
  82. }
  83. div.rightphoto {
  84. float: right;
  85. padding: 0;
  86. margin-left: 0.5em;
  87. }
  88. div.marginnote {
  89. float: right;
  90. text-align: left;
  91. width: 8em;
  92. }
  93. div.marginnote h3 {
  94. font-size: 10px;
  95. font-weight: bold;
  96. text-decoration: underline;
  97. margin: 0.5em 0 0 0;
  98. padding: 0;
  99. }
  100. #content div.marginnote p {
  101. font-size: 9px;
  102. text-align: left;
  103. margin: 0;
  104. padding: 0;
  105. }