diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-02 16:01:20 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-02 16:01:20 +0200 |
| commit | a8552d77008894af2e9df0d196589b08e99ade1f (patch) | |
| tree | 2da86f1cd8f53651cf43cd897eb57d301fcd7f0a /resume/src/styles.css | |
| parent | 9aeb5903e2ca9c01f68ef6f4ffe936cc6e377df6 (diff) | |
| download | css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.tar.gz css-snippets-a8552d77008894af2e9df0d196589b08e99ade1f.zip | |
Completely revamped resume. Made code simpler and handle better printing. Added better instructions and images to the resume README.
Diffstat (limited to 'resume/src/styles.css')
| -rw-r--r-- | resume/src/styles.css | 166 |
1 files changed, 0 insertions, 166 deletions
diff --git a/resume/src/styles.css b/resume/src/styles.css deleted file mode 100644 index 420c624..0000000 --- a/resume/src/styles.css +++ /dev/null @@ -1,166 +0,0 @@ -:root { - --font-color: #444; - --padding: .25in; -} - -* { - font-size: 19px; - font-family: sans-serif; - color: var(--font-color) -} - -hr { - width: auto; - border: 1px solid rgb(240, 240, 240); - margin: 1.5em 0; -} - -body { - width: 100%; - height: 100%; - margin: 0; - background-color: white; -} - -.a4-paper { - width: 210mm; - height: 297mm; - margin: var(--padding) auto; -} - -.content { - border: 3px solid var(--font-color); - box-sizing: border-box; - padding: var(--padding); - display: flex; - flex-direction: column; -} - -.content > * { - width: 100%; -} - -.content > hr { - border-color: var(--font-color); -} - -/* About */ - -#about { - display: flex; - width: 100%; - height: fit-content; - position: relative; -} - -#data { - flex: 1; - display: flex; - flex-direction: column; -} - -#name { - flex: 1; - font-size: 3em; - font-weight: bold; -} - -#info { - font-size: .9em; - display: flex; -} - -#info > * { - flex: 1; -} - -.stacked-info { - font-size: .95em; - border-left: 1px solid var(--font-color); - padding: 0 1em; -} - -#picture { - height: 10em; - max-width: 10em; -} - -#picture > img { - width: inherit; - height: inherit; -} - -/* Card */ - -.card { - width: 100%; - display: flex; -} - -.card-title { - width: 30%; - font-weight: bold; -} - -.card-content { - flex: 1; - display: flex; - flex-direction: column; -} - -.card-content > .card { - margin-top: 1em; -} - -.card-content > .card > .card-title { - width: 24%; -} - -.card-content > .card:first-child { - margin-top: 0; -} - -.card-sub-title { - border-left: 2px solid var(--font-color); - padding-left: .5em; - font-weight: bold; - margin-bottom: .3em; -} - -/* Rating */ - -.ratings { - flex-direction: row; - flex-wrap: wrap; -} - -.rating { - flex: 1; - min-width: 50%; - display: flex; - flex-direction: column; - margin-bottom: 1em; -} - -.rating-title { - font-weight: bold; - margin-right: .5em; -} - -.rating-amount { - flex: 1; -} - -/* Proper printing */ - -@page { - size: A4; - margin: 5mm; -} -@media print { - html, body, .a4-paper { - width: 100%; - height: 100%; - margin: 0; - } -} |
