My Curriculum Vitae.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

144 lines
2.4 KiB

/* -------------------------------------------------- */
/* Element styles */
/* -------------------------------------------------- */
body {
padding: 20px;
font-family: 'Open Sans', sans-serif !important;
font-weight: 300 !important;
}
a {
color: black !important;
text-decoration: underline black !important;
}
/* -------------------------------------------------- */
/* The header */
/* -------------------------------------------------- */
#header {
text-transform: uppercase;
}
#header .username {
float: left;
width: 75%;
}
#header .name {
font-size: 3em;
}
#header .title {
font-size: 2em;
font-style: italic;
}
#header .contact {
padding-top: 10px;
font-size: 13px;
}
#header .contact .entry {
margin-bottom: 15px;
}
#header .contact .icon {
float: left;
margin-right: 1em;
}
#header .contact .value {
text-transform: none;
}
/* -------------------------------------------------- */
/* Bio section */
/* -------------------------------------------------- */
#bio {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
#bio h2 {
font-weight: 600;
font-size: 1.5em;
text-transform: uppercase;
}
/* -------------------------------------------------- */
/* The large content holder */
/* -------------------------------------------------- */
#work-and-knowledge h2 {
text-transform: uppercase;
}
.list {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
.list li {
margin-top: 60px;
}
.list li div.content {
margin-left: 50px;
margin-top: -40px;
padding: 10px;
background-color: white;
}
.list li i {
width: 30px;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
/*border: 1px solid #ddd;*/
border-radius: 50%;
background-color: white;
}
.list i:after {
content: '';
width: 40px;
height: 1px;
position: absolute;
/*background-color: #ddd;*/
margin-top: 15px;
z-index: -1;
}
.list:after {
content: '';
width: 1px;
height: 100%;
background-color: #ddd;
position: absolute;
top: 4px;
left: 15px;
z-index: -1;
}
.list div.company {
font-size: 0.80em;
}
.list div.worktime {
font-size: 0.60em;
}
.list ul.attributions li {
margin-top: 0;
}
/* -------------------------------------------------- */
/* Helpers */
/* -------------------------------------------------- */
.blue {
color: #19bafe;
}