My HTML email signature. https://codepen.io/Kevin-Mok/pen/KKKPPwy
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.
 
 

134 lines
1.9 KiB

$name-color: #002f65;
body {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
height: 100vh;
/* background-color: black; */
background-color: #1c1e1f;
}
.presentational-container {
// padding: 20px;
box-shadow: 2px 2px 10px 5px;
background-color: #fff;
}
table {
background: none;
margin: 0;
// padding: 10px 10px 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: $name-color;
padding-top: 10px;
}
td {
padding-bottom: 3px;
}
.headshot-cell {
position: relative;
left: -12px;
}
td.headshot-cell a {
text-decoration: none;
}
td.headshot-cell img {
vertical-align: middle;
width:120px;
border-radius: 100%;
// border-radius: 5px;
margin-right: 5px;
}
#headshot-img {
position: relative;
left: -10px;
}
td.description-cell > table {
background: none;
padding-left: 0px;
border: 0px;
margin: 0;
padding: 0;
}
td.full-name {
font-weight: bold;
// color: $name-color;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
td.title {
// padding-bottom: 10px;
color: #333333;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
img {
width: 5em;
}
}
td.website {
// padding-bottom: 10px;
vertical-align: top;
color: #333333;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
td.website a {
color: #4BAFDB;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
td.social-icons {
// padding-top: -75px;
position: relative;
top: -8px;
}
td.social-icons ul {
list-style: none;
padding: 0;
margin: 0;
height: 25px;
}
td.social-icons li {
display: inline-block;
padding-right: 9px;
}
td.social-icons a {
text-decoration: none;
}
td.social-icons img {
// width: 25px;
height: 25px;
// height: 1.5em;
}
#gitea-icon {
height: 2em;
position: relative;
top: 3px;
}
#linkedin-icon {
position: relative;
left: -3px;
}