93 lines
2.1 KiB
CSS
93 lines
2.1 KiB
CSS
/* --------------------------------------------------------------
|
|
|
|
print.css
|
|
* Gives you some sensible styles for printing pages.
|
|
* See Readme file in this directory for further instructions.
|
|
|
|
Some additions you'll want to make, customized to your markup:
|
|
#header, #footer, #navigation { display:none; }
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
body {
|
|
line-height: 1.5;
|
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
color:#000;
|
|
background: none;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
|
|
/* Layout
|
|
-------------------------------------------------------------- */
|
|
|
|
.container {
|
|
background: none;
|
|
}
|
|
|
|
hr {
|
|
background:#ccc;
|
|
color:#ccc;
|
|
width:100%;
|
|
height:2px;
|
|
margin:2em 0;
|
|
padding:0;
|
|
border:none;
|
|
}
|
|
hr.space {
|
|
background: #fff;
|
|
color: #fff;
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
/* Text
|
|
-------------------------------------------------------------- */
|
|
|
|
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
|
|
code { font:.9em "Courier New", Monaco, Courier, monospace; }
|
|
|
|
a img { border:none; }
|
|
p img.top { margin-top: 0; }
|
|
|
|
blockquote {
|
|
margin:1.5em;
|
|
padding:1em;
|
|
font-style:italic;
|
|
font-size:.9em;
|
|
}
|
|
|
|
.small { font-size: .9em; }
|
|
.large { font-size: 1.1em; }
|
|
.quiet { color: #999; }
|
|
.hide { display:none; }
|
|
|
|
|
|
/* Links
|
|
-------------------------------------------------------------- */
|
|
|
|
a:link, a:visited {
|
|
background: transparent;
|
|
font-weight:700;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*
|
|
This has been the source of many questions in the past. This
|
|
snippet of CSS appends the URL of each link within the text.
|
|
The idea is that users printing your webpage will want to know
|
|
the URLs they go to. If you want to remove this functionality,
|
|
comment out this snippet and make sure to re-compress your files.
|
|
*/
|
|
a:link:after, a:visited:after {
|
|
content: " (" attr(href) ")";
|
|
font-size: 90%;
|
|
}
|
|
|
|
/* If you're having trouble printing relative links, uncomment and customize this:
|
|
(note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
|
|
|
|
/* a[href^="/"]:after {
|
|
content: " (http://www.yourdomain.com" attr(href) ") ";
|
|
} */
|