Skip to content

Instantly share code, notes, and snippets.

@jamesmthornton
Created March 2, 2015 23:42
Show Gist options
  • Save jamesmthornton/ca9af2fcba0c73f1c5c4 to your computer and use it in GitHub Desktop.
Save jamesmthornton/ca9af2fcba0c73f1c5c4 to your computer and use it in GitHub Desktop.
team profile page css
.profile {
position: relative;
margin: 0 0 20px;
float:left;
width: 40%;
margin-right: 5%;
margin-left: 5%;
}
.profile:nth-child(2n+1) {
clear: left;
}
.profile-header .home-highlight-circle .home-highlight-circle-img:after {margin-top: 20px;}
.profile-header img {
float: left;
}
.profile-content {
font-size: 14px;
line-height: 1.4em;
}
.profile-content h3 {
margin: 0;
}
.profile-content .lead {
margin: 3px 0 20px;
}
.profile-content p {
margin: 0 0 10px;
}
.profile-footer {
position: relative;
text-align: center;
}
.profile-footer a {
line-height: 18px;
margin: 0 3px;
display: inline-block;
}
.profile-footer a:hover i {
color: #595959;
}
.profile-footer a:active i {
color: #000;
}
.profile-footer i {
font-size: 18px;
position: relative;
}
.profile-footer i.icon-envelope {
font-size: 16px;
top: -1px;
}
.profile-footer i.icon-linkedin {
font-size: 16px;
top: -1px;
}
.home-highlight-circle {
padding: 5px;
}
.home-highlight-circle .home-highlight-circle-img {
margin: 0 auto !important;
width: 190px;
height: 190px;
margin-bottom: 17px;
border-radius: 50%;
}
.home-highlight-circle .home-highlight-circle-img img {
border-radius: 50%;
border: 6px solid #09ae72;
width: 190px;
height: 190px;
max-width: 100%;
box-sizing: border-box;
}
.home-highlight-circle .home-highlight-circle-img:after {
border-radius: 50%;
content: '';
height: 180px;
width: 180px;
display: block;
position: absolute;
margin-top: -215px;
margin-left: 20px;
}
@media only screen and (max-width: 1023px) {
.profile {
width: 90%;
margin-right: 5%;
margin-left: 5%;
}
.profile:nth-child(2n+1) {
clear: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment