Advanced Search

Basic structure

/ Published in: CSS
Save to your folder(s)
Also using a reseter and DivIt.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. @import url('reset.css'); /* CSS Reset */
  2. @import url('divit.css'); /* DivIt gs  */
  3.  
  4. /* === <tags /> ====================== */
  5. body {
  6.   font: 62.5%/1.75 'lucida grande', verdana, sans-serif;
  7.   color: #333; background: #ddd; text-align: center;
  8. }
  9.  
  10. a {
  11.   color: #000;
  12.   text-decoration: none;
  13. }
  14. acronym, abbr {
  15.   border-bottom: 1px dotted #ddd;
  16. }
  17.  
  18. h1, h2, h3, h4, h5, h6 {
  19.   color: #000;
  20. }
  21. h1 {
  22.   font-size: 2.4em; /* 24px */
  23. }
  24. h2 {
  25.   font-size: 2.2em; /* 22px */
  26. }
  27. h3 {
  28.   font-size: 2.0em; /* 20px */
  29. }
  30. h4 {
  31.   font-size: 1.8em; /* 18px */
  32. }
  33. h5 {
  34.   font-size: 1.6em; /* 16px */
  35. }
  36. h6 {
  37.   font-size: 1.4em; /* 14px */
  38. }
  39.  
  40. p, ul, ol, dl {
  41.   font-size: 1.2em; /* 12px */
  42.   margin-bottom: 0.5em;
  43. }
  44.  
  45. /* === .classes ====================== */
  46. .hide {
  47. 	display: none;
  48. }
  49. .wrapper {
  50. 	width: 800px;
  51. 	text-align: left;
  52. 	margin: auto;
  53. }
  54.  
  55. /* === #ids ========================== */

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.