major whitespace cleanup!
This commit is contained in:
captainill
parent
b61dae9142
commit
7d1aac6079
|
|
@ -1,58 +1,58 @@
|
|||
// add dropshadow to nav on scroll
|
||||
$(document).ready(function(){
|
||||
$(document).scroll(function() {
|
||||
var top = $(document).scrollTop();
|
||||
if (top > 0) $('#header').addClass("drop-shadow");
|
||||
if (top === 0) $('header').removeClass("drop-shadow");
|
||||
});
|
||||
$(document).scroll(function() {
|
||||
var top = $(document).scrollTop();
|
||||
if (top > 0) $('#header').addClass("drop-shadow");
|
||||
if (top === 0) $('header').removeClass("drop-shadow");
|
||||
});
|
||||
});
|
||||
|
||||
// open/close documentation side nav on small screens
|
||||
$(document).ready(function(){
|
||||
$(".toggle").click(function() {
|
||||
$(".sidebar-nav ul").slideToggle('slow');
|
||||
});
|
||||
$(".toggle").click(function() {
|
||||
$(".sidebar-nav ul").slideToggle('slow');
|
||||
});
|
||||
});
|
||||
|
||||
// Redirect to the proper checkout screen for quantity
|
||||
$(document).ready(function() {
|
||||
var selectedProduct = "";
|
||||
var selectedProduct = "";
|
||||
|
||||
function setSelectedProduct() {
|
||||
selectedProduct = $("input[name=product]:checked").val();
|
||||
function setSelectedProduct() {
|
||||
selectedProduct = $("input[name=product]:checked").val();
|
||||
}
|
||||
|
||||
$(".buy-form input[name=product]").change(function() {
|
||||
setSelectedProduct();
|
||||
|
||||
var text = selectedProduct.charAt(0).toUpperCase() + selectedProduct.slice(1);
|
||||
$("#buy-fusion").text("Buy " + text + " Licenses Now");
|
||||
});
|
||||
|
||||
$("#buy-fusion").click(function() {
|
||||
var seats = parseInt($("#seats").val(), 10);
|
||||
if (isNaN(seats)) {
|
||||
alert("The number of seats you want to purchase must be a number.");
|
||||
return;
|
||||
} else if (seats <= 0) {
|
||||
alert("The number of seats you want must be greater than zero.");
|
||||
return;
|
||||
}
|
||||
|
||||
$(".buy-form input[name=product]").change(function() {
|
||||
setSelectedProduct();
|
||||
|
||||
var text = selectedProduct.charAt(0).toUpperCase() + selectedProduct.slice(1);
|
||||
$("#buy-fusion").text("Buy " + text + " Licenses Now");
|
||||
});
|
||||
|
||||
$("#buy-fusion").click(function() {
|
||||
var seats = parseInt($("#seats").val(), 10);
|
||||
if (isNaN(seats)) {
|
||||
alert("The number of seats you want to purchase must be a number.");
|
||||
return;
|
||||
} else if (seats <= 0) {
|
||||
alert("The number of seats you want must be greater than zero.");
|
||||
return;
|
||||
}
|
||||
|
||||
var productId = "";
|
||||
if (selectedProduct == "fusion") {
|
||||
productId = "279661674";
|
||||
} else if (selectedProduct == "workstation") {
|
||||
productId = "302167489";
|
||||
} else {
|
||||
alert("Unknown product selected. Please refresh and try again.");
|
||||
return;
|
||||
}
|
||||
|
||||
window.location = "http://shopify.hashicorp.com/cart/" + productId + ":" + seats;
|
||||
});
|
||||
|
||||
if ($("#buy-fusion").length > 0) {
|
||||
setSelectedProduct();
|
||||
var productId = "";
|
||||
if (selectedProduct == "fusion") {
|
||||
productId = "279661674";
|
||||
} else if (selectedProduct == "workstation") {
|
||||
productId = "302167489";
|
||||
} else {
|
||||
alert("Unknown product selected. Please refresh and try again.");
|
||||
return;
|
||||
}
|
||||
|
||||
window.location = "http://shopify.hashicorp.com/cart/" + productId + ":" + seats;
|
||||
});
|
||||
|
||||
if ($("#buy-fusion").length > 0) {
|
||||
setSelectedProduct();
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,28 +1,28 @@
|
|||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: @sans-serif-stack;
|
||||
font-size: @base-font-size;
|
||||
line-height: @base-line-height;
|
||||
color: @black;
|
||||
background-color: @white;
|
||||
letter-spacing: 2px;
|
||||
.museo-sans-regular;
|
||||
font-family: @sans-serif-stack;
|
||||
font-size: @base-font-size;
|
||||
line-height: @base-line-height;
|
||||
color: @black;
|
||||
background-color: @white;
|
||||
letter-spacing: 2px;
|
||||
.museo-sans-regular;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin-top: 80px;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.container {
|
||||
z-index: 999; //keep content on top
|
||||
position: relative;
|
||||
z-index: 999; //keep content on top
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1,
|
||||
|
|
@ -31,96 +31,96 @@ h3,
|
|||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
text-rendering: optimizelegibility;
|
||||
.museo-sans-bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
text-rendering: optimizelegibility;
|
||||
.museo-sans-bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@font-size: 70px;
|
||||
font-size: @font-size;
|
||||
line-height: 80px;
|
||||
letter-spacing: 3px;
|
||||
@font-size: 70px;
|
||||
font-size: @font-size;
|
||||
line-height: 80px;
|
||||
letter-spacing: 3px;
|
||||
|
||||
span {
|
||||
font-size: @headline-span-size;
|
||||
display: block;
|
||||
}
|
||||
span {
|
||||
font-size: @headline-span-size;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&.all-caps {
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
}
|
||||
&.all-caps {
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
@font-size: 30px;
|
||||
font-size: @font-size;
|
||||
line-height: 35px;
|
||||
@font-size: 30px;
|
||||
font-size: @font-size;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@font-size: 30px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
@font-size: 30px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
}
|
||||
|
||||
h4 {
|
||||
@font-size: 24px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
@font-size: 24px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
}
|
||||
|
||||
h5 {
|
||||
@font-size: 20px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
@font-size: 20px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
}
|
||||
|
||||
h6 {
|
||||
@font-size: 12px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
@font-size: 12px;
|
||||
font-size: @font-size;
|
||||
line-height: @font-size;
|
||||
}
|
||||
|
||||
p {
|
||||
letter-spacing: normal;
|
||||
line-height: 32px;
|
||||
letter-spacing: normal;
|
||||
line-height: 32px;
|
||||
|
||||
a {
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
a {
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: @purple;
|
||||
.animate-text-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: @purple;
|
||||
.animate-text-color;
|
||||
}
|
||||
&:visited {
|
||||
|
||||
&:active {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -128,53 +128,53 @@ ul {
|
|||
}
|
||||
|
||||
li {
|
||||
line-height: @base-line-height;
|
||||
line-height: @base-line-height;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border: none;
|
||||
margin: 60px;
|
||||
border: none;
|
||||
margin: 60px;
|
||||
|
||||
p { // blockquote p
|
||||
font-size: @base-font-size * 2;
|
||||
line-height: @base-line-height * 2;
|
||||
font-style: italic;
|
||||
}
|
||||
p { // blockquote p
|
||||
font-size: @base-font-size * 2;
|
||||
line-height: @base-line-height * 2;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
.museo-sans-bold;
|
||||
.museo-sans-bold;
|
||||
}
|
||||
|
||||
em {
|
||||
.museo-sans-regular-italic;
|
||||
.museo-sans-regular-italic;
|
||||
}
|
||||
|
||||
br {
|
||||
display:block;
|
||||
line-height: (@baseline * 2);
|
||||
display:block;
|
||||
line-height: (@baseline * 2);
|
||||
}
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-family: @mono-stack;
|
||||
font-family: @mono-stack;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
font-size: @code-font-size;
|
||||
background: @black;
|
||||
color: @light-gray-text;
|
||||
padding: 20px;
|
||||
line-height: @code-line-height;
|
||||
border: none;
|
||||
font-size: @code-font-size;
|
||||
background: @black;
|
||||
color: @light-gray-text;
|
||||
padding: 20px;
|
||||
line-height: @code-line-height;
|
||||
|
||||
span {
|
||||
color: @code-highlight-text;
|
||||
}
|
||||
span {
|
||||
color: @code-highlight-text;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
@ -182,8 +182,8 @@ hr {
|
|||
}
|
||||
|
||||
.vr {
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
|
|
@ -191,23 +191,23 @@ form {
|
|||
}
|
||||
|
||||
input {
|
||||
letter-spacing: 3px;
|
||||
letter-spacing: 3px;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
overflow: visible;
|
||||
padding-top: 3px;
|
||||
color: @light-gray-text;
|
||||
overflow: visible;
|
||||
padding-top: 3px;
|
||||
color: @light-gray-text;
|
||||
}
|
||||
|
||||
input:-moz-placeholder {
|
||||
overflow: visible;
|
||||
padding-top: 3px;
|
||||
color: @light-gray-text;
|
||||
overflow: visible;
|
||||
padding-top: 3px;
|
||||
color: @light-gray-text;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -215,116 +215,116 @@ input:-moz-placeholder {
|
|||
.meta,
|
||||
.legal,
|
||||
.date {
|
||||
color: @medium-gray-text;
|
||||
line-height: @base-line-height;
|
||||
.museo-sans-regular;
|
||||
color: @medium-gray-text;
|
||||
line-height: @base-line-height;
|
||||
.museo-sans-regular;
|
||||
}
|
||||
|
||||
.date {
|
||||
text-transform: uppercase;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: @white;
|
||||
text-align: center;
|
||||
background-color: @primary-button-color;
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
margin-top: 20px !important;
|
||||
text-transform: uppercase;
|
||||
font-size: 25px;
|
||||
letter-spacing: 5px;
|
||||
.museo-sans-light;
|
||||
color: @white;
|
||||
text-align: center;
|
||||
background-color: @primary-button-color;
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
margin-top: 20px !important;
|
||||
text-transform: uppercase;
|
||||
font-size: 25px;
|
||||
letter-spacing: 5px;
|
||||
.museo-sans-light;
|
||||
.rounded;
|
||||
.hover;
|
||||
|
||||
&.inline-button {
|
||||
background-color: @vagrant-blue;
|
||||
padding: 5px 20px;
|
||||
color: @white !important;
|
||||
font-size: 15px;
|
||||
letter-spacing: 1px;
|
||||
.rounded;
|
||||
.hover;
|
||||
|
||||
&.inline-button {
|
||||
background-color: @vagrant-blue;
|
||||
padding: 5px 20px;
|
||||
color: @white !important;
|
||||
font-size: 15px;
|
||||
letter-spacing: 1px;
|
||||
.rounded;
|
||||
|
||||
a,
|
||||
a:hover {
|
||||
color: @white;
|
||||
}
|
||||
a,
|
||||
a:hover {
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
|
||||
&.white-button {
|
||||
background: fade(@white, 20%);
|
||||
|
||||
&:hover {
|
||||
background: fade(@white, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
&.secondary-button {
|
||||
background: @light-gray;
|
||||
|
||||
&:hover {
|
||||
background: @purple;
|
||||
}
|
||||
}
|
||||
|
||||
&.with-carat span {
|
||||
margin-right: -10px; //recenter text if there's a carat after text
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
// button text styles can go here
|
||||
}
|
||||
&.white-button {
|
||||
background: fade(@white, 20%);
|
||||
|
||||
&:hover {
|
||||
background-color: @purple;
|
||||
.animate-background-color;
|
||||
background: fade(@white, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
&.secondary-button {
|
||||
background: @light-gray;
|
||||
|
||||
&:hover {
|
||||
background: @purple;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
background-color: @light-gray-background;
|
||||
}
|
||||
&.with-carat span {
|
||||
margin-right: -10px; //recenter text if there's a carat after text
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
// button text styles can go here
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: @purple;
|
||||
.animate-background-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
background-color: @light-gray-background;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a.read-more {
|
||||
color: @blue;
|
||||
color: @blue;
|
||||
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
}
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
// misc. styles
|
||||
.loading {
|
||||
text-align: center;
|
||||
font-size: @base-font-size;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
color: @medium-gray-text;
|
||||
padding: 30px 0 20px;
|
||||
text-align: center;
|
||||
font-size: @base-font-size;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
color: @medium-gray-text;
|
||||
padding: 30px 0 20px;
|
||||
}
|
||||
|
||||
.pinned {
|
||||
position:fixed;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
.footnote {
|
||||
font-size: 14px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -80px;
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -80px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,14 +15,14 @@
|
|||
|
||||
.search {
|
||||
//.debug;
|
||||
background: @white;
|
||||
background: @white;
|
||||
height: 60px;
|
||||
|
||||
input,
|
||||
button,
|
||||
form {
|
||||
.kill-effects;
|
||||
border: none;
|
||||
border: none;
|
||||
height: 60px;
|
||||
font-size: 20px;
|
||||
.museo-sans-light-italic;
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
|
||||
&:focus {
|
||||
|
||||
} //focus
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
|
|
@ -44,8 +44,8 @@
|
|||
}
|
||||
|
||||
|
||||
} //search
|
||||
} //search bar
|
||||
}
|
||||
}
|
||||
|
||||
//pagination
|
||||
.pagination {
|
||||
|
|
@ -75,71 +75,71 @@
|
|||
|
||||
//downloads
|
||||
.downloads {
|
||||
.description {
|
||||
margin-bottom: 20px;
|
||||
.description {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.download {
|
||||
border-bottom: 1px solid #b2b2b2;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.details {
|
||||
padding-left: 95px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
&:after {
|
||||
content: " | ";
|
||||
}
|
||||
|
||||
&:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 22px;
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
margin-left: 3px;
|
||||
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.download {
|
||||
border-bottom: 1px solid #b2b2b2;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
.details {
|
||||
padding-left: 95px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
|
||||
&:after {
|
||||
content: " | ";
|
||||
}
|
||||
|
||||
&:last-child:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 22px;
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
margin-left: 3px;
|
||||
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
img {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
.os-name {
|
||||
font-size: 40px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.icon {
|
||||
img {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
.poweredby {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 122px;
|
||||
}
|
||||
.os-name {
|
||||
font-size: 40px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.poweredby {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 122px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,101 +1,101 @@
|
|||
// footer
|
||||
|
||||
footer {
|
||||
padding: 80px 0;
|
||||
background: @black url(/images/footer_background.png) center center;
|
||||
text-align: center;
|
||||
color: @white;
|
||||
z-index: 999;
|
||||
position: relative; //z-index needs position!
|
||||
padding: 80px 0;
|
||||
background: @black url(/images/footer_background.png) center center;
|
||||
text-align: center;
|
||||
color: @white;
|
||||
z-index: 999;
|
||||
position: relative; //z-index needs position!
|
||||
|
||||
ul.footer-nav {
|
||||
color: @blue;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px;
|
||||
.museo-sans-light;
|
||||
ul.footer-nav {
|
||||
color: @blue;
|
||||
text-transform: uppercase;
|
||||
font-size: 15px;
|
||||
.museo-sans-light;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
|
||||
a {
|
||||
color: @blue;
|
||||
a {
|
||||
color: @blue;
|
||||
|
||||
&:hover {
|
||||
color: @purple;
|
||||
} //li a:hover
|
||||
} // li a
|
||||
} //li
|
||||
&:hover {
|
||||
color: @purple;
|
||||
} //li a:hover
|
||||
} // li a
|
||||
} //li
|
||||
|
||||
} //ul
|
||||
} //ul
|
||||
|
||||
|
||||
ul.logos {
|
||||
margin: (@baseline * 2) 0;
|
||||
ul.logos {
|
||||
margin: (@baseline * 2) 0;
|
||||
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
span {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light;
|
||||
text-transform: uppercase;
|
||||
font-size: 40px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
span {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light;
|
||||
text-transform: uppercase;
|
||||
font-size: 40px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.vagrant-logo-monochrome,
|
||||
.hashi-logo-monochrome {
|
||||
.vagrant-logo-monochrome,
|
||||
.hashi-logo-monochrome {
|
||||
|
||||
&:hover {
|
||||
-khtml-opacity: .85;
|
||||
-moz-opacity: .85;
|
||||
opacity: .85;
|
||||
filter: alpha(opacity=85);
|
||||
.animate-opacity;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
-khtml-opacity: .85;
|
||||
-moz-opacity: .85;
|
||||
opacity: .85;
|
||||
filter: alpha(opacity=85);
|
||||
.animate-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
.vagrant-logo-monochrome {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
background: url(/images/footer_vagrant_logo.png) no-repeat center center;
|
||||
margin-bottom: -25px;
|
||||
.vagrant-logo-monochrome {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
background: url(/images/footer_vagrant_logo.png) no-repeat center center;
|
||||
margin-bottom: -25px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.hashi-logo-monochrome {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
background: url(/images/footer_hashi_logo.png) no-repeat center center;
|
||||
margin-bottom: -25px;
|
||||
}
|
||||
.hashi-logo-monochrome {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
background: url(/images/footer_hashi_logo.png) no-repeat center center;
|
||||
margin-bottom: -25px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a.contact-link {
|
||||
color: @dark-gray-text;
|
||||
line-height: @base-line-height * 2;
|
||||
font-size: 30px;
|
||||
a.contact-link {
|
||||
color: @dark-gray-text;
|
||||
line-height: @base-line-height * 2;
|
||||
font-size: 30px;
|
||||
|
||||
&:hover {
|
||||
color: @white;
|
||||
}
|
||||
&:hover {
|
||||
color: @white;
|
||||
}
|
||||
|
||||
&:visited {
|
||||
color: inherit;
|
||||
}
|
||||
&:visited {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: @blue;
|
||||
}
|
||||
} //contact link
|
||||
&:active {
|
||||
color: @blue;
|
||||
}
|
||||
} //contact link
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
} //footer
|
||||
} //footer
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
z-index: 1001;
|
||||
|
||||
&.docs {
|
||||
background: @gray-background;
|
||||
background: @gray-background;
|
||||
}
|
||||
|
||||
.navbar-toggle{
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
margin-top: 2px; //baseline everything
|
||||
|
||||
.navigation-links{
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,50 +1,50 @@
|
|||
@media (max-width: 480px) {
|
||||
// nav {
|
||||
// height: auto;
|
||||
// font-size: 13px;
|
||||
// padding: 10px 0;
|
||||
// .drop-shadow;
|
||||
//
|
||||
// a.vagrant-docs-logo {
|
||||
// background: url(/images/logo_docs_small.png) no-repeat center center !important;
|
||||
// display: inline-block !important;
|
||||
// float: none !important;
|
||||
// position: relative;
|
||||
// width: 200px !important;
|
||||
// left: 50%;
|
||||
// padding: 10px 0;
|
||||
// .reset;
|
||||
// margin-left: -100px !important;
|
||||
// }
|
||||
//
|
||||
// a.vagrant-logo {
|
||||
// background: url(/images/logo_vagrant.png) no-repeat center center !important;
|
||||
// display: inline-block !important;
|
||||
// float: none !important;
|
||||
// position: relative;
|
||||
// width: 80% !important;
|
||||
// left: 50%;
|
||||
// padding: 10px 0;
|
||||
// .reset;
|
||||
// margin-left: -130px !important;
|
||||
// }
|
||||
//
|
||||
// ul {
|
||||
// position: relative;
|
||||
// margin: 0 auto;
|
||||
// width: 100%;
|
||||
// text-align: center;
|
||||
// padding: 10px 0 0;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// a.brand {
|
||||
// display: none !important;
|
||||
// position: static !important;
|
||||
// width: 200px !important;
|
||||
// margin: 0 0 0 0 !important;
|
||||
// background-position: center center !important;
|
||||
// }
|
||||
nav {
|
||||
height: auto;
|
||||
font-size: 13px;
|
||||
padding: 10px 0;
|
||||
.drop-shadow;
|
||||
|
||||
a.vagrant-docs-logo {
|
||||
background: url(/images/logo_docs_small.png) no-repeat center center !important;
|
||||
display: inline-block !important;
|
||||
float: none !important;
|
||||
position: relative;
|
||||
width: 200px !important;
|
||||
left: 50%;
|
||||
padding: 10px 0;
|
||||
.reset;
|
||||
margin-left: -100px !important;
|
||||
}
|
||||
|
||||
a.vagrant-logo {
|
||||
background: url(/images/logo_vagrant.png) no-repeat center center !important;
|
||||
display: inline-block !important;
|
||||
float: none !important;
|
||||
position: relative;
|
||||
width: 80% !important;
|
||||
left: 50%;
|
||||
padding: 10px 0;
|
||||
.reset;
|
||||
margin-left: -130px !important;
|
||||
}
|
||||
|
||||
ul {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
a.brand {
|
||||
display: none !important;
|
||||
position: static !important;
|
||||
width: 200px !important;
|
||||
margin: 0 0 0 0 !important;
|
||||
background-position: center center !important;
|
||||
}
|
||||
|
||||
.search {
|
||||
input {
|
||||
|
|
|
|||
|
|
@ -65,15 +65,15 @@
|
|||
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
.translate3d (@x, @y: 0, @z: 0) {
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
-moz-transform: translate3d(@x, @y, @z);
|
||||
-ms-transform: translate3d(@x, @y, @z);
|
||||
-o-transform: translate3d(@x, @y, @z);
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
-moz-transform: translate3d(@x, @y, @z);
|
||||
-ms-transform: translate3d(@x, @y, @z);
|
||||
-o-transform: translate3d(@x, @y, @z);
|
||||
}
|
||||
|
||||
.clearfix{
|
||||
|
|
@ -149,15 +149,15 @@
|
|||
|
||||
/*
|
||||
.sidebar-nav-selected {
|
||||
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(71,101,118,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(71,101,118,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#476576',GradientType=1 );
|
||||
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(71,101,118,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(71,101,118,1)));
|
||||
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(71,101,118,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#476576',GradientType=1 );
|
||||
}
|
||||
*/
|
||||
*/
|
||||
|
||||
|
||||
// helpers
|
||||
|
|
|
|||
|
|
@ -44,6 +44,6 @@
|
|||
|
||||
@media (max-width: 768px) {
|
||||
#header {
|
||||
position: relative;
|
||||
}
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,72 +1,72 @@
|
|||
.Modules {
|
||||
&.blog-archives {
|
||||
span.meta.date {
|
||||
font-size: 12px;
|
||||
}
|
||||
&.blog-archives {
|
||||
span.meta.date {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&.blog-landing, &.blog-post {
|
||||
article {
|
||||
letter-spacing: normal;
|
||||
margin-bottom: 30px;
|
||||
&.blog-landing, &.blog-post {
|
||||
article {
|
||||
letter-spacing: normal;
|
||||
margin-bottom: 30px;
|
||||
|
||||
.meta {
|
||||
font-size: 16px;
|
||||
}
|
||||
.meta {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
img {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 45px;
|
||||
font-weight: bold;
|
||||
margin-top: 2px;
|
||||
text-transform: none;
|
||||
}
|
||||
h2 {
|
||||
font-size: 45px;
|
||||
font-weight: bold;
|
||||
margin-top: 2px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #476576;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #476576;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
li a {
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.blog-sidebar {
|
||||
h3 {
|
||||
color: #476576;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid #476576;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
&.sponsors {
|
||||
margin-top: 50px;
|
||||
li a {
|
||||
color: @docs-blue;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid @docs-blue;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
height: 250px;
|
||||
}
|
||||
&:hover {
|
||||
color: darken(@blue, 10%);
|
||||
border-bottom: 1px solid darken(@blue, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.blog-sidebar {
|
||||
color: #476576;
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
&.sponsors {
|
||||
margin-top: 50px;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,118 +1,118 @@
|
|||
// roll your own nav
|
||||
|
||||
nav {
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
.museo-sans-light;
|
||||
color: @medium-gray-text;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: @white;
|
||||
z-index: 9999999999;
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
.museo-sans-light;
|
||||
color: @medium-gray-text;
|
||||
height: 80px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: @white;
|
||||
z-index: 9999999999;
|
||||
|
||||
&.docs {
|
||||
background: @gray-background;
|
||||
&.docs {
|
||||
background: @gray-background;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 0;
|
||||
.img-retina('/images/logo-header.png', @project-logo-width, @project-logo-height, no-repeat);
|
||||
background-position: 0, center;
|
||||
height: @project-logo-height;
|
||||
width: @project-logo-width;
|
||||
margin-left: 15px;
|
||||
&:hover{
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 0;
|
||||
.img-retina('/images/logo-header.png', @project-logo-width, @project-logo-height, no-repeat);
|
||||
background-position: 0, center;
|
||||
height: @project-logo-height;
|
||||
width: @project-logo-width;
|
||||
margin-left: 15px;
|
||||
&:hover{
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.by-hashicorp{
|
||||
&:hover{
|
||||
svg{
|
||||
line{
|
||||
opacity: .4;
|
||||
}
|
||||
.by-hashicorp{
|
||||
&:hover{
|
||||
svg{
|
||||
line{
|
||||
opacity: .4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.by-hashicorp{
|
||||
color: @project-link-color;
|
||||
|
||||
&:hover{
|
||||
color: black;
|
||||
svg{
|
||||
path,
|
||||
polygon{
|
||||
fill: black;
|
||||
}
|
||||
line{
|
||||
stroke: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.svg-wrap{
|
||||
font-weight: 400;
|
||||
}
|
||||
.by-hashicorp{
|
||||
color: @project-link-color;
|
||||
|
||||
&:hover{
|
||||
color: black;
|
||||
svg{
|
||||
path,
|
||||
polygon{
|
||||
fill: @project-link-color;
|
||||
fill: black;
|
||||
}
|
||||
line{
|
||||
stroke: @project-link-color;
|
||||
stroke: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vagrant-docs-logo {
|
||||
display: block;
|
||||
text-indent: -999999px;
|
||||
background: url(/images/logo_docs.png) no-repeat 0 0;
|
||||
height: 70px;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin: 10px 20px;
|
||||
.svg-wrap{
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 25px 20px;
|
||||
svg{
|
||||
path,
|
||||
polygon{
|
||||
fill: @project-link-color;
|
||||
}
|
||||
line{
|
||||
stroke: @project-link-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin-left: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.vagrant-docs-logo {
|
||||
display: block;
|
||||
text-indent: -999999px;
|
||||
background: url(/images/logo_docs.png) no-repeat 0 0;
|
||||
height: 70px;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin: 10px 20px;
|
||||
}
|
||||
|
||||
li.pill {
|
||||
background-color: #48b4fb;
|
||||
border-radius: 50px;
|
||||
color: #FFF;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
ul {
|
||||
margin: 25px 20px;
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin-left: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.active-nav {
|
||||
color: @blue;
|
||||
li.pill {
|
||||
background-color: #48b4fb;
|
||||
border-radius: 50px;
|
||||
color: #FFF;
|
||||
padding: 10px 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.active-nav {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
.contact {
|
||||
|
||||
&:hover {
|
||||
background-color: @light-gray-background;
|
||||
padding: 10px;
|
||||
margin-right: -10px;
|
||||
margin-left: 5px;
|
||||
.rounded;
|
||||
}
|
||||
|
||||
.contact {
|
||||
|
||||
&:hover {
|
||||
background-color: @light-gray-background;
|
||||
padding: 10px;
|
||||
margin-right: -10px;
|
||||
margin-left: 5px;
|
||||
.rounded;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: darken(@light-gray-background, 5%);
|
||||
}
|
||||
&:active {
|
||||
background-color: darken(@light-gray-background, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,467 +1,464 @@
|
|||
/* page */
|
||||
.page { //style all pages
|
||||
|
||||
.page-background { //page background color
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:50%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 1; //keep it in the back
|
||||
} //.background
|
||||
.page-background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left:50%;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
z-index: 1; //keep it in the back
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
.museo-sans-light;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 60px;
|
||||
line-height: 70px;
|
||||
margin: (@baseline * 2) 0 @baseline;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
line-height: 45px;
|
||||
margin: (@baseline * 2) 0 @baseline;
|
||||
|
||||
&:first-child {
|
||||
margin-top: @baseline * .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* home */
|
||||
&.home {
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero {
|
||||
.padded;
|
||||
background: @gray-background url(/images/vagrant_header_background.png) no-repeat center -80px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #c6e0f0;
|
||||
|
||||
.hero-content {
|
||||
top: 50%;
|
||||
|
||||
hgroup {
|
||||
margin: (@baseline * 4) 0 20px 0;
|
||||
text-shadow: 0 1px 10px rgba(255, 255, 255, 0.4);
|
||||
|
||||
h1 {
|
||||
color: @purple-text;
|
||||
margin-bottom: (@baseline * 4);
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.museo-sans-light;
|
||||
color: @blue-text;
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.why-vagrant {
|
||||
.padded;
|
||||
background: @light-blue-background url(/images/steps_background.png) center -120px;
|
||||
|
||||
|
||||
h1 {
|
||||
color: @blue-text;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
hgroup {
|
||||
margin: (@baseline * 3) 0;
|
||||
width: 530px;
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 40px;
|
||||
margin-bottom: @baseline;
|
||||
color: @purple-text;
|
||||
.museo-sans-light;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
line-height: @baseline * 1.5;
|
||||
.museo-sans-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.get-started {
|
||||
.padded;
|
||||
.get-started-bg;
|
||||
|
||||
h1 {
|
||||
color: @white;
|
||||
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 60px 80px 40px;
|
||||
margin: 40px auto;
|
||||
background: fade(@black, 60%);
|
||||
}
|
||||
|
||||
.button {
|
||||
//background: fade(@white, 20%);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.customers {
|
||||
.padded;
|
||||
background-color: @black;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
h1 {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light
|
||||
}
|
||||
|
||||
.customer-logos {
|
||||
margin-top: @baseline * 3;
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height: auto;
|
||||
-khtml-opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
}
|
||||
|
||||
ul.customer-logos {
|
||||
|
||||
li {
|
||||
|
||||
img {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* inner */
|
||||
&.inner {
|
||||
.inner-bg-large; //sidebar background
|
||||
|
||||
.page-background {
|
||||
background-color: @gray-background; //page background
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
background-color: @gray-background;
|
||||
.padded;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
text-align: left;
|
||||
h2 {
|
||||
color: @dark-blue-text;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* docs */
|
||||
&.docs {
|
||||
.docs-bg-large; //sidebar background
|
||||
|
||||
.page-background {
|
||||
background: @white; //page background
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
.padded;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
color: @docs-blue;
|
||||
}
|
||||
|
||||
h2.steps img {
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
&.docs-home {
|
||||
|
||||
|
||||
}
|
||||
|
||||
&.docs-inner {
|
||||
|
||||
h3 {
|
||||
color: @docs-blue;
|
||||
text-transform: uppercase;
|
||||
margin: @baseline 0;
|
||||
.museo-sans-light;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h5.subhead {
|
||||
.museo-sans-light;
|
||||
color: @purple-text;
|
||||
line-height: @baseline;
|
||||
margin: -10px 0 @baseline;
|
||||
}
|
||||
|
||||
h6.subhead {
|
||||
.museo-sans-regular-italic;
|
||||
color: @dark-gray-text;
|
||||
line-height: @baseline;
|
||||
margin: -10px 0 @baseline;
|
||||
font-size: 15px;
|
||||
//text-transform: uppercase;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
&.vmware {
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero {
|
||||
background: @gray-background url(/images/vagrant_vmware_background.png) no-repeat center -20px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #c6e0f0;
|
||||
height: 690px;
|
||||
|
||||
.hero-content {
|
||||
top: 50%;
|
||||
|
||||
hgroup {
|
||||
margin: 375px 0 20px 0;
|
||||
|
||||
h1 {
|
||||
color: #FFFFFF;
|
||||
font-weight: normal;
|
||||
margin-bottom: 10px;
|
||||
font-size: 50px;
|
||||
line-height: 52px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.museo-sans-light;
|
||||
color: #48b4fb;
|
||||
font-size: 22px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 60px;
|
||||
line-height: 70px;
|
||||
margin: (@baseline * 2) 0 @baseline;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
} //h1 first child
|
||||
.button {
|
||||
font-size: 18px;
|
||||
margin-top: 0px !important;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#buy-now-button.button {
|
||||
background-color: #F26C4F;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.why {
|
||||
.padded;
|
||||
background: @light-blue-background;
|
||||
|
||||
|
||||
h1 {
|
||||
color: @blue-text;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.reasons {
|
||||
h2 {
|
||||
font-size: 40px;
|
||||
line-height: 45px;
|
||||
margin: (@baseline * 2) 0 @baseline;
|
||||
|
||||
&:first-child {
|
||||
margin-top: @baseline * .5;
|
||||
} //h2 first child
|
||||
} //h2
|
||||
} //page-contents
|
||||
|
||||
/* home */
|
||||
&.home { //style homepage
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero {
|
||||
.padded;
|
||||
background: @gray-background url(/images/vagrant_header_background.png) no-repeat center -80px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #c6e0f0;
|
||||
|
||||
.hero-content {
|
||||
top: 50%;
|
||||
|
||||
hgroup {
|
||||
margin: (@baseline * 4) 0 20px 0;
|
||||
text-shadow: 0 1px 10px rgba(255, 255, 255, 0.4);
|
||||
|
||||
h1 {
|
||||
color: @purple-text;
|
||||
margin-bottom: (@baseline * 4);
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.museo-sans-light;
|
||||
color: @blue-text;
|
||||
font-size: 30px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
} //hero hgroup
|
||||
|
||||
} //hero-content
|
||||
|
||||
} //homepage hero
|
||||
|
||||
.why-vagrant {
|
||||
.padded;
|
||||
background: @light-blue-background url(/images/steps_background.png) center -120px;
|
||||
|
||||
|
||||
h1 {
|
||||
color: @blue-text;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
} //h1
|
||||
|
||||
hgroup {
|
||||
margin: (@baseline * 3) 0;
|
||||
width: 530px;
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 40px;
|
||||
margin-bottom: @baseline;
|
||||
color: @purple-text;
|
||||
.museo-sans-light;
|
||||
} //h3
|
||||
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
line-height: @baseline * 1.5;
|
||||
.museo-sans-light;
|
||||
} //h4
|
||||
} //hgroup
|
||||
} //why-vagrant
|
||||
|
||||
.get-started {
|
||||
.padded;
|
||||
.get-started-bg;
|
||||
|
||||
h1 {
|
||||
color: @white;
|
||||
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 60px 80px 40px;
|
||||
margin: 40px auto;
|
||||
background: fade(@black, 60%);
|
||||
}
|
||||
|
||||
.button {
|
||||
//background: fade(@white, 20%);
|
||||
}
|
||||
|
||||
} //get-started
|
||||
|
||||
.customers {
|
||||
.padded;
|
||||
background-color: @black;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
h1 {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light
|
||||
}
|
||||
|
||||
.customer-logos {
|
||||
margin-top: @baseline * 3;
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height: auto;
|
||||
-khtml-opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
}
|
||||
|
||||
ul.customer-logos {
|
||||
|
||||
li {
|
||||
|
||||
img {
|
||||
|
||||
} //img
|
||||
|
||||
} //li
|
||||
} //ul.cusotmer-logos
|
||||
}
|
||||
|
||||
} //home
|
||||
|
||||
/* inner */
|
||||
&.inner { //style inner pages
|
||||
.inner-bg-large; //sidebar background
|
||||
|
||||
.page-background { //change inner background color!
|
||||
background-color: @gray-background; //page background
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
background-color: @gray-background;
|
||||
.padded;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: @dark-blue-text;
|
||||
|
||||
font-size: 20px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
} //inner
|
||||
.row {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* docs */
|
||||
&.docs { //style all docs
|
||||
.docs-bg-large; //sidebar background
|
||||
|
||||
.page-background { //change the sidebar background color!
|
||||
background: @white; //page background
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
.padded;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
color: @docs-blue;
|
||||
}
|
||||
|
||||
h2.steps img {
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
&.docs-home { //style docs-home
|
||||
|
||||
|
||||
} //documentation-home
|
||||
|
||||
&.docs-inner { //style docs-inner
|
||||
|
||||
h3 {
|
||||
color: @docs-blue;
|
||||
text-transform: uppercase;
|
||||
margin: @baseline 0;
|
||||
.museo-sans-light;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h5.subhead {
|
||||
.museo-sans-light;
|
||||
color: @purple-text;
|
||||
line-height: @baseline;
|
||||
margin: -10px 0 @baseline;
|
||||
}
|
||||
|
||||
h6.subhead {
|
||||
.museo-sans-regular-italic;
|
||||
color: @dark-gray-text;
|
||||
line-height: @baseline;
|
||||
margin: -10px 0 @baseline;
|
||||
font-size: 15px;
|
||||
//text-transform: uppercase;
|
||||
}
|
||||
|
||||
} //documentation-inner
|
||||
|
||||
} //documentation
|
||||
|
||||
|
||||
&.vmware {
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero {
|
||||
background: @gray-background url(/images/vagrant_vmware_background.png) no-repeat center -20px;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #c6e0f0;
|
||||
height: 690px;
|
||||
|
||||
.hero-content {
|
||||
top: 50%;
|
||||
|
||||
hgroup {
|
||||
margin: 375px 0 20px 0;
|
||||
|
||||
h1 {
|
||||
color: #FFFFFF;
|
||||
font-weight: normal;
|
||||
margin-bottom: 10px;
|
||||
font-size: 50px;
|
||||
line-height: 52px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
.museo-sans-light;
|
||||
color: #48b4fb;
|
||||
font-size: 22px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
} //hero hgroup
|
||||
|
||||
.button {
|
||||
font-size: 18px;
|
||||
margin-top: 0px !important;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#buy-now-button.button {
|
||||
background-color: #F26C4F;
|
||||
}
|
||||
|
||||
} //hero-content
|
||||
|
||||
} //vmware hero
|
||||
|
||||
.why {
|
||||
.padded;
|
||||
background: @light-blue-background;
|
||||
|
||||
|
||||
h1 {
|
||||
color: @blue-text;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
margin-bottom: 20px;
|
||||
} //h1
|
||||
|
||||
.reasons {
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
letter-spacing: 1px;
|
||||
} //h2
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
} //p
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.row.footnotes {
|
||||
font-size: 12px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
} //why
|
||||
|
||||
.pricing {
|
||||
.padded;
|
||||
.get-started-bg;
|
||||
|
||||
color: @white;
|
||||
|
||||
h1 {
|
||||
color: @white;
|
||||
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 60px 80px 40px;
|
||||
margin: 40px auto;
|
||||
background: fade(@black, 60%);
|
||||
}
|
||||
|
||||
.button {
|
||||
//background: fade(@white, 20%);
|
||||
}
|
||||
|
||||
.buy-form {
|
||||
margin: 0 auto;
|
||||
width: 500px;
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.form {
|
||||
margin-top: 20px;
|
||||
|
||||
.products {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
input.text {
|
||||
border: none;
|
||||
color: #000000;
|
||||
letter-spacing: 0px;
|
||||
height: 40px;
|
||||
width: 60px;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
-webkit-box-shadow:
|
||||
inset 0 3px 5px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
button {
|
||||
color: @white;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
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);
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.subtext {
|
||||
margin-top: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
} //.pricing
|
||||
|
||||
.customers {
|
||||
.padded;
|
||||
background-color: @black;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
h1 {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light
|
||||
}
|
||||
|
||||
.customer-logos {
|
||||
margin-top: @baseline * 3;
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height: auto;
|
||||
-khtml-opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
}
|
||||
|
||||
ul.customer-logos {
|
||||
|
||||
li {
|
||||
|
||||
img {
|
||||
|
||||
} //img
|
||||
|
||||
} //li
|
||||
} //ul.cusotmer-logos
|
||||
}
|
||||
.row.footnotes {
|
||||
font-size: 12px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
} //page
|
||||
|
||||
.pricing {
|
||||
.padded;
|
||||
.get-started-bg;
|
||||
|
||||
color: @white;
|
||||
|
||||
h1 {
|
||||
color: @white;
|
||||
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 60px 80px 40px;
|
||||
margin: 40px auto;
|
||||
background: fade(@black, 60%);
|
||||
}
|
||||
|
||||
.button {
|
||||
//background: fade(@white, 20%);
|
||||
}
|
||||
|
||||
.buy-form {
|
||||
margin: 0 auto;
|
||||
width: 500px;
|
||||
|
||||
p {
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.form {
|
||||
margin-top: 20px;
|
||||
|
||||
.products {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 18px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
input.text {
|
||||
border: none;
|
||||
color: #000000;
|
||||
letter-spacing: 0px;
|
||||
height: 40px;
|
||||
width: 60px;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
-webkit-box-shadow:
|
||||
inset 0 3px 5px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
button {
|
||||
color: @white;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
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);
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.subtext {
|
||||
margin-top: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.customers {
|
||||
.padded;
|
||||
background-color: @black;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
h1 {
|
||||
color: @dark-gray-text;
|
||||
.museo-sans-light
|
||||
}
|
||||
|
||||
.customer-logos {
|
||||
margin-top: @baseline * 3;
|
||||
|
||||
img {
|
||||
width:100%;
|
||||
height: auto;
|
||||
-khtml-opacity: .5;
|
||||
-moz-opacity: .5;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
}
|
||||
|
||||
ul.customer-logos {
|
||||
li {
|
||||
img {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,82 +56,82 @@
|
|||
|
||||
a {
|
||||
display: block;
|
||||
} //li a
|
||||
} //li a
|
||||
|
||||
&:hover {
|
||||
}
|
||||
} //li
|
||||
|
||||
ul.sub { //subnav list styles
|
||||
border-top: none;
|
||||
list-style-type: none;
|
||||
margin:0 0 5px 0;
|
||||
|
||||
li {
|
||||
padding: 5px 0 5px 20px;
|
||||
font-size: 15px;
|
||||
border: none;
|
||||
border-bottom: none !important;
|
||||
} //ul.sub li
|
||||
} //ul.sub
|
||||
|
||||
} //ul
|
||||
|
||||
|
||||
.inner & { //styles for the inner-page sidebar
|
||||
.padded;
|
||||
position:fixed;
|
||||
|
||||
li.current a {
|
||||
color: @purple;
|
||||
}
|
||||
|
||||
ul { //style inner list
|
||||
|
||||
|
||||
li { //style inner list item
|
||||
color: @dark-blue-text;
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid fade(@white, 40%);
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid fade(@white, 40%);
|
||||
&:hover {
|
||||
}
|
||||
} //li
|
||||
|
||||
&.current { //style the current selected list item
|
||||
|
||||
} //current
|
||||
} //li
|
||||
} //ul
|
||||
} //.inner .sidebar
|
||||
|
||||
.docs & { //styles for the documentation sidebar
|
||||
|
||||
li.current a {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
ul { //style documentation list
|
||||
margin-top: 60px;
|
||||
|
||||
li { //style documentation list items
|
||||
text-transform: capitalize;
|
||||
color: @white;
|
||||
padding: 12px 0;
|
||||
border-top: 1px solid fade(@white, 20%);
|
||||
|
||||
&:first-child {
|
||||
ul.sub { //subnav list styles
|
||||
border-top: none;
|
||||
}
|
||||
list-style-type: none;
|
||||
margin:0 0 5px 0;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid fade(@white, 20%);
|
||||
}
|
||||
li {
|
||||
padding: 5px 0 5px 20px;
|
||||
font-size: 15px;
|
||||
border: none;
|
||||
border-bottom: none !important;
|
||||
} //ul.sub li
|
||||
} //ul.sub
|
||||
|
||||
&.current { //style the current selected list item
|
||||
} //ul
|
||||
|
||||
} //current
|
||||
} //li
|
||||
} //ul
|
||||
} //.documentation .sidebar
|
||||
} //sidebar
|
||||
|
||||
.inner & { //styles for the inner-page sidebar
|
||||
.padded;
|
||||
position:fixed;
|
||||
|
||||
li.current a {
|
||||
color: @purple;
|
||||
}
|
||||
|
||||
ul { //style inner list
|
||||
|
||||
|
||||
li { //style inner list item
|
||||
color: @dark-blue-text;
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid fade(@white, 40%);
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid fade(@white, 40%);
|
||||
}
|
||||
|
||||
&.current { //style the current selected list item
|
||||
|
||||
} //current
|
||||
} //li
|
||||
} //ul
|
||||
} //.inner .sidebar
|
||||
|
||||
.docs & { //styles for the documentation sidebar
|
||||
|
||||
li.current a {
|
||||
color: @blue;
|
||||
}
|
||||
|
||||
ul { //style documentation list
|
||||
margin-top: 60px;
|
||||
|
||||
li { //style documentation list items
|
||||
text-transform: capitalize;
|
||||
color: @white;
|
||||
padding: 12px 0;
|
||||
border-top: 1px solid fade(@white, 20%);
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 1px solid fade(@white, 20%);
|
||||
}
|
||||
|
||||
&.current { //style the current selected list item
|
||||
|
||||
} //current
|
||||
} //li
|
||||
} //ul
|
||||
} //.documentation .sidebar
|
||||
} //sidebar
|
||||
|
|
|
|||
|
|
@ -1,36 +1,36 @@
|
|||
//typogrpahy
|
||||
.museo-sans-light {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.museo-sans-regular {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.museo-sans-bold {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.museo-sans-light-italic {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.museo-sans-regular-italic {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.museo-sans-bold-italic {
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-family: "museo-sans", helvetica, arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
}
|
||||
Loading…
Reference in New Issue