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