From 8312789a7e5de0690ee9a188b2e07d146322ac1f Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Mon, 18 May 2026 15:00:19 +0300 Subject: [PATCH] change print styles --- resume.css | 83 +++++++++++++++++++++++++++++------------------------- 1 file changed, 44 insertions(+), 39 deletions(-) diff --git a/resume.css b/resume.css index 61b0384..dd37965 100644 --- a/resume.css +++ b/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; } }