83 lines
6.8 KiB
CSS
83 lines
6.8 KiB
CSS
|
.cv-company { margin-bottom: 1.25rem; }
|
||
|
|
.cv-company-name { font-size: 1.25rem; font-weight: 700; }
|
||
|
|
.cv-company-dates { color: #666; margin-bottom: 0.5rem; }
|
||
|
|
.cv-position-dates { color: #777; margin-bottom: 4px; }
|
||
|
|
.cv-position .wp-block-list { margin-top: 4px; margin-bottom: 0; }
|
||
|
|
.cv-position p { margin-bottom: 4px; }
|
||
|
|
.cv-position { margin-left: 24px; margin-bottom: 0.5rem; }
|
||
|
|
.cv-position-title { font-weight: 700; }
|
||
|
|
.cv-position-department { font-style: italic; }
|
||
|
|
.cv-education { margin-bottom: 1.25rem; }
|
||
|
|
.cv-education-degree { font-size: 1.1rem; font-weight: 700; }
|
||
|
|
.cv-education-institution { font-style: italic; margin-bottom: 2px; }
|
||
|
|
.cv-education-dates { color: #666; margin-bottom: 0.25rem; }
|
||
|
|
|
||
|
|
.cv-profileheader, .cv-contentblock, .cv-container, .cv-profile { border: 1px solid #ddd; border-radius: 8px; background-color: #fff; margin-bottom: 2rem; box-shadow: 0 0 0 1px rgba(0,0,0,0.05); }
|
||
|
|
.cv-profileheader { overflow: hidden; position: relative; }
|
||
|
|
.cv-profileheader-cover { width: 100%; height: 160px; background-color: #a0b4b7; background-size: cover; background-position: center; position: relative; }
|
||
|
|
.cv-profileheader-avatar-container { margin-top: -75px; margin-left: 24px; position: relative; display: inline-block; }
|
||
|
|
.cv-profileheader-avatar { width: 150px; height: 150px; border-radius: 50%; border: 4px solid #fff; background-color: #fff; object-fit: cover; display: block; margin: 0 auto; }
|
||
|
|
.cv-profileheader-avatar.placeholder { display: flex; align-items: center; justify-content: center; background-color: #e0e0e0; color: #666; font-weight: bold; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; }
|
||
|
|
.cv-profileheader-info { padding: 12px 24px 16px 24px; }
|
||
|
|
.cv-profileheader-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 4px; }
|
||
|
|
.cv-profileheader-title { font-size: 1.1rem; margin-bottom: 4px; }
|
||
|
|
.cv-profileheader-company { color: #666; font-size: 0.95rem; }
|
||
|
|
.cv-profileheader-nav { border-top: 1px solid #eee; padding: 10px 24px; }
|
||
|
|
.cv-profileheader-nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 20px; flex-wrap: wrap; }
|
||
|
|
.cv-profileheader-nav a { text-decoration: none; color: #0a66c2; font-weight: 600; font-size: 0.9rem; }
|
||
|
|
.cv-profileheader-nav a:hover { text-decoration: underline; }
|
||
|
|
|
||
|
|
.cv-contentblock, .cv-toc { padding: 32px 32px; }
|
||
|
|
.cv-contentblock-heading { margin-top: 0; margin-bottom: 1.5rem; font-size: 1.75rem; font-weight: 700; border-bottom: 1px solid #eee; padding-bottom: 12px; }
|
||
|
|
.cv-contentblock-inner > * { margin-bottom: 1rem; }
|
||
|
|
.cv-contentblock-inner > *:last-child { margin-bottom: 0; }
|
||
|
|
.cv-container { padding: 16px 24px; }
|
||
|
|
.cv-container-inner > * { margin-bottom: 1rem; }
|
||
|
|
.cv-container-inner > *:first-child { margin-top: 0; }
|
||
|
|
.cv-container-inner > *:last-child { margin-bottom: 0; }
|
||
|
|
|
||
|
|
.cv-contactform .cv-form-group { margin-bottom: 1.25rem; }
|
||
|
|
.cv-contactform label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 0.95rem; }
|
||
|
|
.cv-contactform input, .cv-contactform textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; font-size: 1rem; box-sizing: border-box; }
|
||
|
|
.cv-contactform input:focus, .cv-contactform textarea:focus { border-color: #0a66c2; outline: none; box-shadow: 0 0 0 1px #0a66c2; }
|
||
|
|
.cv-contactform textarea { resize: vertical; }
|
||
|
|
.cv-contactform-button { background-color: #0a66c2; color: #fff; padding: 12px 30px; border: none; border-radius: 24px; font-weight: 600; font-size: 1rem; cursor: pointer; font-family: inherit; transition: background-color 0.2s; }
|
||
|
|
.cv-contactform-button:hover { background-color: #004182; }
|
||
|
|
.cv-contactform-button:disabled { background-color: #7b9cb8; cursor: not-allowed; }
|
||
|
|
.cv-success-msg { padding: 15px; background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; border-radius: 4px; text-align: center; font-weight: 600; }
|
||
|
|
|
||
|
|
.cv-toc { margin-bottom: 2rem; display: none; }
|
||
|
|
.cv-toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
|
||
|
|
.cv-toc-list a { text-decoration: none; color: #0a66c2; font-weight: 600; font-size: 1.05rem; display: inline-block; transition: color 0.2s; }
|
||
|
|
.cv-toc-list a:hover { color: #004182; text-decoration: underline; }
|
||
|
|
|
||
|
|
.cv-profile { text-align: center; padding: 32px 24px; }
|
||
|
|
.cv-profile-avatar-container { margin-bottom: 15px; }
|
||
|
|
.cv-profile-avatar { width: 150px; height: 150px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); object-fit: cover; display: block; margin: 0 auto; }
|
||
|
|
.cv-profile-avatar.placeholder { background: #eee; display: flex; align-items: center; justify-content: center; color: #999; font-weight: bold; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; }
|
||
|
|
.cv-profile-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; }
|
||
|
|
.cv-profile-social-container { margin-bottom: 15px; display: flex; justify-content: center; }
|
||
|
|
.cv-profile-social-container .wp-block-social-links { justify-content: center; }
|
||
|
|
.cv-profile-titles { font-size: 1.05rem; color: #555; line-height: 1.4; }
|
||
|
|
.cv-profile-titles p, .cv-profile-titles div { margin: 0 0 10px 0 !important; padding: 0; }
|
||
|
|
.cv-profile-titles p:last-child, .cv-profile-titles div:last-child { margin-bottom: 0 !important; }
|
||
|
|
.cv-profile-titles br { display: block; content: ""; margin-bottom: 10px; }
|
||
|
|
|
||
|
|
/* TOP NAV BLOCK UPDATES */
|
||
|
|
.cv-topnav { text-align: center; margin-bottom: 3rem; padding-top: 40px; }
|
||
|
|
.cv-topnav-home-link { text-decoration: none; display: inline-block; }
|
||
|
|
.cv-topnav-name { font-size: 3.5rem; font-weight: 700; margin: 0 0 1.5rem 0; font-family: "Open Sans", sans-serif; text-transform: none; letter-spacing: 1px; color: #000; }
|
||
|
|
.cv-topnav-nav { margin-bottom: 0; }
|
||
|
|
.cv-topnav-nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
|
||
|
|
.cv-topnav-nav a { text-decoration: none; color: #000; font-weight: 600; font-size: 1.35rem; padding: 12px 18px; transition: background-color 0.2s, color 0.2s; display: block; border-radius: 4px 4px 0 0; }
|
||
|
|
.cv-topnav-nav a:hover { text-decoration: none; background-color: #0A66C2; color: #fff; }
|
||
|
|
.cv-topnav-line { height: 4px; background-color: #ff004f; width: 100%; border-radius: 2px; margin-top: 0; }
|
||
|
|
|
||
|
|
/* PAGE SETTINGS STYLES */
|
||
|
|
.ansico-cv-hide-title h1.entry-title, .ansico-cv-hide-title .wp-block-post-title, .ansico-cv-hide-title header.entry-header h1, .ansico-cv-hide-title .page-title,
|
||
|
|
.ansico-cv-frame-design h1.entry-title, .ansico-cv-frame-design .wp-block-post-title, .ansico-cv-frame-design header.entry-header h1, .ansico-cv-frame-design .page-title {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.cv-page-frame-container { border: 1px solid #ddd; border-radius: 8px; background-color: #fff; margin-top: -25px; margin-bottom: 2rem; padding: 32px 32px; box-shadow: 0 0 0 1px rgba(0,0,0,0.05); }
|
||
|
|
.cv-page-framed-title { margin-top: 0; margin-bottom: 1.5rem; font-size: 2.25rem; font-weight: 700; border-bottom: 1px solid #eee; padding-bottom: 12px; }
|