change print styles
This commit is contained in:
parent
ff0ff3abff
commit
8312789a7e
1 changed files with 44 additions and 39 deletions
83
resume.css
83
resume.css
|
|
@ -103,19 +103,14 @@ ul li { margin: 4px 0; }
|
|||
@media print {
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 14mm 16mm;
|
||||
}
|
||||
|
||||
* {
|
||||
background: transparent !important;
|
||||
color: #000 !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
margin: 9mm 11mm;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 10.5pt;
|
||||
line-height: 1.35;
|
||||
font-size: 9.5pt;
|
||||
line-height: 1.25;
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.page {
|
||||
|
|
@ -124,82 +119,88 @@ ul li { margin: 4px 0; }
|
|||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.header {
|
||||
break-after: avoid;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.title .name {
|
||||
font-size: 20pt;
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.contact {
|
||||
font-size: 8.5pt;
|
||||
font-size: 8pt;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.contact p {
|
||||
margin: 1pt 0;
|
||||
}
|
||||
|
||||
.layout {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
gap: 14px;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 0.5pt solid #aaa;
|
||||
padding: 10px;
|
||||
padding: 7px 9px;
|
||||
break-inside: avoid;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 6px;
|
||||
print-color-adjust: exact;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 9pt;
|
||||
letter-spacing: 0.8pt;
|
||||
margin-bottom: 5px;
|
||||
font-size: 8.5pt;
|
||||
letter-spacing: 0.6pt;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.item {
|
||||
break-inside: avoid;
|
||||
margin-bottom: 12px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.item-header h3 {
|
||||
font-size: 11pt;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.daterange {
|
||||
font-size: 8.5pt;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 14pt;
|
||||
padding-left: 12pt;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 9.5pt;
|
||||
margin: 2pt 0;
|
||||
font-size: 8.5pt;
|
||||
margin: 1pt 0;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.muted {
|
||||
font-size: 9pt;
|
||||
font-size: 8.5pt;
|
||||
}
|
||||
|
||||
.skills {
|
||||
padding-left: 14pt;
|
||||
padding-left: 12pt;
|
||||
}
|
||||
|
||||
.skills li {
|
||||
font-size: 9pt;
|
||||
margin-bottom: 3pt;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-size: 8.5pt;
|
||||
margin-bottom: 2pt;
|
||||
}
|
||||
|
||||
.footer {
|
||||
font-size: 8.5pt;
|
||||
margin-top: 10px;
|
||||
font-size: 8pt;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.download-btn {
|
||||
|
|
@ -207,11 +208,15 @@ ul li { margin: 4px 0; }
|
|||
}
|
||||
|
||||
.role {
|
||||
font-size: 10pt;
|
||||
font-size: 9.5pt;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
@media screen and (max-width: 820px) {
|
||||
.layout { grid-template-columns: 1fr; }
|
||||
.contact { text-align: left; }
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue