Advanced Search

Normal site base

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

Expand | Embed | Plain Text

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.