1/* -------------------------------------------------------------- 2 3 print.css 4 * Gives you some sensible styles for printing pages. 5 * See Readme file in this directory for further instructions. 6 7 Some additions you'll want to make, customized to your markup: 8 #header, #footer, #navigation { display:none; } 9 10-------------------------------------------------------------- */ 11 12body { 13 line-height: 1.5; 14 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 15 color:#000; 16 background: none; 17 font-size: 10pt; 18} 19 20/* Layout 21-------------------------------------------------------------- */ 22 23.container { 24 background: none; 25} 26 27hr { 28 background:#ccc; 29 color:#ccc; 30 width:100%; 31 height:2px; 32 margin:2em 0; 33 padding:0; 34 border:none; 35} 36hr.space { 37 background: #fff; 38 color: #fff; 39} 40 41/* Text 42-------------------------------------------------------------- */ 43 44h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; } 45code { font:.9em "Courier New", Monaco, Courier, monospace; } 46 47img { float:left; margin:1.5em 1.5em 1.5em 0; } 48a img { border:none; } 49p img.top { margin-top: 0; } 50 51blockquote { 52 margin:1.5em; 53 padding:1em; 54 font-style:italic; 55 font-size:.9em; 56} 57 58.small { font-size: .9em; } 59.large { font-size: 1.1em; } 60.quiet { color: #999; } 61.hide { display:none; } 62 63/* Links 64-------------------------------------------------------------- */ 65 66a:link, a:visited { 67 background: transparent; 68 font-weight:700; 69 text-decoration: underline; 70} 71 72a:link:after, a:visited:after { 73 content: " (" attr(href) ") "; 74 font-size: 90%; 75} 76 77/* If you're having trouble printing relative links, uncomment and customize this: 78 (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */ 79 80/* a[href^="/"]:after { 81 content: " (http://www.yourdomain.com" attr(href) ") "; 82} */ 83