@charset “utf-8”;
/*
* Set page size here: A5, A4 or A3 * Set also "landscape" if you need */
@page {
size: A4
}
html {
font-size: $base-font-size; text-align: justify;
}
/**
* Basic styling */
body {
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; color: $text-color; font-kerning: normal;
}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure {
margin: 0; padding: 0;
}
a {
color: $link-base-color; text-decoration: none; &:visited { color: $link-visited-color; } &:hover { color: $link-hover-color; text-decoration: underline; }
}
.cv_section {
color: $brand-color; font-size: $base-font-size * 1.5; font-weight: normal; padding-top: 8px; padding-bottom: 2px;
}
.cv_ententy {
font-size: $base-font-size * 1.2; font-weight: 900; padding-bottom: 5px; float:none;
}
.cv_item {
color: $text-color-light;
}
.fa-circle {
margin-left: 15px; margin-right: 15px;
}
.cv_years {
color: $brand-color; font-size: $base-font-size * 1.5; font-weight: normal; float:none; text-align: right;
}
.cv_profile_detail {
font-size: $base-font-size * 0.9;
}
.cv_icon {
color: $brand-color; margin-left: 10px; margin-right: 10px; float: left;
}
.cv_profile_name {
float: none;
}
.cv_profile_h {
color: $brand-color; font-size: $base-font-size * 1.2; font-weight: 900; margin-top: 10px; margin-left: 10px; margin-bottom: 8px;
}
.alignleft {
float: left;
} .alignright {
float: right;
}
.brand-color {
color: $brand-color;
}
.cv {
img { border-radius: 5px; margin-right: 5px; width: 40px; float:left; } img:hover { box-shadow: 0 0 2px 1px $brand-color-light; }
}
/**
* Code formatting */
pre, code {
font-size: 0.9375em; border: 1px solid $text-color-light; border-radius: 3px; background-color: $text-color-light1;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px; overflow-x: auto; > code { border: 0; padding-right: 0; padding-left: 0; }
}
.page {
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin-bottom: 15px; } img { border-radius: 5px; margin: 0 auto; height: 200px; display: block; }
}
.page {
}
avatar {
img { border-radius: 50%; margin-left: 45px; margin-right: 45px; margin-top: 18px; width: 90px; height: 90px; object-fit: cover; border: 2px solid $text-color-light; float:left; img:hover { box-shadow: 0 0 2px 1px $text-color-light1; } }
}
cv_avatar {
background: $text-color-light3; width: 180px; height: 180px; text-align: center; float:left; margin-bottom: 10px;
}
cv_profile {
background: $text-color-light1; height: 180px; margin-bottom: 10px;
}
cv_contact {
width: 269.062px; float: left;
}
cv_info {
width: 269.063px; float:right;
}
cv_name {
color: $brand-color; font-weight: 900; padding-top: 8px; padding-bottom: 2px;
}
cv_bio {
font-size: $base-font-size * 0.9;
}
cv_info_message {
background: $brand-color-light1; border-radius: 5px; padding: 4px; padding-left: 10px; padding-right: 10px; font-size: $base-font-size * 0.8; width: 680px; margin: 0 auto;
}
cv_download {
background: $download-color; border-radius: 5px; padding: 4px; padding-left: 10px; padding-right: 10px; width: 680px; margin: 0 auto; a:hover { color: $download-color-light; text-decoration: underline; }
}
cv_madeby {
position: relative;
}
cv_madeby {
font-size: $base-font-size * 0.8; text-align: center; position: absolute; width: 718.125px; bottom: 30px; color: $text-color-light5; a { color: $text-color-light5; } a:hover { color: $brand-color-light; }
}
/**
* to not print the download message */
@media print {
.no-print { display: none; }
}