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