feat(cv): add print styles — light theme, narrower sidebar, hide UI controls
Force light theme CSS variables and white background for print output. Narrow sidebar to 200px with 180px internal elements for better content space. Hide language bar and theme toggle in print. Fix list marker background to white. Made-with: Cursormaster
parent
3f06199523
commit
7ea0f314f6
|
|
@ -29,7 +29,7 @@ $foot_font_size: 9.8pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.light-theme {
|
.light-theme {
|
||||||
--bg-color: #f5f5f5;
|
--bg-color: #ffffff;
|
||||||
--text-color: #333333;
|
--text-color: #333333;
|
||||||
--text-visited: #555555;
|
--text-visited: #555555;
|
||||||
--text-hover: #111111;
|
--text-hover: #111111;
|
||||||
|
|
@ -706,3 +706,71 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
:root {
|
||||||
|
--bg-color: #f5f5f5;
|
||||||
|
--text-color: #333333;
|
||||||
|
--text-visited: #555555;
|
||||||
|
--text-hover: #111111;
|
||||||
|
--text-active: #333333;
|
||||||
|
--div-bg-color: #1a56db;
|
||||||
|
--sidebar-bg: #e8e8e8;
|
||||||
|
--sidebar-border: rgba(0, 0, 0, 0.1);
|
||||||
|
--segment-bg: #f5f5f5;
|
||||||
|
--on-accent-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: rgb(255, 255, 255) !important;
|
||||||
|
-webkit-print-color-adjust: exact;
|
||||||
|
print-color-adjust: exact;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main_content .segment_content_work ul li::before {
|
||||||
|
background-color: rgb(255, 255, 255) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
width: 200px;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
.sidebar_header {
|
||||||
|
.language_bar,
|
||||||
|
.theme_toggle {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment_general {
|
||||||
|
.segment_image {
|
||||||
|
width: 180px;
|
||||||
|
height: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment_title_image {
|
||||||
|
width: 180px;
|
||||||
|
font-size: 16pt;
|
||||||
|
padding-top: 10px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment_description_general {
|
||||||
|
font-size: 7pt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.captcha-container {
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment_content_image {
|
||||||
|
width: 180px;
|
||||||
|
font-size: 8pt;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page_layout {
|
||||||
|
padding-left: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue