diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/resume.css | 117 | ||||
-rw-r--r-- | css/style.css | 6 |
2 files changed, 120 insertions, 3 deletions
diff --git a/css/resume.css b/css/resume.css new file mode 100644 index 0000000..ad5312e --- /dev/null +++ b/css/resume.css @@ -0,0 +1,117 @@ +@import url("/css/normalize.css"); +@import url("/css/fonts.css"); + +body { + font-family: Alegreya, serif; + background-color: #FFF; + color: #333; + max-width: 47em; + margin: 1em auto; +} + +.page { + margin-bottom: 2em; + padding: 0 1em 0.5em; + border: 1px solid #000; + box-shadow: -1rem 1rem 0 0 rgba(0, 0, 0, 0.1); +} + +.pagebreak { + padding-bottom: 1em; + page-break-before: always; +} + +a, a:visited { + color: #1455FB; + text-decoration: none; +} + +h1, h2, h3, b { + color: #000; +} + +hr { + margin-top: 0; + margin-bottom: 0.5em; +} + +ul { + margin-top: 0; + margin-bottom: 0; +} + +#blurb { + max-width: 100%; +} + +#blurb i { + font-style: normal; +} + +#contact { + list-style: none; + margin-top: 1em; + padding-left: 0; +} + +#pdf { + font-size: 0.5em; +} + +.title { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + list-style-type: circle; + margin-bottom: 0; + margin-top: 0; +} + +.title div { + max-width: 450px; +} + +.title h1, .title h2, .title h3 { + margin-top: 4px; + margin-bottom: 4px; +} + +/* h2::after { + content: ""; + width: 100px; + border-top: 2px solid #333; +} */ + +@media screen and (max-width: 700px) { + /* todo: fix lumping of contact section on the se/seii size */ + body { + max-width: auto; + font-size: 2.1vw; /* literal magic */ + } + ul { + padding-left: 20px; + } +} + +@page { + size: auto; + margin: 2mm; +} + +@media print { + body { + background-color: #FFF; + color: #000; + font-size: 0.95em; + } + /* a, a:visited, hr { + color: #000; + } */ + .text::after { + content: ": " attr(href); + } + #pdf { + display: none; + } +} diff --git a/css/style.css b/css/style.css index 0508254..4f891f2 100644 --- a/css/style.css +++ b/css/style.css @@ -1,6 +1,6 @@ -@import url("normalize.css"); -@import url("fonts.css"); -@import url("code.css"); +@import url("/css/normalize.css"); +@import url("/css/fonts.css"); +@import url("/css/code.css"); body { font-family: Alegreya, serif; |