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

198 lines
3.4 KiB
CSS
Raw Normal View History

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