initial import of projects index page
This commit is contained in:
Gonçalo Silva and Jeff Taggart
71
css/icons.css.css
Normal file
71
css/icons.css.css
Normal file
@@ -0,0 +1,71 @@
|
||||
.icon {
|
||||
background-image: url("/img/iconsprite.png");
|
||||
background-repeat: no-repeat;
|
||||
display: inline-block !important;
|
||||
}
|
||||
.icon.project--logo.logo-spring-framework {
|
||||
width: 135px;
|
||||
height: 133px;
|
||||
background-position: -483px 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-security {
|
||||
width: 99px;
|
||||
height: 137px;
|
||||
background-position: -483px -161px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-data {
|
||||
width: 111px;
|
||||
height: 111px;
|
||||
background-position: -483px -325px;
|
||||
margin-top: 13px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-batch {
|
||||
width: 104px;
|
||||
height: 108px;
|
||||
background-position: -641px 0;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-integration {
|
||||
width: 145px;
|
||||
height: 104px;
|
||||
background-position: -641px -161px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-amqp {
|
||||
width: 109px;
|
||||
height: 98px;
|
||||
background-position: -641px -325px;
|
||||
margin: 19px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-default {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-position: -805px 0;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-mobile {
|
||||
width: 104px;
|
||||
height: 137px;
|
||||
background-position: -805px -161px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-andriod {
|
||||
width: 104px;
|
||||
height: 126px;
|
||||
background-position: -805px -325px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.icon.project--logo.logo-spring-social {
|
||||
width: 130px;
|
||||
height: 100px;
|
||||
background-position: -483px -481px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.icon.icon-projects {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: -641px -481px;
|
||||
}
|
||||
.icon.icon-projects:hover {
|
||||
background-position: -641px -521px;
|
||||
}
|
||||
764
css/main.css.css
Normal file
764
css/main.css.css
Normal file
@@ -0,0 +1,764 @@
|
||||
.container-fluid {
|
||||
width: 1024px !important;
|
||||
}
|
||||
|
||||
.navbar-inner, .search-dropdown--container, footer, .team-map--wrapper {
|
||||
min-width: 1024px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#scrim {
|
||||
display: none;
|
||||
}
|
||||
#scrim.js-show {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 700;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.title-divider {
|
||||
width: 75%;
|
||||
height: 5px;
|
||||
background-color: #8CC63F;
|
||||
margin: 21px 0;
|
||||
}
|
||||
.title-divider.full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.code-snippet {
|
||||
border-radius: 2px;
|
||||
border: 1px solid #cccccc;
|
||||
background-color: #F9F9F9;
|
||||
padding: 12px 18px;
|
||||
margin: 15px 0;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
.header--navbar {
|
||||
margin: 0;
|
||||
}
|
||||
.header--navbar .navbar-inner {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
background-image: none;
|
||||
background-color: #34302d;
|
||||
border: none;
|
||||
border-top: 4px solid #6db33f;
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
}
|
||||
.header--navbar .navbar-inner .spring-logo--container {
|
||||
display: inline-block;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.header--navbar .navbar-inner .spring-logo--container .logo-bg {
|
||||
width: 37px;
|
||||
height: 30px;
|
||||
border-radius: 30px;
|
||||
margin: 10px 0 0 1px;
|
||||
top: 13px;
|
||||
background-color: #6db33f;
|
||||
position: absolute;
|
||||
z-index: 1034;
|
||||
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;
|
||||
}
|
||||
.header--navbar .navbar-inner .spring-logo--container .spring-logo {
|
||||
background-image: url("../img/iconsprite.png");
|
||||
width: 153px;
|
||||
height: 40px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 2230px;
|
||||
background-position: -1px -1px;
|
||||
position: absolute;
|
||||
z-index: 1035;
|
||||
}
|
||||
.header--navbar .navbar-inner .spring-logo--container:hover .logo-bg {
|
||||
opacity: 1;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.active a {
|
||||
background-color: #6db33f;
|
||||
box-shadow: none;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link a {
|
||||
color: #eeeeee;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-transform: uppercase;
|
||||
text-shadow: none;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
padding: 28px 20px;
|
||||
transition: all 0.15s;
|
||||
-webkit-transition: all 0.15s;
|
||||
-moz-transition: all 0.15s;
|
||||
-o-transition: all 0.15s;
|
||||
-ms-transition: all 0.15s;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link:hover a {
|
||||
color: #eeeeee;
|
||||
background-color: #6db33f;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search {
|
||||
padding: 20px 0 23px;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search .navbar-search--icon {
|
||||
color: #eeeeee;
|
||||
font-size: 24px;
|
||||
padding: 3px 16px 3px 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search:hover .navbar-search--icon {
|
||||
text-shadow: 0 0 10px #6db33f;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search .search-input-close {
|
||||
display: none;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight {
|
||||
background-color: #6db33f;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight .navbar-search--icon {
|
||||
display: none;
|
||||
}
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight .search-input-close {
|
||||
display: inline-block;
|
||||
color: #eeeeee;
|
||||
padding: 4px 24px 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.header--navbar .search-dropdown--container {
|
||||
position: absolute;
|
||||
z-index: 998;
|
||||
margin-top: -90px;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
transition: margin 0.25s;
|
||||
-webkit-transition: margin 0.25s;
|
||||
-moz-transition: margin 0.25s;
|
||||
-o-transition: margin 0.25s;
|
||||
-ms-transition: margin 0.25s;
|
||||
}
|
||||
.header--navbar .search-dropdown--container.no-animation {
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search {
|
||||
margin: 0;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: #34302D;
|
||||
font-size: 21px;
|
||||
line-height: 29px;
|
||||
height: 30px;
|
||||
padding: 25px 0;
|
||||
width: 93%;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form::-webkit-input-placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form:-moz-placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form::-moz-placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form:-ms-input-placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--submit {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: right;
|
||||
padding: 28px 16px 24px 0;
|
||||
}
|
||||
.header--navbar .search-dropdown--container .form-search .icon-search {
|
||||
font-size: 22px;
|
||||
color: #34302d;
|
||||
}
|
||||
.header--navbar .search-dropdown--container.js-show {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.right-pane-widget--container {
|
||||
border: 1px solid #cccccc;
|
||||
box-shadow: 0 -4px 0 #34302d;
|
||||
margin: 4px 0 40px 0;
|
||||
}
|
||||
.right-pane-widget--container li {
|
||||
display: block;
|
||||
padding: 12px 6.2%;
|
||||
line-height: 14px;
|
||||
border-top: 1px solid white;
|
||||
}
|
||||
.right-pane-widget--container li [class^=icon-] {
|
||||
font-size: 16px;
|
||||
}
|
||||
.right-pane-widget--container li a {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: #5fa134;
|
||||
}
|
||||
.right-pane-widget--container li:first-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.right-pane-widget--container.secondary-nav li a {
|
||||
text-transform: uppercase;
|
||||
color: #888;
|
||||
}
|
||||
.right-pane-widget--container.secondary-nav li.active a {
|
||||
font-weight: bold;
|
||||
color: #34302d;
|
||||
}
|
||||
|
||||
.header--content {
|
||||
background-color: #dedede;
|
||||
padding: 60px 0;
|
||||
}
|
||||
.header--content .header--content-subtitle--link {
|
||||
color: #8cc63f;
|
||||
}
|
||||
.header--content .header--content-subtitle--link:hover {
|
||||
text-decoration: none;
|
||||
color: #4e681e;
|
||||
}
|
||||
|
||||
.body--container {
|
||||
margin-top: 100px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.row--container {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.body--container--row {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.body--container--link {
|
||||
color: #44474c;
|
||||
}
|
||||
.body--container--link:hover {
|
||||
color: #638e2a;
|
||||
text-decoration: none;
|
||||
}
|
||||
.body--container--link.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-link--container {
|
||||
margin: 0;
|
||||
}
|
||||
.list-link--container .list-link {
|
||||
display: block;
|
||||
}
|
||||
.list-link--container .list-link a, .list-link--container .list-link div {
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
.list-link--container .list-link a:hover, .list-link--container .list-link div:hover {
|
||||
color: #8cc63f;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.popover {
|
||||
border-radius: 1px;
|
||||
padding: 0;
|
||||
}
|
||||
.popover.right {
|
||||
margin-top: 46px;
|
||||
}
|
||||
.popover.right .arrow {
|
||||
top: 14px;
|
||||
border-right-color: #8cc63f;
|
||||
left: -8px;
|
||||
}
|
||||
.popover.right .arrow:after {
|
||||
border-right-color: #8cc63f;
|
||||
}
|
||||
.popover.bottom {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.popover.bottom .arrow {
|
||||
border-bottom-color: #8cc63f;
|
||||
top: -9px;
|
||||
left: 15%;
|
||||
}
|
||||
.popover.bottom .arrow:after {
|
||||
border-bottom-color: #8cc63f;
|
||||
}
|
||||
.popover .popover-title {
|
||||
border-radius: 1px 1px 0 0;
|
||||
background-color: #8cc63f;
|
||||
color: white;
|
||||
}
|
||||
.popover .popover-content {
|
||||
border-radius: 0 0 1px 1px;
|
||||
}
|
||||
|
||||
input.floating-input {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid #dedede;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
input.floating-input:focus {
|
||||
border: none;
|
||||
border-bottom: 1px solid #dedede;
|
||||
box-shadow: none;
|
||||
background: #ecebeb;
|
||||
}
|
||||
|
||||
.floating-input--icon {
|
||||
font-size: 16px;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
.bottom-slide--container {
|
||||
height: 190px;
|
||||
overflow: hidden;
|
||||
border-radius: 3px;
|
||||
background-color: #cccccc;
|
||||
border: 1px solid #c5c5c5;
|
||||
box-shadow: 1px 2px 3px rgba(204, 204, 204, 0.5);
|
||||
}
|
||||
.bottom-slide--container .bottom-slider--image {
|
||||
background-image: url("http://imgs.mi9.com/uploads/landscape/2101/beautiful-leaf-wallpapers_1280x960_28083.jpg");
|
||||
background-size: cover;
|
||||
height: 137px;
|
||||
transition: all 0.33s;
|
||||
-wekit-transition: all 0.33s;
|
||||
-moz-transition: all 0.33s;
|
||||
-o-transition: all 0.33s;
|
||||
-ms-transition: all 0.33s;
|
||||
}
|
||||
.bottom-slide--container .bottom-slider {
|
||||
background-color: #ecebeb;
|
||||
padding: 15px 10px;
|
||||
border-top: 1px solid #9e9e9e;
|
||||
transition: all 0.33s;
|
||||
-wekit-transition: all 0.33s;
|
||||
-moz-transition: all 0.33s;
|
||||
-o-transition: all 0.33s;
|
||||
-ms-transition: all 0.33s;
|
||||
}
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--title {
|
||||
display: inline-block;
|
||||
max-width: 360px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--icon {
|
||||
color: #333;
|
||||
font-size: 27px;
|
||||
line-height: 22px;
|
||||
font-size: 27px;
|
||||
}
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--more-info {
|
||||
opacity: 0;
|
||||
}
|
||||
.bottom-slide--container:hover .bottom-slider--image {
|
||||
transform: translateY(-26px);
|
||||
-webkit-transform: translateY(-26px);
|
||||
-moz-transform: translateY(-26px);
|
||||
-o-transform: translateY(-26px);
|
||||
-ms-transform: translateY(-26px);
|
||||
}
|
||||
.bottom-slide--container:hover .bottom-slider {
|
||||
transform: translateY(-53px);
|
||||
-webkit-transform: translateY(-53px);
|
||||
-moz-transform: translateY(-53px);
|
||||
-o-transform: translateY(-53px);
|
||||
-ms-transform: translateY(-53px);
|
||||
}
|
||||
.bottom-slide--container:hover .bottom-slider--more-info {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dashboard--posts tr:hover .actions {
|
||||
visibility: visible;
|
||||
}
|
||||
.dashboard--posts .actions {
|
||||
visibility: hidden;
|
||||
}
|
||||
.dashboard--posts .actions form {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.gh-project-url--container {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #cccccc;
|
||||
height: 20px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
margin: 12px 0;
|
||||
}
|
||||
.gh-project-url--container input {
|
||||
width: 87%;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.gh-project-url--container input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.gh-project-url--container .icon--pull-right {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn--full-width {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content--title {
|
||||
display: inline-block;
|
||||
border-top: 3px solid #6db33f;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
padding-top: 8px;
|
||||
position: absolute;
|
||||
margin-top: -30px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
.content--title.search-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.index-page--title {
|
||||
margin-bottom: 30px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.index-page--subtitle {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.index-page--subtitle a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.search-result {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.search-result--title {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
margin-bottom: 6px;
|
||||
color: #5fa134;
|
||||
}
|
||||
.search-result--title:hover {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.search-result--summary {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
.search-result--summary em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.search-result--path {
|
||||
color: #8395a1;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #34302d;
|
||||
color: #eeeeee;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.footer a {
|
||||
color: #6db33f;
|
||||
}
|
||||
.footer .nav {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.footer .nav li a {
|
||||
color: #eeeeee;
|
||||
text-shadow: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
padding: 0 17px;
|
||||
}
|
||||
.footer .nav li a:hover {
|
||||
color: #6db33f;
|
||||
}
|
||||
.footer .nav li:first-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.footer .footer-newsletter--wrapper {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.footer .footer-newsletter--container form {
|
||||
margin: 0;
|
||||
}
|
||||
.footer .footer-newsletter--container label {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 15px;
|
||||
line-height: 12px;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container {
|
||||
background-color: white;
|
||||
border: 1px solid #f1f1f1;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscribe--input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 12px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscribe--input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscibe--btn {
|
||||
text-transform: uppercase;
|
||||
background-color: #6db33f;
|
||||
background-image: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: #eeeeee;
|
||||
text-shadow: none;
|
||||
font-size: 12px;
|
||||
padding: 9px 16px;
|
||||
}
|
||||
|
||||
.item-dropdown-widget {
|
||||
text-align: left;
|
||||
z-index: 800;
|
||||
position: relative;
|
||||
}
|
||||
.item-dropdown-widget .item-dropdown--link {
|
||||
cursor: pointer;
|
||||
}
|
||||
.item-dropdown-widget .item-dropdown--link .item-dropdown--title {
|
||||
padding: 14px 0 14px 20px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.item-dropdown-widget .item-dropdown--link .item-dropdown--icon {
|
||||
color: #cbcaca;
|
||||
padding: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
.item-dropdown-widget .item-dropdown--link:hover .item-dropdown--title, .item-dropdown-widget .item-dropdown--link:hover .item-dropdown--icon {
|
||||
color: #5fa134;
|
||||
}
|
||||
.item-dropdown-widget .item--dropdown {
|
||||
display: none;
|
||||
}
|
||||
.item-dropdown-widget.js-open {
|
||||
z-index: 801;
|
||||
}
|
||||
.item-dropdown-widget.js-open .item-dropdown--title {
|
||||
color: #f1f1f1;
|
||||
background-color: #6db33f;
|
||||
position: relative;
|
||||
z-index: 802;
|
||||
}
|
||||
.item-dropdown-widget.js-open .item-dropdown--icon {
|
||||
color: #dddddd;
|
||||
background-color: #34302d;
|
||||
position: relative;
|
||||
z-index: 803;
|
||||
}
|
||||
.item-dropdown-widget.js-open .item--dropdown {
|
||||
display: block;
|
||||
}
|
||||
.item-dropdown-widget.js-open .item-dropdown--link:hover .item-dropdown--title {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
.item-dropdown-widget.js-open .item-dropdown--link:hover .item-dropdown--icon {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.item--dropdown {
|
||||
position: absolute;
|
||||
background-color: #34302d;
|
||||
padding: 20px;
|
||||
width: 255px;
|
||||
z-index: 999;
|
||||
border: 1px solid #eeeeee;
|
||||
border-top: none;
|
||||
margin-left: -1px;
|
||||
}
|
||||
.item--dropdown .item--header {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #cccbca;
|
||||
}
|
||||
.item--dropdown .item--header .item--header-link {
|
||||
color: #6db33f;
|
||||
}
|
||||
.item--dropdown .item--header .item--header-link [class^=icon-] {
|
||||
color: #93918f;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.item--dropdown .item--header .item--header-link:hover {
|
||||
text-decoration: none;
|
||||
color: #7ac04c;
|
||||
}
|
||||
.item--dropdown .item--header .item--header-link:hover [class^=icon-] {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
.item--dropdown .item--left-column, .item--dropdown .item--right-column {
|
||||
width: 45%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.item--dropdown .item--half-column {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 50%;
|
||||
}
|
||||
.item--dropdown .item--half-column:first-child .item--body-title, .item--dropdown .item--half-column:first-child .item--body--version {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.item--dropdown .item--half-column:nth-child(2) .item--body-title, .item--dropdown .item--half-column:nth-child(2) .item--body--version {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.item--dropdown .item--half-column:nth-child(3) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.item--dropdown .item--body-title {
|
||||
padding: 30px 0 15px 0;
|
||||
color: #f1f1f1;
|
||||
border-bottom: 1px solid #4a4440;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.item--dropdown .item--body .item--body--version {
|
||||
border-bottom: 1px solid #4a4540;
|
||||
padding: 7px 0;
|
||||
}
|
||||
.item--dropdown .item--body .item--body--version p {
|
||||
color: #f1f1f1;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
}
|
||||
.item--dropdown .item--body .item--body--version .documentation-link {
|
||||
display: inline-block;
|
||||
color: #6db33f;
|
||||
}
|
||||
.item--dropdown .item--body .item--body--version .documentation-link:hover {
|
||||
color: #7ac04c;
|
||||
}
|
||||
.item--dropdown .item--body .item--body--version .documentation-link.reference-link {
|
||||
border-right: 1px solid #4a4540;
|
||||
padding-right: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.item--dropdown.no-item--header .item--body-title {
|
||||
padding-top: 0;
|
||||
border-bottom: 1px solid #cccbca;
|
||||
}
|
||||
.item--dropdown.no-item--header .tool-download-link .file-type {
|
||||
color: #5fa134;
|
||||
line-height: 14px;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
.item--dropdown.no-item--header .tool-download-link .file-size {
|
||||
color: #6c635d;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.content-container--wrapper {
|
||||
border: 1px solid #34302d;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.content-container--wrapper:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
.content-container--wrapper .content-container--title {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
text-transform: uppercase;
|
||||
background-color: #34302D;
|
||||
color: #FFF;
|
||||
padding: 18px 0;
|
||||
width: 327px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
.content-container--wrapper .content-items--container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.billboard--wrapper {
|
||||
position: absolute;
|
||||
top: 74px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.billboard--wrapper .billboard--container {
|
||||
position: absolute;
|
||||
z-index: 600;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: 80px;
|
||||
}
|
||||
.billboard--wrapper .billboard-bg {
|
||||
height: 425px;
|
||||
border-bottom: 1px solid #34302d;
|
||||
}
|
||||
|
||||
.billboard-body--wrapper {
|
||||
margin-top: 326px;
|
||||
}
|
||||
|
||||
.search-facets > ul {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.search-facets ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
130
css/projects.css.css
Normal file
130
css/projects.css.css
Normal 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;
|
||||
}
|
||||
60
css/syntax.css
Normal file
60
css/syntax.css
Normal file
@@ -0,0 +1,60 @@
|
||||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
39
css/typography.css.css
Normal file
39
css/typography.css.css
Normal file
@@ -0,0 +1,39 @@
|
||||
body, h1, h2, h3, p, input {
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
font-family: "Varela Round", sans-serif;
|
||||
color: #34302d;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
}
|
||||
p a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 14px;
|
||||
}
|
||||
Reference in New Issue
Block a user