1/* -------------------------------------------------------------- 2 3 typography.css 4 * Sets up some sensible default typography. 5 6-------------------------------------------------------------- */ 7 8/* Default font settings. 9 The font-size percentage is of 16px. (0.75 * 16px = 12px) */ 10body { 11 font-size: 75%; 12 color: #222; 13 background: #fff; 14 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 15} 16 17 18/* Headings 19-------------------------------------------------------------- */ 20 21h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 22 23h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 24h2 { font-size: 2em; margin-bottom: 0.75em; } 25h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 26h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; } 27h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 28h6 { font-size: 1em; font-weight: bold; } 29 30h1 img, h2 img, h3 img, 31h4 img, h5 img, h6 img { 32 margin: 0; 33} 34 35 36/* Text elements 37-------------------------------------------------------------- */ 38 39p { margin: 0 0 1.5em; } 40p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 41p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 42 43a:focus, 44a:hover { color: #000; } 45a { color: #009; text-decoration: underline; } 46 47blockquote { margin: 1.5em; color: #666; font-style: italic; } 48strong { font-weight: bold; } 49em,dfn { font-style: italic; } 50dfn { font-weight: bold; } 51sup, sub { line-height: 0; } 52 53abbr, 54acronym { border-bottom: 1px dotted #666; } 55address { margin: 0 0 1.5em; font-style: italic; } 56del { color:#666; } 57 58pre,code { margin: 1.5em 0; white-space: pre; } 59pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 60 61 62/* Lists 63-------------------------------------------------------------- */ 64 65li ul, 66li ol { margin:0 1.5em; } 67ul, ol { margin: 0 1.5em 1.5em 1.5em; } 68 69ul { list-style-type: disc; } 70ol { list-style-type: decimal; } 71 72dl { margin: 0 0 1.5em 0; } 73dl dt { font-weight: bold; } 74dd { margin-left: 1.5em;} 75 76 77/* Tables 78-------------------------------------------------------------- */ 79 80table { margin-bottom: 1.4em; width:100%; } 81th { font-weight: bold; background: #C3D9FF; } 82th,td { padding: 4px 10px 4px 5px; } 83tr.even td { background: #E5ECF9; } 84tfoot { font-style: italic; } 85caption { background: #eee; } 86 87 88/* Misc classes 89-------------------------------------------------------------- */ 90 91.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } 92.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } 93.hide { display: none; } 94 95.quiet { color: #666; } 96.loud { color: #000; } 97.highlight { background:#ff0; } 98.added { background:#060; color: #fff; } 99.removed { background:#900; color: #fff; } 100 101.first { margin-left:0; padding-left:0; } 102.last { margin-right:0; padding-right:0; } 103.top { margin-top:0; padding-top:0; } 104.bottom { margin-bottom:0; padding-bottom:0; } 105