Added a print stylesheet on résumé

This commit is contained in:
NumEricR 2011-06-04 21:44:00 +02:00
parent 8595bf0295
commit df9d5c02a7
3 changed files with 120 additions and 3 deletions

116
css/print.css Normal file
View File

@ -0,0 +1,116 @@
/*
Print stylesheet for résumés
*/
/* =! Template */
#doc2 {
width: 100%;
}
#inner {
margin: 0 auto;
padding: 10pt;
border: 0;
}
#hd {
margin-top: 0;
}
.enlarge {
padding-right: 0;
}
.talent li {
border: 0;
}
.org p,
.job p {
margin: 5pt 0 15pt;
}
#repositories {
padding-bottom: 0;
}
#jobs .job,
#about {
page-break-inside: avoid;
}
#bd,
#about {
margin-bottom: 0;
}
#ft {
padding: 5pt 0;
}
/* --------- */
/* =! Font */
body {
font-size: 10pt;
}
#hd h1 {
font-size: 28pt;
}
#hd h2 {
font-size: 14pt;
}
#bd h2,
#profile .enlarge,
#about .enlarge {
font-size: 12pt;
}
/* --------- */
/* =! Colors */
body,
h1, h2, h3, h4 {
color: #000;
}
#inner {
background: #fff;
}
/* --------- */
/* =! Links */
#profile a:after,
#repositories a:after,
#about a:after {
content: " (" attr(href) ")";
font-style: italic;
font-size: 10pt;
}
#profile #myblog:after,
#jobs p a:after {
content: none;
}
a {
text-decoration: none;
}
#mylanguages a,
#jobs p a {
color: inherit;
}
/* --------- */

View File

@ -7,6 +7,7 @@
<meta name="description" content="Github resumes, generated by the community, for the community." />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/resume.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="js/mustache.js"></script>
<script type="text/javascript" src="js/github.js"></script>

View File

@ -25,7 +25,7 @@
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div id="profile" class="yui-gf">
<div class="yui-u first">
<h2>Github Profile</h2>
</div>
@ -49,7 +49,7 @@
</div>
</div>
<div class="yui-gf">
<div id="repositories" class="yui-gf">
<div class="yui-u first">
<h2>My Popular Repositories</h2>
</div><!--// .yui-u -->
@ -69,7 +69,7 @@
</div><!--// .yui-u -->
</div><!--// .yui-gf -->
<div class="yui-gf last">
<div id="about" class="yui-gf last">
<div class="yui-u first">
<h2>About This R&eacute;sum&eacute;</h2>
</div>