SpringCloud/spring-cloud.github.io
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

initial import of projects index page

Browse Source
This commit is contained in:
Gonçalo Silva and Jeff Taggart
2013-08-09 10:43:17 +01:00
parent 67a085c80e
commit 821d28b6da
29 changed files with 24646 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
css/projects.css.css Normal file
View File

@@ -0,0 +1,130 @@
.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;
}