Files
cv-site/static/css/print.css
T
juanatsap 4ec966591d Implement A4 page simulation with exact dimensions
- Update main.css with A4 dimensions (210mm × 297mm)
- Add CSS variables for consistent sizing
- Implement page-break-inside: avoid for sections
- Optimize font sizes for A4 layout
- Update print.css for perfect PDF export
- Responsive: switches to 100% width on mobile
2025-10-27 22:39:29 +00:00

198 lines
3.4 KiB
CSS

/* Print Styles - A4 Optimized */
@media print {
* {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
color-adjust: exact !important;
}
@page {
size: A4;
margin: 0;
}
body {
background: white;
margin: 0;
padding: 0;
}
/* Hide non-print elements */
.no-print,
.action-bar,
footer {
display: none !important;
}
/* CV Container - full page */
.cv-container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
gap: 0;
}
.cv-paper {
width: 210mm;
min-height: 297mm;
background: white;
padding: 20mm;
box-shadow: none;
margin: 0;
page-break-after: auto;
}
/* Force page breaks where needed */
.page-break {
page-break-after: always;
}
.avoid-break,
.cv-section,
.experience-item,
.project-item {
page-break-inside: avoid;
}
/* Header */
.cv-header {
page-break-after: avoid;
margin-bottom: 15mm;
}
.cv-name {
font-size: 20pt;
}
.cv-title {
font-size: 12pt;
}
.cv-photo {
width: 80px;
height: 80px;
border-width: 2px;
}
/* Sections */
.section-title {
font-size: 12pt;
margin-top: 10mm;
page-break-after: avoid;
}
.summary-text {
font-size: 9pt;
line-height: 1.5;
}
/* Experience */
.experience-item {
margin-bottom: 8mm;
padding-bottom: 8mm;
}
.position {
font-size: 10pt;
}
.company {
font-size: 9pt;
}
.experience-period {
font-size: 8pt;
}
.short-desc,
.responsibilities li {
font-size: 9pt;
line-height: 1.4;
}
.technologies {
font-size: 8pt;
}
.company-logo {
width: 25px;
height: 25px;
}
/* Education, Skills, etc */
.degree,
.skill-title,
.project-name {
font-size: 9.5pt;
}
.institution,
.skill-list,
.project-description {
font-size: 8.5pt;
}
/* Certifications & Awards */
.cert-item,
.award-item {
font-size: 8.5pt;
margin-bottom: 2mm;
}
/* Languages */
.languages-list {
grid-template-columns: repeat(3, 1fr);
}
.language-item {
font-size: 8.5pt;
}
/* Contact info */
.cv-contact {
font-size: 8.5pt;
grid-template-columns: repeat(2, 1fr);
gap: 2mm;
}
/* Links - print URLs */
a {
color: #0066cc;
text-decoration: none;
}
/* Ensure borders print */
.cv-header {
border-bottom: 1.5pt solid #2d2d2d !important;
}
.section-title {
border-bottom: 0.5pt solid #dddddd !important;
}
.experience-item {
border-bottom: 0.5pt solid #dddddd !important;
}
.experience-item:last-child {
border-bottom: none !important;
}
/* Print both short and long version content */
.cv-short .long-only,
.cv-long .long-only {
display: block !important;
}
.cv-short .short-desc {
display: none !important;
}
/* Always print full CV in long mode */
.cv-long .short-desc {
display: none !important;
}
}