Normal site base


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. html, body, div, ul , li, h1, h2, h3, h4, h5, h6, p, a, span, form, label, textarea, abbr, address, em, strong, img, q, dd, ol, dl, dt
  2. {
  3. margin:0;
  4. padding:0;
  5. border: none;
  6. vertical-align:baseline;
  7. line-height: 1em;
  8. }
  9. li{ list-style:none;}
  10. a
  11. {
  12. color:#333;
  13. text-decoration:none;
  14. }
  15. html, body
  16. {
  17. height:100%;
  18. }
  19. body
  20. {
  21. font-size: 0.625em;
  22. font-family: arial, serif;
  23. color:#333;
  24. }
  25. h1,h2,h3,h4,h5,h6 {font-family: Helvetica;}
  26. h1{ font-size: 3.6em;}
  27. h2{ font-size: 3.0em;}
  28. h3{ font-size: 2.2em;}
  29. h4{ font-size: 2em;}
  30. h5{ font-size: 1.6em;}
  31. h6{ font-size: 1.2em;}
  32. .sitewidth {width:96em;}
  33. q
  34. {
  35. display:block;
  36. margin:1em 0 1em 2em;
  37. padding:2em ;
  38. float:right;
  39. color:#0CF;
  40. background:#EEE;
  41. width:30%;
  42. text-align:center;
  43. }
  44. section
  45. {
  46. font-size: 1.4em;
  47. padding:0;
  48. }
  49. p, q, h1, h2, h3, h4 , h5, h6
  50. {
  51. line-height:1.5em;
  52. }
  53. p
  54. {
  55. padding:0 0 1em 0;
  56. }
  57. #wrapper
  58. {
  59. min-height:100%;
  60. }
  61. #contentwrapper
  62. {
  63. overflow:auto;
  64. padding-bottom:10em;
  65. margin:0 auto;
  66. }
  67. #footerwrapper
  68. {
  69. background:#09F;
  70. margin:0 auto;
  71. height:10em;
  72. margin-top:-10em;
  73. position:relative;
  74. clear:both;
  75. }
  76. nav
  77. {
  78. margin:1em 0;
  79. }
  80. nav li
  81. {
  82. display: inline-block;
  83. margin:0 -.3em 0 0;
  84. }
  85. nav a
  86. {
  87. background:#CCC;
  88. padding:1em;
  89. margin:1em 0;
  90. }
  91. nav li > ul
  92. {
  93. display:none;
  94. margin:1em 0 0 0;
  95. text-align:left;
  96. position:absolute;
  97. width:auto;
  98. }
  99. nav li:hover > ul
  100. {
  101. display:block;
  102. }
  103. nav li > ul li
  104. {
  105. display:block;
  106. clear:both;
  107. float:left;
  108. margin:1em 0;
  109. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.