131 lines
3.6 KiB
CSS
131 lines
3.6 KiB
CSS
.projects--wrapper {
|
|
margin-left: -8px;
|
|
}
|
|
.projects--wrapper .project--container {
|
|
border: 1px solid #34302d;
|
|
display: inline-block;
|
|
width: 286px;
|
|
height: 338px;
|
|
margin: 0 6px 20px 6px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
padding: 30px 20px;
|
|
}
|
|
.projects--wrapper .project--container .project-logo--container {
|
|
margin-bottom: 25px;
|
|
height: 137px;
|
|
vertical-align: middle;
|
|
}
|
|
.projects--wrapper .project--container .project-logo--container .project--logo {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.projects--wrapper .project--container .project--title {
|
|
font-family: "Montserrat", sans-serif;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
margin-bottom: 20px;
|
|
text-transform: uppercase;
|
|
}
|
|
.projects--wrapper .project--container .project--description {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
.projects--wrapper .project--container .project-links--container {
|
|
position: absolute;
|
|
background-color: rgba(109, 179, 63, 0.95);
|
|
padding: 13px 0;
|
|
width: 326px;
|
|
margin: 127px 0 0 -20px;
|
|
height: 58px;
|
|
opacity: 0;
|
|
transition: opacity 0.15s;
|
|
-webkit-transition: opacity 0.15s;
|
|
-moz-transition: opacity 0.15s;
|
|
-o-transition: opacity 0.15s;
|
|
-ms-transition: opacity 0.15s;
|
|
}
|
|
.projects--wrapper .project--container .project-links--container .project-link {
|
|
display: inline-block;
|
|
margin: 0 15px;
|
|
}
|
|
.projects--wrapper .project--container .project-links--container .project-link [class^=icon-] {
|
|
font-size: 34px;
|
|
width: 34px;
|
|
height: 34px;
|
|
color: rgba(241, 241, 241, 0.75);
|
|
}
|
|
.projects--wrapper .project--container .project-links--container .project-link p {
|
|
margin: 6px 0;
|
|
color: rgba(241, 241, 241, 0.75);
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
}
|
|
.projects--wrapper .project--container .project-links--container .project-link:hover {
|
|
text-decoration: none;
|
|
}
|
|
.projects--wrapper .project--container .project-links--container .project-link:hover [class^=icon-] {
|
|
color: white;
|
|
}
|
|
.projects--wrapper .project--container:hover .project-links--container {
|
|
opacity: 1;
|
|
}
|
|
.projects--wrapper .project--container.parent-project .child-project-count--wrapper {
|
|
float: right;
|
|
}
|
|
.projects--wrapper .project--container.parent-project .child-project-count--wrapper .child-project-count--number {
|
|
position: relative;
|
|
z-index: 101;
|
|
color: #f1f1f1;
|
|
margin: -22px -9px 0 9px;
|
|
}
|
|
.projects--wrapper .project--container.parent-project .child-project-count--wrapper .child-project-count--background {
|
|
position: absolute;
|
|
margin: -54px 0 0 -5px;
|
|
z-index: 100;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 40px solid transparent;
|
|
border-bottom: 40px solid transparent;
|
|
border-left: 40px solid #6db33f;
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
}
|
|
|
|
.project-header--wrapper .content--title {
|
|
margin-bottom: 30px;
|
|
}
|
|
.project-header--wrapper .project--title {
|
|
font-family: "Montserrat", sans-serif;
|
|
font-size: 24px;
|
|
line-height: 24px;
|
|
margin-bottom: 20px;
|
|
color: #ebf1e7;
|
|
}
|
|
.project-header--wrapper .project--links--container {
|
|
float: right;
|
|
margin-top: -2px;
|
|
}
|
|
.project-header--wrapper .project--links--container .project-link {
|
|
font-size: 34px;
|
|
color: #d4d4d4;
|
|
}
|
|
.project-header--wrapper .project--links--container .project-link:hover {
|
|
text-decoration: none;
|
|
color: #6db33f;
|
|
}
|
|
.project-header--wrapper .project--description {
|
|
color: #f1f1f1;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.project-header--wrapper .project--description a {
|
|
color: #5fa134;
|
|
}
|
|
.project-header--wrapper .spring-data--bg {
|
|
background-color: #666;
|
|
}
|