5093f3120e
This is a big commit, and I apologize in advance for the future
git-blames all pointing to me. This commit does a few things:
1. Merges the website/docs and website/www repo into a single website repo
to be in line with other HashiCorp projects
2. Updates to use middleman-hashicorp
3. Converts less to scss to be in line with other projects
4. Updates page styles to be in line with other projects
5. Optimizes images
6. Prepare for S3 + Fastly deployment with scripts, etc.
7. Removes blog posts (they have been transferred to hashicorp.com with
redirects in place
8. Updated sitemap generation script for better SEO
9. Fixed many broken links
10. Add description to all fields
214 lines
4.1 KiB
SCSS
214 lines
4.1 KiB
SCSS
.page-vmware-integration {
|
|
h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.hero {
|
|
background: $gray-background image-url("vagrant_vmware_background.png") no-repeat center -20px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #c6e0f0;
|
|
height: auto;
|
|
background-position: center 0px;
|
|
padding-bottom: 20px;
|
|
|
|
.hero-content {
|
|
top: 50%;
|
|
|
|
hgroup {
|
|
margin: 375px 0 20px 0;
|
|
|
|
h1 {
|
|
color: $white;
|
|
font-weight: normal;
|
|
font-size: 50px;
|
|
line-height: 52px;
|
|
}
|
|
|
|
h2 {
|
|
@include museo-sans-light;
|
|
color: #48b4fb;
|
|
font-size: 22px;
|
|
font-weight: 400;
|
|
margin-top: 0;
|
|
text-transform: none;
|
|
line-height: 28px;
|
|
}
|
|
}
|
|
|
|
.button {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
padding: 13px 0;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
#learn-more-button {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#buy-now-button {
|
|
background-color: #F26C4F;
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.why, .faq {
|
|
@include padded;
|
|
background: $light-blue-background;
|
|
|
|
|
|
h1 {
|
|
color: $blue-text;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
line-height: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 20px;
|
|
letter-spacing: 1px;
|
|
line-height: 1.6;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
p {
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.footnotes {
|
|
margin-top: 40px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
.pricing {
|
|
@include padded;
|
|
@include get-started-bg;
|
|
|
|
color: $white;
|
|
|
|
h1 {
|
|
color: $white;
|
|
}
|
|
|
|
pre {
|
|
padding: 60px 80px 40px;
|
|
margin: 40px auto;
|
|
background: rgba($black, 0.6);
|
|
}
|
|
|
|
.buy-form {
|
|
p {
|
|
line-height: 1.4;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.form {
|
|
margin-top: 20px;
|
|
|
|
.products {
|
|
padding-left: 20px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
label {
|
|
font-size: 18px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
input.text {
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
|
|
border: none;
|
|
color: #000000;
|
|
letter-spacing: 0;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
width: 80px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
-webkit-box-shadow:
|
|
inset 0 3px 5px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
button {
|
|
margin: 0;
|
|
padding: 0 25px;
|
|
|
|
margin-top: -6px;
|
|
margin-left: -5px;
|
|
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
|
|
color: $white;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
background-color: #07B15F;
|
|
background-image: none;
|
|
border: none;
|
|
text-shadow: none;
|
|
-webkit-box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.3),
|
|
inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.3),
|
|
inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
-ms-box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.3),
|
|
inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.3),
|
|
inset 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.subtext {
|
|
margin-top: 20px;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
|
|
a {
|
|
border-bottom: 1px solid rgba($white, 0.5);
|
|
color: $white;
|
|
|
|
&:hover {
|
|
border-bottom: none;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.page-vmware-integration {
|
|
.hero {
|
|
.hero-content {
|
|
#learn-more-button {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#buy-now-button {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|