Commit 8e1fe2e9 by Thomas Bosch

css stripping

parent b539ae5a
.docs--header .docs-icon {
background-color: #34302d;
width: 94px;
height: 122px;
margin: 0 40px 40px 0;
padding: 39px;
background-image: url("../img/iconsprite.png");
background-repeat: no-repeat;
background-position: 37px -506px;
}
.docs--body {
width: auto;
min-height: 50px;
display: block !important;
}
.docs--body .docs-item--wrapper {
padding: 0 20px;
margin: 20px -22px;
}
.docs--body .empty-project {
margin-bottom: -40px;
}
.docs--body .docs-section-title {
margin: 40px 20px 30px;
border-top: 1px solid white;
padding-top: 40px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
.docs--body .docs-section-title.no-border {
border: 0;
padding-top: 0;
}
.docs--item {
display: inline-block;
width: 295px;
vertical-align: top;
margin: 0 22px;
}
.docs--item .docs-version--dropdown {
width: 86.5%;
}
.docs--item .docs-version--dropdown p {
display: inline-block;
}
.docs--item .docs-version--dropdown .icon {
vertical-align: top;
margin: 2px 0 0 6px;
}
.homepage-billboard {
background-image: url("../img/homepage-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}
.homepage-title--container {
margin-top: 66px;
}
.homepage-title, .homepage-subtitle {
background: rgba(52, 48, 45, 0.8);
color: #f1f1f1;
display: inline-block;
}
.homepage-title {
font-size: 48px;
line-height: 68px;
font-family: "Montserrat", sans-serif;
padding: 0 15px;
letter-spacing: -2px;
}
.homepage-subtitle {
font-size: 22px;
line-height: 18px;
padding: 2px 19px 12px;
}
.homepage-subtitle:first-child {
padding-top: 12px;
}
.homepage--body .platform--wrapper {
background: url("../img/platform-bg.png") #34302d 50% 50% no-repeat;
height: auto;
text-align: center;
padding: 60px 0;
background-size: 694px;
}
.homepage--body .platform--wrapper .platform--icon {
background: url("../img/spring-platform-watermark.png") no-repeat;
width: 241px;
height: 74px;
display: inline-block;
margin-bottom: 43px;
}
.homepage--body .platform--wrapper .platform--title {
font-family: "Montserrat", sans-serif;
color: #f1f1f1;
font-size: 30px;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}
.homepage--body .platform--wrapper .platform--text {
color: #f1f1f1;
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
}
.homepage--body .platform--wrapper .platform--link {
font-size: 18px;
line-height: 28px;
}
.homepage--body .platform--wrapper .platform--link [class^="icon-"] {
margin-left: 15px;
line-height: 10px;
vertical-align: middle;
text-decoration: none;
}
.homepage--body .key-feature--wrapper {
background-color: #6db33f;
padding: 60px 0;
}
.homepage--body .key-feature--wrapper .key-feature--container {
text-align: center;
color: #f1f1f1;
}
.homepage--body .key-feature--wrapper .key-feature--container .key-feature--icon--container {
height: 88px;
text-align: center;
margin-bottom: 44px;
}
.homepage--body .key-feature--wrapper .key-feature--container .key-feature--title {
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 30px;
line-height: 30px;
margin-bottom: 20px;
}
.homepage--body .key-feature--wrapper .key-feature--container .key-feature--text {
font-size: 18px;
line-height: 28px;
}
.homepage--body .key-feature--wrapper .key-feature--container .key-feature--text.highlight {
text-transform: uppercase;
}
.homepage--body .offset-feature--container {
border-bottom: 1px solid #dddbda;
transition: all 0.25s;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-o-transition: all 0.25s;
-ms-transition: all 0.25s;
}
.homepage--body .offset-feature--container .feature--content {
padding: 90px 0;
}
.homepage--body .offset-feature--container .offset-feature--title {
font-size: 30px;
line-height: 30px;
font-family: "Montserrat", sans-serif;
margin-bottom: 20px;
color: #34302d;
}
.homepage--body .offset-feature--container .offset-feature--text {
font-size: 18px;
line-height: 28px;
margin-bottom: 20px;
color: #34302d;
}
.homepage--body .offset-feature--container .offset-feature--link {
color: #5fa134;
font-size: 18px;
line-height: 18px;
}
.homepage--body .offset-feature--container .offset-feature--link i {
font-size: 18px;
line-height: 10px;
margin-left: 10px;
text-decoration: none;
}
.homepage--body .offset-feature--container.feature-guides {
background-image: url("../img/homepage-feature-guides.png");
background-repeat: no-repeat;
background-position: 148% 0;
}
.homepage--body .offset-feature--container.feature-sts {
background-image: url("../img/homepage-feature-sts.png");
background-repeat: no-repeat;
background-position: -40% 100%;
}
.homepage--body .offset-feature--container.feature-projects {
background-image: url("../img/homepage-feature-projects.png");
background-repeat: no-repeat;
background-position: 130px 0;
}
.homepage--body .offset-feature--container:last-child {
border: none;
}
.homepage--body .offset-feature--container:nth-child(even) {
background-color: #ebf1e7;
}
.support--wrapper {
background-color: #5d5d5d;
padding: 50px 0 60px;
}
.support--wrapper .support--container .icon {
float: left;
margin-right: 45px;
}
.support--wrapper .support--container .support--title {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
color: #f1f1f1;
margin: 22px 0;
}
.support--wrapper .support--container .support-links a {
color: #5fa134;
padding: 0 20px;
}
.support--wrapper .support--container .support-links a:first-child {
padding-left: 0;
}
.support--wrapper.about-page {
position: absolute;
left: 0;
right: 0;
}
.tool-suite {
text-align: right;
}
...@@ -4,11 +4,4 @@ ...@@ -4,11 +4,4 @@
@import "typography.css"; @import "typography.css";
@import "base.css"; @import "base.css";
@import "application.css"; @import "application.css";
@import "markdown-content.css";
@import "team.css";
@import "docs.css";
@import "homepage.css";
@import "tools.css";
@import "projects.css";
@import "highlight.css"; @import "highlight.css";
@import "responsive.css";
/* Space out content a bit */
body {
padding-top: 50px;
padding-bottom: 20px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
padding-left: 15px;
padding-right: 15px;
}
/* Custom page header */
.header {
border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 40px;
padding-bottom: 19px;
}
/* Custom page footer */
.footer {
padding-top: 19px;
color: #777;
border-top: 1px solid #e5e5e5;
}
/* Customize container */
@media (min-width: 768px) {
.container {
max-width: 730px;
}
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
text-align: center;
border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 40px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
/* Remove the padding we set earlier */
.header,
.marketing,
.footer {
padding-left: 0;
padding-right: 0;
}
/* Space out the masthead */
.header {
margin-bottom: 30px;
}
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0;
}
}
a[name="gs"], a[name="tutorials"] {
text-decoration: none !important;
}
.content--container h1 {
margin-bottom: 15px;
}
.content--container a {
color: #5fa134;
}
.content--container p, .content--container ul {
margin-bottom: 20px;
border-radius: 0;
}
.content-right-pane--container ul.inline {
border-top: 1px solid white;
padding: 4px 11px;
}
.content--container pre {
margin-top: -10px;
margin-bottom: 20px;
border-radius: 0;
}
.content--container h2 {
font-family: "Montserrat", sans-serif;
font-size: 20px;
line-height: 28px;
font-weight: 400;
margin: 30px 0 10px;
}
.content--container h3, .content--container h4 {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
margin: 20px 0 10px;
}
.content--container p code {
color: #305CB5;
font-size: 14px;
padding: 2px 6px;
}
.content--container ul li {
margin-bottom: 5px;
}
.content--container ul li code {
color: #305CB5;
font-size: 14px;
padding: 2px 6px;
}
.content--container blockquote {
padding: 0 0 0 10px;
border-left: 4px solid #6db33f;
background-color: #EBF1E7;
padding: 25px 20px;
margin: 30px 0;
font-family: "Montserrat", sans-serif;
}
.content--container blockquote strong {
font-size: 16px;
line-height: 20px;
font-weight: bold;
margin-bottom: 6px;
}
.content--container blockquote p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
.content--container pre {
word-break: normal;
word-wrap: normal;
white-space: pre;
overflow-x: auto;
width: 96.9%;
}
.content--container .highlight .copy-button {
position: absolute;
margin-left: 634px;
}
.content--container strong {
font-family: "Montserrat", sans-serif;
}
.content-right-pane--container h2 {
margin: 15px 6.2%;
}
.content-right-pane--container p {
font-size: 14px;
line-height: 21px;
margin: 15px 6.2%;
}
.content-right-pane--container h3 {
border-top: 1px solid #dddddd;
padding: 6px 6.2%;
font-family: "Montserrat", sans-serif;
margin: 0;
}
.content-right-pane--container ul {
margin: 0;
}
.content-right-pane--container ul li {
line-height: 21px;
}
.content-right-pane--container ul li:last-child {
padding-bottom: 28px;
}
.content-right-pane--container ul li:first-child {
padding-bottom: 12px;
}
.content-right-pane--container ul.inline li {
border: 1px solid white;
padding: 4px 8px;
margin: 4px 0;
}
.content-right-pane--container .btn-group {
margin: 0 6.2%;
display: block;
}
.content-right-pane--container .btn-group .btn {
font-family: "Varela Round", sans-serif;
padding: 12px 6.4% 10px;
font-size: 16px;
line-height: 16px;
border: 1px solid #dddddd;
box-shadow: none;
}
.content-right-pane--container .btn-group .btn.active {
background: #fff;
box-shadow: none;
}
.content-right-pane--container .btn-group .btn:active {
box-shadow: inset 0 1px 3px #c8c8c8;
}
.content-right-pane--container .clone-url {
border: 1px solid #cccccc;
background-color: white;
cursor: pointer;
margin: 15px 6.2%;
}
.content-right-pane--container .clone-url input {
background-color: transparent;
border: none;
box-shadow: none;
margin: 0;
padding: 10px 0 10px 14px;
}
.content-right-pane--container .clone-url input:focus {
outline: none;
}
.content-right-pane--container .clone-url button {
padding: 20px;
margin: 0;
float: right;
}
.content-right-pane--container .github_download {
display: block;
text-align: center;
margin: 15px 6.2%;
}
.go-to-repo--container {
margin-top: 20px;
padding: 10px 6.2%;
border-top: 1px solid white;
}
.go-to-repo--container a {
vertical-align: middle;
color: #5fa134;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 12px;
line-height: 24px;
text-decoration: none;
margin-top: 1px;
}
.go-to-repo--container a:hover {
color: #6ab43a;
}
.go-to-repo--container i {
color: #d4d4d4;
font-size: 24px;
margin-right: 10px;
float: left;
margin-top: -2px;
}
.copy-button {
background-color: #cccccc;
margin: 1px 1px 10px 0;
padding: 20px;
background-image: url("../img/iconsprite.png");
background-repeat: no-repeat;
background-position: 2px -429px;
width: 20px;
height: 22px;
border: none;
background-color: #34302d;
}
.copy-button.snippet {
float: right;
}
a.ci-status {
float: right;
margin-top: -27px;
}
.gs-guide-import {
display: none;
}
.tutorial-text img {
border: 6px solid white;
box-shadow: 0 0px 4px #cccccc, 0 1px 0 #cccccc;
}
.tutorial-text table {
border-color: #808080;
text-align: left;
margin: 60px 0;
}
.tutorial-text table th {
text-transform: uppercase;
font-size: 12px;
line-height: 15px;
border-bottom: 1px solid #cccccc;
padding: 0 30px 5px 8px;
vertical-align: bottom;
font-family: "Montserrat", sans-serif;
}
.tutorial-text table th:last-child {
padding-right: 8px;
}
.tutorial-text table tr:last-child {
border-bottom: 1px solid #cccccc;
}
.tutorial-text table td {
padding: 8px 20px 8px 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.tutorial-text table td:last-child {
padding-right: 8px;
border-right: 1px solid #cccccc;
}
.tutorial-text table td:first-child {
border-left: 1px solid #cccccc;
}
.tutorial-text table tr:nth-child(odd) > td, .tutorial-text table .table-striped tbody > tr:nth-child(odd) > th {
background-color: #F9F9F9;
}
.tutorial-text article.markdown-body h1 {
font-size: 21px;
line-height: 28px;
font-weight: 400;
margin: 30px 0 10px;
}
.tutorial-text article.markdown-body h2 {
font-family: "Varela Round", sans-serif;
font-size: 19px;
}
.team-map--wrapper #map {
height: 425px;
border-bottom: 1px solid #34302d;
}
.team-map--wrapper .team-map--container {
position: absolute;
z-index: 600;
width: 70%;
margin: 0 15%;
text-align: center;
margin-top: 212px;
}
.team-map--wrapper .team-map--container .team-map--title, .team-map--wrapper .team-map--container .team-map--subtitle {
background: rgba(52, 48, 45, 0.8);
color: #eeeeee;
display: inline-block;
}
.team-map--wrapper .team-map--container .team-map--title {
font-size: 48px;
line-height: 68px;
font-family: "Montserrat", sans-serif;
padding: 0 15px;
letter-spacing: -2px;
}
.team-map--wrapper .team-map--container .team-map--subtitle {
font-size: 18px;
line-height: 18px;
padding: 12px 19px;
}
.team-map--wrapper .team-map--container .team-map--subtitle.subtitle-bottom {
padding-top: 0;
}
.team-map--wrapper .team-member--container {
position: absolute;
z-index: 600;
width: 100%;
margin: 0 auto;
margin-top: 80px;
}
.team-map--wrapper .team-member--container .content--title {
color: #ebf1e7;
}
.team-map--wrapper .team-member--container .team-member--avatar {
border: 10px solid rgba(52, 48, 45, 0.75);
width: 250px;
height: 250px;
}
.team-map--wrapper .team-member--container .team-member-info--container {
padding: 40px;
background-color: rgba(52, 48, 45, 0.75);
color: #ebf1e7;
height: 190px;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member-social .team-member--social--icon {
opacity: 0.8;
margin-right: 10px;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member-social .team-member--social--icon:last-child {
margin: 0;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member--name {
color: #ebf1e7;
line-height: 24px;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member--sub-info {
margin-top: 6px;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member--sub-info p {
font-size: 14px;
line-height: 21px;
color: white;
}
.team-map--wrapper .team-member--container .team-member-info--container .team-member--bio {
margin-top: 20px;
color: #ebf1e7;
max-height: 120px;
overflow: hidden;
}
.team-members--wrapper {
margin-top: -100px;
}
.team-members--wrapper .team-member--container {
background-color: white;
border: 1px solid #eeeeee;
display: inline-block;
float: left;
padding: 10px;
width: 319px;
}
.team-members--wrapper .content-items--container {
padding: 40px;
}
.team-members--wrapper .member-post--container .member-post--title {
font-size: 24px;
line-height: 24px;
font-weight: normal;
font-family: "Montserrat", sans-serif;
margin-top: 40px;
margin-bottom: 10px;
}
.team-members--wrapper .member-post--container .member-post--summary p {
font-size: 14px;
line-height: 20px;
margin: 10px 0 20px;
}
.team-members--wrapper .member-post--container .member-post--summary p:first-child {
margin: 20px 0 10px;
}
.team-members--wrapper .member-post--container:first-child {
border-bottom: 1px solid white;
padding-bottom: 40px;
}
.team-members--wrapper .member-post--container:first-child .member-post--title {
margin-top: 0;
}
.team-members--wrapper .member-post--container .meta-data--container {
margin-bottom: 15px;
}
.team-members--wrapper .member-post--container .meta-data--container .meta-data--item {
display: inline-block;
margin: 2px 30px 0 0;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
}
.team-members--wrapper .member-post--container .meta-data--container .meta-data--item .meta-data--icon {
display: inline-block;
height: 20px;
width: 20px;
vertical-align: middle;
margin: -2px 5px 0 0;
}
.team-members--wrapper .member-post--container .meta-data--container .meta-data--item a {
color: #34302d;
}
.team-members--wrapper .member-post--container .meta-data--container .meta-data--item a:hover {
text-decoration: none;
color: #5fa134;
}
.team-members--wrapper .blog-preview--readmore {
color: #5fa134;
text-transform: uppercase;
}
.team-members--wrapper .blog-preview--readmore:hover {
text-decoration: underline;
}
.team-members--wrapper.with-padding {
padding-top: 100px;
}
.team-member--avatar {
display: inline-block;
}
.team-member--avatar img {
display: inline-block;
margin-right: 13px;
width: 153px;
height: 153px;
}
.team-member--info {
display: inline-block;
vertical-align: top;
margin-top: 20px;
width: 149px;
}
.team-member--info .team-member--name {
color: #5fa134;
font-size: 16px;
line-height: 16px;
width: 149px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.team-member--info .team-member--bio {
margin-top: 6px;
height: 61px;
}
.team-member--info .team-member--bio p {
font-size: 14px;
line-height: 18px;
}
.team-member--info .team-member--bio p.team-member--position {
max-height: 36px;
overflow: hidden;
margin-bottom: 5px;
}
.team-member--info .team-member--bio p.team-member--location {
width: 149px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.team-member--info .team-member--social {
margin-top: 12px;
}
.team-member--social--icon {
width: 24px;
height: 24px;
display: inline-block;
float: left;
margin-right: 5px;
background-image: url("../img/iconsprite.png");
}
.team-member--social--icon.twitter-small {
background-position: 687px 385px;
}
.team-member--social--icon.twitter-small:hover {
background-position: 687px 351px;
}
.team-member--social--icon.github-small {
background-position: 657px 385px;
}
.team-member--social--icon.github-small:hover {
background-position: 657px 351px;
}
.team-member--social--icon.speakerdeck-small {
background-position: 627px 385px;
}
.team-member--social--icon.speakerdeck-small:hover {
background-position: 627px 351px;
}
.team-member--social--icon.lanyrd-small {
background-position: 717px 385px;
}
.team-member--social--icon.lanyrd-small:hover {
background-position: 717px 351px;
}
.team-member--social--icon:last-child {
margin-right: 0;
}
.member-twitter--wrapper {
width: 270px;
border: 1px solid #34302d;
}
.member-twitter--wrapper .member-twitter--header {
background-color: #34302d;
padding: 15px 20px;
}
.member-twitter--wrapper .member-twitter--header .twitter-handle {
color: #eeeeee;
display: inline-block;
}
.member-twitter--wrapper .member-twitter--header .twitter-follow-btn {
border: 2px solid #6db33f;
color: #eeeeee;
font-size: 12px;
line-height: 12px;
padding: 6px 9px;
float: right;
margin-top: -4px;
transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
}
.member-twitter--wrapper .member-twitter--header .twitter-follow-btn .icon-twitter {
color: #d4d4d6;
margin-right: 3px;
}
.member-twitter--wrapper .member-twitter--header .twitter-follow-btn:hover {
background-color: #6db33f;
text-decoration: none;
color: white;
}
.member-twitter--wrapper .member-twitter--header .twitter-follow-btn:hover .icon-twitter {
color: white;
}
.member-twitter--wrapper .member-twitter--header .twitter-follow-btn:active {
background-color: #6db33f;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
border: none;
padding: 8px 11px;
}
.member-twitter--wrapper .member-twitter--body {
padding: 0 20px;
}
.leaflet-popup-content-wrapper {
background-color: #fff;
border-radius: 0 !important;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
width: 330px !important;
border-radius: 0;
padding: 0;
margin: 10px;
}
.leaflet-popup-content-wrapper .leaflet-popup-content p {
margin: 0;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment