diff options
Diffstat (limited to 'src/styles/resume.css')
| -rw-r--r-- | src/styles/resume.css | 176 |
1 files changed, 16 insertions, 160 deletions
diff --git a/src/styles/resume.css b/src/styles/resume.css index 3cbf769..97e504e 100644 --- a/src/styles/resume.css +++ b/src/styles/resume.css @@ -1,127 +1,19 @@ -@font-face { - font-family: Ubuntu; - src: url(/fonts/Ubuntu-M.ttf); - } - -:root { - --resume-bg: white; - --resume-color: black; - --resume-link-color: #343231; - --resume-section-bg: #583759; - --resume-section-color: white; - --skills-bar-bg: white; - --skills-table-border: gray; - --skills-table-inner-border: lightgray; - --skills-table-th-color: #2E4C6D; - --experience-hover-color: #583759; -} - -@media (prefers-color-scheme: dark) { - :root:not([data-theme="light"]) { - --resume-bg: #161b22; - --resume-color: #e6edf3; - --resume-link-color: #8b949e; - --resume-section-bg: #3d2b5e; - --resume-section-color: #e6edf3; - --skills-bar-bg: #21262d; - --skills-table-border: #444c56; - --skills-table-inner-border: #30363d; - --skills-table-th-color: #79b8ff; - --experience-hover-color: #b083f0; - } -} - -[data-theme="dark"] { - --resume-bg: #161b22; - --resume-color: #e6edf3; - --resume-link-color: #8b949e; - --resume-section-bg: #3d2b5e; - --resume-section-color: #e6edf3; - --skills-bar-bg: #21262d; - --skills-table-border: #444c56; - --skills-table-inner-border: #30363d; - --skills-table-th-color: #79b8ff; - --experience-hover-color: #b083f0; -} - html { overflow-y: overlay; font-size: 16px; } -header { - padding-bottom: 1rem; -} - -#actions_container { - padding-bottom: 1rem; - - display: flex; - flex-direction: row; - justify-content: flex-end; -} - #resume { position: relative; text-align: left; - background-color: var(--resume-bg); - color: var(--resume-color); - font-family: 'Ubuntu', Tahoma, Geneva, Verdana, sans-serif; + color: var(--color); line-height: 1.325rem; -} - -#resume_container { - display: flex; - flex-direction: row; + margin-top: 1rem;; + padding-bottom: 4rem; } #resume a { - color: var(--resume-link-color); -} - -#resume_sidebar { - width: 13rem; - margin-right: 1.5rem; -} - -#resume_header { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - flex-direction: column; - align-items: flex-start; - margin-bottom: 2rem; -} - -.resume_header_name { - font-size: 2rem; - line-height: 2rem; - font-variant: small-caps; - word-wrap: break-word; - padding: 0; - margin: 0; - margin-bottom: 1rem; -} - -#resume_header_contact { - margin-top: 1rem; - display: flex; - flex-direction: row; - flex-direction: column; -} - -#resume_header_contact span { - margin-bottom: 0.5rem; - font-size: 1rem; - display: flex; - flex-direction: row; - align-items: center; -} - -#resume_header_contact i { - margin-right: 0.5rem; - font-style: normal; + color: var(--link-color); } .resume_section { @@ -131,18 +23,17 @@ header { } .resume_section > h2 { - font-size: 1.125rem; + font-size: 1.25rem; font-variant: small-caps; font-weight: bold; - padding: 0; - margin: 0; - padding: 0.25rem; - background-color: var(--resume-section-bg); - color: var(--resume-section-color); + margin: 0 0 0.5rem 0; + padding: 0 0 0.35rem 0; + border-bottom: 2px solid var(--link-color); + color: var(--color); } .resume_section_content { - padding: 0.5rem; + padding: 0.5rem 0; } .experience-header > div { @@ -151,10 +42,6 @@ header { justify-content: space-between; } -.experience-item:hover { - color: var(--experience-hover-color); -} - .experience-item ul { margin-top: 0.5rem; } @@ -186,7 +73,7 @@ header { .skills_table { width: 100%; border-spacing: 0; - border: 1px solid var(--skills-table-border); + border: 1px solid var(--theme-btn-border); border-radius: 2px; margin-bottom: 2rem; } @@ -196,11 +83,11 @@ header { } .skills_table th, .skills_table tr:not(:last-child) td { - border-bottom: 1px solid var(--skills-table-inner-border); + border-bottom: 1px solid var(--action-button-border); } .skills_table tr th { - color: var(--skills-table-th-color); + color: var(--link-color); } .skills_table td, th { @@ -224,9 +111,9 @@ header { position: relative; width: 100%; height: 1rem; - background-color: var(--skills-bar-bg); + background-color: var(--theme-btn-bg); border-radius: 3px; - border: 1px solid var(--skills-table-inner-border); + border: 1px solid var(--action-button-border); } .skills_section_bar_fill { @@ -263,37 +150,6 @@ header { .skills_section_label { width: 100%; margin-top: 0.25rem; - color: var(--resume-color); + color: var(--color); font-size: 1rem; } - - -/** Web-only **/ -#resume_button_container { - width: 100%; - text-align: right; - margin-right: 1rem; - margin-bottom: 1rem; - -} - -#resume_button_container > button { - border: none; - background-color: transparent; - font-size: 20px; -} - -#resume_button_container > button:hover { - cursor: pointer; - opacity: 0.8; -} - -#resume.resume_fullscreen { - position: fixed; - top: 0; - left: 0; - padding: 2rem; - width: calc(100vw - 4rem); - height: calc(100vh - 4rem); - overflow: auto; -} |
