MyFavMirrors/markdown-resume
1
0
Fork 0
mirror of https://github.com/there4/markdown-resume.git synced 2024-12-03 08:59:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

Repair missing styles for the pdf

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
assets/css/pdf.css
View File

@ -30,4 +30,80 @@ body.pdf {
letter-spacing: 0; 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;
}
}
} }

11
assets/css/screen.css
View File

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