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.

98 lines
1.4 KiB

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 ul li {
  37. list-style: none;
  38. }
  39. #menu {
  40. margin: 0 auto;
  41. overflow: hidden;
  42. background-color: #00c000; }
  43. #menu ul {
  44. margin: 0;
  45. }
  46. #nav {
  47. overflow: hidden; }
  48. #nav li {
  49. list-style: none;
  50. float: left;
  51. margin-right: 0.5em;
  52. position: relative; }
  53. #nav li a {
  54. text-decoration: none;
  55. text-transform: uppercase;
  56. color: #444;
  57. float: left;
  58. padding: 0.5em 1em; }
  59. #nav li a:hover {
  60. color: #111;
  61. background-color: #00af00;
  62. }
  63. #main { padding: 0 0.46em; }
  64. #sidebar { padding: 0.77em 0.46em; }
  65. #sidebar > img {
  66. float: left;
  67. padding-right: 0.46em;
  68. }
  69. #footer {
  70. clear: both;
  71. }
  72. #footer p {
  73. text-align: center;
  74. padding: 1.5em 0;
  75. color: #777;
  76. border-top: solid 0.46em #00c000;
  77. font-family: Georgia, serif;
  78. font-size: 77%;
  79. font-style: italic;
  80. }
  81. #selector {
  82. display: none;
  83. }
  84. .left { float: left; }
  85. .right { float: right; }