Repair missing styles for the pdf

The pdf doesn't appear to read the media queries correctly, the pdf.css
file provides the missing style rules now.
This commit is contained in:
Craig Davis 2012-03-05 09:37:01 -06:00
parent f370359d82
commit 88173d6e95
2 changed files with 86 additions and 1 deletions

View File

@ -30,4 +30,80 @@ body.pdf {
letter-spacing: 0;
}
blockquote {
top: 40px;
right: 50px;
position: absolute;
}
h1 {
margin-top: 0;
font-size: 48px;
text-transform: uppercase;
font-weight: normal;
}
h2 {
text-transform: uppercase;
font-style: italic;
font-weight: normal;
}
h3 {
float: left;
width: 16%;
}
h3+p {
float: left;
width: 84%;
}
ul li {
width: 28%;
float: left;
}
ul dl {
dt {
font-size: 122%;
font-weight: normal;
margin-bottom: .75em;
}
dd {
padding: 0 4em 0 0;
}
}
ol {
float: left;
width: 84%;
margin: .6em 0 0;
}
ol li {
width: 33%;
margin: 0;
}
ol li:nth-child(3n) {
width: 34%;
}
ol li:nth-child(1), ol li:nth-child(2), ol li:nth-child(3) {
border-top: none;
}
dl {
margin: .5em 0 0;
dt {
}
dd {
}
strong {
float: right;
margin-top: -2em;
}
em {
font-size: 130%;
font-style: normal;
}
}
}

View File

@ -32,10 +32,13 @@
padding: 2em 0;
}
blockquote {
top: 40px;
top: 10px;
right: 50px;
position: absolute;
}
h1 { /* Open up the top section height so we don't collapse on the blockquote */
margin-top: .5em;
}
ol {
margin: 0 0 0 1em;
}
@ -63,7 +66,13 @@
position:relative;
padding: 40px 50px;
}
blockquote {
top: 40px;
right: 50px;
position: absolute;
}
h1 {
margin-top: 0;
font-size: 48px;
text-transform: uppercase;
letter-spacing: 3px;