| #about-page { |
| margin-bottom: 20px; |
| text-align: center; |
| |
| section { |
| padding: 40px 15px; |
| } |
| |
| .contributor { |
| max-width: 800px; |
| } |
| |
| h3 { |
| margin-bottom: 20px; |
| } |
| |
| p { |
| color: #888; |
| margin: 5px 0; |
| } |
| |
| h4.group { |
| text-align: left; |
| // margin: 40px 0 10px 0; |
| border-left: 4px solid; |
| padding-left: 15px; |
| |
| &.pmc { |
| margin: 0px 0 10px 0; |
| border-color: #E86C4B; |
| } |
| &.committer { |
| margin: 40px 0 40px 0; |
| border-color: #40A7DC; |
| } |
| &.contributor { |
| margin: 40px 0 40px 0; |
| border-color: #58A77C; |
| } |
| } |
| |
| h5 { |
| margin: 5px 0; |
| font-weight: bold; |
| } |
| |
| .about-person { |
| margin: 20px 0; |
| height: 150px; |
| |
| >a { |
| display: inline-block; |
| height: 90px; |
| |
| img { |
| height: 88px; |
| } |
| |
| &:hover img { |
| box-shadow: 0 4px 9px 0 rgba(46, 37, 37, 0.3); |
| border-color: white; |
| } |
| } |
| |
| img { |
| display: block; |
| margin: 0 auto; |
| margin-bottom: 10px; |
| width: 90px; |
| border-radius: 50%; |
| border: 4px solid white; |
| border-color: transparent; |
| box-shadow: 0 4px 9px 0 rgba(46, 37, 37, 0); |
| transition-duration: 0.5s; |
| transition-timing-function: ease-in-out; |
| } |
| |
| .about-desc { |
| color: #888; |
| } |
| |
| &.wait-for-you img { |
| border: 1px solid #ececec; |
| padding: 10px; |
| margin-bottom: 20px; |
| } |
| } |
| |
| .company { |
| border-top: 1px solid $clr-border-light; |
| max-width: 800px; |
| |
| h3 { |
| margin-bottom: 40px; |
| } |
| |
| .col-md-3 { |
| height: 80px; |
| } |
| } |
| } |
| |
| #about-send-logo { |
| margin: 20px 0 50px 0; |
| |
| p { |
| margin-top: 10px; |
| } |
| } |