184 lines
4.2 KiB
Plaintext
Executable File
184 lines
4.2 KiB
Plaintext
Executable File
@dots: rgba(153, 153, 153, 0.6);
|
|
@links: black;
|
|
@skill: #333;
|
|
@nameFontSize: 50px;
|
|
@dotsFontSize: 10px;
|
|
@experienceFontSize: 19px;
|
|
@educationFontSize: 19px;
|
|
@skillFontSize: 13px;
|
|
|
|
#resume2 {
|
|
font-family: 'Raleway', sans-serif;
|
|
padding-bottom: 50px;
|
|
|
|
h3 {
|
|
text-transform: uppercase;
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
letter-spacing: 5px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover,
|
|
a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.top-row {
|
|
width: 100%;
|
|
padding-top: 100px;
|
|
padding-bottom: 100px;
|
|
|
|
span {
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
|
|
&.person-name {
|
|
text-transform: uppercase;
|
|
font-size: @nameFontSize;
|
|
letter-spacing: 10px;
|
|
}
|
|
|
|
&.person-position {
|
|
letter-spacing: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.left-col {
|
|
width: 26%;
|
|
float: left;
|
|
padding-left: 8%;
|
|
padding-right: 4%;
|
|
|
|
.person-image {
|
|
.image-centerer {
|
|
display: flex;
|
|
justify-content: center;
|
|
height: auto;
|
|
overflow: hidden;
|
|
|
|
.img {
|
|
flex: none;
|
|
background: url('/person.jpg');
|
|
background-position: center;
|
|
background-size: cover;
|
|
height: 250px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.contact {
|
|
h3 {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.contact-row {
|
|
text-align: center;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 3px;
|
|
|
|
&:first-of-type {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
&.dots {
|
|
margin-top: 20px;
|
|
margin-bottom: 15px;
|
|
font-size: @dotsFontSize;
|
|
color: @dots;
|
|
}
|
|
|
|
a {
|
|
color: @links;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.right-col {
|
|
width: 50%;
|
|
float: right;
|
|
padding-left: 4%;
|
|
padding-right: 8%;
|
|
|
|
.experience-block {
|
|
margin-bottom: 10px;
|
|
|
|
.row {
|
|
&:first-child {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.company {
|
|
text-transform: uppercase;
|
|
font-size: @experienceFontSize;
|
|
}
|
|
|
|
.job-title {
|
|
font-size: @experienceFontSize;
|
|
}
|
|
}
|
|
}
|
|
|
|
.education {
|
|
margin-top: 50px;
|
|
|
|
.education-block {
|
|
margin-bottom: 10px;
|
|
|
|
.degree {
|
|
font-size: @educationFontSize;
|
|
text-transform: uppercase;
|
|
margin-bottom: 3px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.skills-block {
|
|
margin-top: 50px;
|
|
position: relative;
|
|
|
|
.skills {
|
|
margin-bottom: 10px;
|
|
position: relative;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: inline-block;
|
|
margin-bottom: 20px;
|
|
|
|
.skill {
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
position: relative;
|
|
border: @skill 1px solid;
|
|
margin: 3px;
|
|
float: left;
|
|
font-size: @skillFontSize;
|
|
|
|
.skill-name {
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.skills-other {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|