CV/style.css

161 lines
2.3 KiB
CSS
Raw Normal View History

2026-01-20 20:27:41 +00:00
/* CV Styles */
* { box-sizing: border-box; }
html {
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 750px;
padding: 40px 50px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 600px) {
body { font-size: 14px; padding: 20px; }
}
@media print {
body { max-width: none; padding: 20px; font-size: 11pt; }
}
/* Name header */
.cmbx-12 {
font-size: 28px;
font-weight: 600;
display: block;
text-align: center;
margin-bottom: 5px;
}
/* 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;
border-right: 1px solid #ddd;
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;
border-bottom: 1px solid #ddd;
}
}
.center-addresses .cmbx-10 {
font-weight: 600;
color: #333;
display: block;
margin-bottom: 3px;
}
/* Section headers */
.sectionHead {
margin: 35px 0 15px 0;
padding-bottom: 8px;
border-bottom: 2px solid #333;
}
.sectionHead .centerline {
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
color: #333;
}
/* Section content */
div.section {
margin-left: 0;
}
/* Job titles */
.cmsl-10 {
font-weight: 600;
font-style: normal;
color: #222;
}
/* Bold text */
.cmbx-10 {
font-weight: 600;
}
/* Lists */
ul.itemize1 {
margin: 8px 0 25px 0;
padding-left: 20px;
}
li.itemize {
margin-bottom: 5px;
color: #333;
}
/* 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 {
color: #0066cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Line breaks styling */
br.newline {
display: block;
margin-bottom: 2px;
}