Files
cv-site/static/css/print.css
T

283 lines
5.2 KiB
CSS
Raw Normal View History

2025-10-20 08:54:21 +01:00
/* Print Styles - Optimized for PDF Export */
@media print {
/* Reset for print */
* {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
color-adjust: exact !important;
}
/* Page setup */
@page {
size: A4;
margin: 1.5cm;
}
body {
background: white;
margin: 0;
padding: 0;
}
/* Hide non-print elements */
.no-print,
.action-bar,
footer {
display: none !important;
}
/* CV Container adjustments */
.cv-container {
max-width: 100%;
margin: 0;
padding: 0;
}
.cv-paper {
background: white;
box-shadow: none;
border-radius: 0;
padding: 0;
min-height: auto;
}
/* Typography */
body {
font-size: 10pt;
line-height: 1.4;
}
.cv-name {
font-size: 24pt;
page-break-after: avoid;
}
.cv-title {
font-size: 14pt;
page-break-after: avoid;
}
.section-title {
font-size: 14pt;
page-break-after: avoid;
margin-top: 1.5em;
}
/* Prevent page breaks */
.cv-header,
.cv-section,
.experience-item,
.project-item,
.education-item,
.award-item {
page-break-inside: avoid;
}
/* Links */
a {
color: #2563eb;
text-decoration: none;
}
a[href]:after {
content: none; /* Don't print URLs */
}
/* Compact spacing for print */
.cv-header {
margin-bottom: 1em;
padding-bottom: 0.5em;
}
.cv-section {
margin-bottom: 1.5em;
}
.experience-item,
.project-item {
margin-bottom: 1em;
padding-bottom: 0.75em;
}
/* Contact info - make it more compact */
.cv-contact {
grid-template-columns: repeat(2, 1fr);
gap: 0.3em;
font-size: 9pt;
}
/* AI Section - maintain visibility in print */
.ai-section {
background: #f0f9ff !important;
border-left: 3px solid #2563eb !important;
padding: 1em !important;
margin: 1em 0 !important;
}
.ai-skill-category {
background: white !important;
padding: 0.75em !important;
margin-bottom: 0.5em;
box-shadow: none;
border: 1px solid #e5e5e5;
}
.ai-achievements {
background: white !important;
padding: 0.75em !important;
border: 1px solid #e5e5e5;
}
/* Skills grid - more compact */
.skills-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75em;
}
.skill-category {
background: #f9fafb !important;
padding: 0.75em !important;
}
/* Certifications grid */
.certifications-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.5em;
}
.certification-item {
background: #f9fafb !important;
padding: 0.75em !important;
}
/* Languages */
.languages-grid {
grid-template-columns: repeat(3, 1fr);
gap: 0.5em;
}
.language-item {
background: #f9fafb !important;
padding: 0.75em !important;
}
/* Badges and tags */
.proficiency-badge,
.highlight-badge,
.soft-skill-tag {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.proficiency-badge {
background: #2563eb !important;
color: white !important;
}
.highlight-badge {
background: #fef3c7 !important;
color: #92400e !important;
}
.soft-skill-tag {
background: #e0e7ff !important;
color: #3730a3 !important;
}
/* Ensure borders print */
.cv-header {
border-bottom: 2px solid #2563eb !important;
}
.section-title {
border-bottom: 1px solid #e5e5e5 !important;
}
.experience-item,
.project-item,
.award-item {
border-bottom: 1px solid #e5e5e5 !important;
}
/* Reduce list spacing */
.responsibilities,
.ai-skill-list,
.achievement-list,
.skill-items,
.project-highlights {
margin: 0.5em 0;
}
.responsibilities li,
.ai-skill-list li,
.achievement-list li,
.skill-items li,
.project-highlights li {
margin-bottom: 0.25em;
}
/* Font size adjustments for print */
.summary-text {
font-size: 9.5pt;
line-height: 1.5;
}
.position {
font-size: 11pt;
}
.company,
.institution {
font-size: 9.5pt;
}
.responsibilities,
.project-description {
font-size: 9pt;
}
.technologies {
font-size: 8.5pt;
}
/* Optimize spacing */
.ai-description {
margin-bottom: 0.75em;
}
.experience-header,
.project-header,
.education-header {
margin-bottom: 0.5em;
}
/* Ensure stars print correctly */
.proficiency-stars {
color: #fbbf24 !important;
}
/* Compact soft skills */
.soft-skills-list {
gap: 0.25em;
}
.soft-skill-tag {
padding: 0.25em 0.5em;
font-size: 8pt;
}
}
/* Print button functionality */
@media screen {
.print-only {
display: none;
}
}
@media print {
.print-only {
display: block;
}
}