Mock-up of web-design choices for local company
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.

106 lines
1.5 KiB

15 years ago
15 years ago
15 years ago
15 years ago
15 years ago
  1. html {
  2. overflow-y: scroll;
  3. background-color: #101010;
  4. }
  5. body {
  6. margin: 1.5em;
  7. font-family: Ariel, sans-serif;
  8. color: #f0f0f0;
  9. }
  10. h1,h2,h3 {
  11. margin: 0 0 1em 0;
  12. font-variant: small-caps;
  13. }
  14. blockquote {
  15. margin: 0 4em 1em 4em;
  16. padding: 0.5em;
  17. }
  18. blockquote p {
  19. font-size: 131%;
  20. font-family: Georgia, serif;
  21. font-style: italic;
  22. color: #777;
  23. margin: 0;
  24. }
  25. #content, #sidebar {
  26. /*background-color: #e2ffe2;*/
  27. padding-top: 0.5em;
  28. }
  29. #header {
  30. background-color: none;
  31. overflow: hidden
  32. }
  33. #header img {
  34. display: block;
  35. }
  36. #header img.left {
  37. padding: 1.5em 0.5em;
  38. }
  39. #header ul li {
  40. list-style: none;
  41. }
  42. #menu {
  43. margin: 0 auto;
  44. overflow: hidden;
  45. background-color: #00c000; }
  46. #menu ul {
  47. margin: 0;
  48. }
  49. #nav {
  50. overflow: hidden; }
  51. #nav li {
  52. list-style: none;
  53. float: left;
  54. margin-right: 0.5em;
  55. position: relative; }
  56. #nav li a {
  57. text-decoration: none;
  58. text-transform: uppercase;
  59. color: #444;
  60. float: left;
  61. padding: 0.5em 1em; }
  62. #nav li a:hover {
  63. color: #111;
  64. background-color: #00af00;
  65. }
  66. #main { padding: 0 0.46em; }
  67. #sidebar { padding: 0.77em 0.46em; }
  68. #sidebar > img {
  69. float: left;
  70. padding-right: 0.46em;
  71. }
  72. #footer {
  73. clear: both;
  74. }
  75. #footer p {
  76. text-align: center;
  77. padding: 1.5em 0;
  78. color: #777;
  79. border-top: solid 0.46em #00c000;
  80. font-family: Georgia, serif;
  81. font-size: 77%;
  82. font-style: italic;
  83. }
  84. #selector {
  85. display: none;
  86. }
  87. .left {
  88. float: left;
  89. padding-right: 1em;
  90. }
  91. .right {
  92. float: right;
  93. padding-left: 1em;
  94. }