This repository has been archived on 2023-03-14. You can view files and clone it, but cannot push or open issues or pull requests.
personal-website-old/pages/css/resume.css
Laureηt a84b50bd3a fix: formatting (editorconfig)
+ hack to convert resumes to be paginable
2021-05-23 00:16:10 +02:00

129 lines
1.6 KiB
CSS
Executable file

body {
font-size: 20px;
max-width: 60em;
}
.row {
display: flex;
}
.col-1 {
flex: 65%;
padding-right: 1em;
}
.col-2 {
flex: 35%;
padding-left: 1em;
}
ul {
list-style: none;
margin: 0;
padding-left: 1em;
}
section>ul {
padding-left: 2em;
}
.timeline>li {
margin: 0;
}
li.event {
padding: .8em 0 .8em 2.3em;
margin-left: 1.25em;
border-left: 2px #c0c5ce solid;
}
.tag {
display: inline;
border-bottom: 2px #942994 solid;
border-radius: 0.2em;
margin-right: .3em;
font-size: 17px;
}
small {
font-size: .7em;
vertical-align: middle;
}
h1>small {
font-size: .45em;
}
section {
padding-left: 1em;
}
section>p {
padding-left: 1em;
margin: 0;
margin-bottom: 0.2em;
}
section>h3 {
margin-bottom: .3em;
}
.project-links {
padding-left: 1em;
}
.project-links>a {
padding-left: .3em;
text-decoration: none;
}
h2 {
margin: 1em 0 .3em 0;
}
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #c0c5ce;
margin-left: calc(1.25em - 4px);
top: -8px;
position: relative;
}
@media print {
@page {
size: auto;
margin: 0;
}
body,
html {
background-color: white !important;
color: black;
max-width: 100%;
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
}
body {
margin: 2em;
font-size: 13px;
}
li.event {
border-left: 2px black solid;
}
.tag {
font-size: 10px;
}
a {
color: black;
text-decoration: none;
}
header,
footer,
.btn-back,
a.fa {
display: none;
}
}