CV/style.css

167 lines
2.5 KiB
CSS
Raw Normal View History

2026-01-20 20:57:56 +00:00
/* CV Styles - Dark Theme matching bastiangruber.ca */
2026-01-20 20:27:41 +00:00
* { box-sizing: border-box; }
html {
2026-01-20 20:57:56 +00:00
color: #e2e8f0;
background-color: #1a1f29;
2026-01-20 20:27:41 +00:00
}
body {
margin: 0 auto;
2026-01-20 20:57:56 +00:00
max-width: 850px;
2026-01-20 20:27:41 +00:00
padding: 40px 50px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.6;
2026-01-20 20:57:56 +00:00
background-color: #1a1f29;
color: #e2e8f0;
color-scheme: dark;
2026-01-20 20:27:41 +00:00
}
@media (max-width: 600px) {
body { font-size: 14px; padding: 20px; }
}
@media print {
2026-01-20 20:57:56 +00:00
body { max-width: none; padding: 20px; font-size: 11pt; background: white; color: black; }
2026-01-20 20:27:41 +00:00
}
/* Name header */
.cmbx-12 {
font-size: 28px;
font-weight: 600;
display: block;
text-align: center;
margin-bottom: 5px;
2026-01-20 20:57:56 +00:00
color: #fbbf24;
2026-01-20 20:27:41 +00:00
}
/* Hide empty rows in name table */
.resume > .tabular:first-child table tr:not(:first-child) {
display: none;
}
/* Contact info */
.center-addresses {
width: 100%;
margin: 15px 0 30px 0;
border-collapse: collapse;
}
.center-addresses td {
padding: 0 20px;
vertical-align: top;
font-size: 14px;
line-height: 1.8;
}
.first-address {
text-align: right;
2026-01-20 20:57:56 +00:00
border-right: 1px solid #374151;
2026-01-20 20:27:41 +00:00
width: 50%;
}
.second-address {
text-align: left;
width: 50%;
}
@media (max-width: 600px) {
.center-addresses td {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
border: none;
}
.first-address {
border-right: none;
2026-01-20 20:57:56 +00:00
border-bottom: 1px solid #374151;
2026-01-20 20:27:41 +00:00
}
}
.center-addresses .cmbx-10 {
font-weight: 600;
2026-01-20 20:57:56 +00:00
color: #fbbf24;
2026-01-20 20:27:41 +00:00
display: block;
margin-bottom: 3px;
}
/* Section headers */
.sectionHead {
margin: 35px 0 15px 0;
padding-bottom: 8px;
2026-01-20 20:57:56 +00:00
border-bottom: 2px solid #fbbf24;
2026-01-20 20:27:41 +00:00
}
.sectionHead .centerline {
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
2026-01-20 20:57:56 +00:00
color: #fbbf24;
2026-01-20 20:27:41 +00:00
}
/* Section content */
div.section {
margin-left: 0;
}
/* Job titles */
.cmsl-10 {
font-weight: 600;
font-style: normal;
2026-01-20 20:57:56 +00:00
color: #e2e8f0;
2026-01-20 20:27:41 +00:00
}
/* Bold text */
.cmbx-10 {
font-weight: 600;
}
/* Lists */
ul.itemize1 {
margin: 8px 0 25px 0;
padding-left: 20px;
}
li.itemize {
margin-bottom: 5px;
2026-01-20 20:57:56 +00:00
color: #94a3b8;
2026-01-20 20:27:41 +00:00
}
/* Paragraphs */
p {
margin: 0 0 8px 0;
}
p.noindent {
margin-bottom: 12px;
}
/* Remove extra spacing from tables */
.tabular {
margin: 0;
}
table.tabular {
margin: 0 auto;
}
/* Links */
a {
2026-01-20 20:57:56 +00:00
color: #fbbf24;
2026-01-20 20:27:41 +00:00
text-decoration: none;
2026-01-20 20:57:56 +00:00
transition: all 200ms linear;
2026-01-20 20:27:41 +00:00
}
a:hover {
text-decoration: underline;
2026-01-20 20:57:56 +00:00
color: #fde047;
2026-01-20 20:27:41 +00:00
}
/* Line breaks styling */
br.newline {
display: block;
margin-bottom: 2px;
}