Steve Thomas
web developer
- www.facebook.com/your_name
- www.instagram.com/your_name
- www.twitter.com/your_name
.email-signature{
background: linear-gradient(#2961DD,#2961DD,#4F0FCC);
font-family: 'Exo 2', sans-serif;
text-align: center;
padding: 7px 15px 25px;
position: relative;
z-index: 1;
}
.email-signature:after{
content: '';
background-color: #fff;
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
top: 50px;
z-index: -1;
}
.email-signature .signature-icon{
color: #fff;
background: #2961DD;
font-size: 48px;
line-height: 40px;
width: 60%;
padding: 7px 7px 12px;
margin: 0 auto 20px;
border-radius: 50px;
}
.email-signature .signature-details{ margin: 0 0 25px; }
.email-signature .title{
color: #000;
font-size: 26px;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 5px;
}
.email-signature .title span{ font-weight: 600; }
.email-signature .post{
color: #fff;
background: linear-gradient(#2961DD,#4F0FCC);
font-size: 13px;
font-weight: 200;
letter-spacing: 1px;
text-transform: lowercase;
padding: 4px 15px 6px;
border-radius: 10px;
}
.email-signature .signature-content{
font-size: 0;
background-color: #fff;
text-align: left;
padding: 0 10px;
margin: 0;
list-style: none;
}
.email-signature .signature-content li{
color: #000;
font-size: 12px;
font-weight: 500;
text-align: center;
width: 33.3%;
padding: 0 13px;
word-wrap: break-word;
vertical-align: top;
display: inline-block;
}
.email-signature .signature-content li i{
color: #fff;
background: linear-gradient(#2961DD,#4F0FCC);
font-size: 16px;
line-height: 33px;
height: 33px;
width: 33px;
margin: 0 auto 5px;
border-radius: 50%;
display: block;
}
@media screen and (max-width:576px){
.email-signature .signature-details{ margin: 0 0 25px; }
.email-signature .signature-content li{
width: 100%;
padding: 0;
margin: 0 0 15px;
}
}