From 7d1aac6079c3fe3801343ad2da2908c8c0a49e7b Mon Sep 17 00:00:00 2001 From: captainill Date: Sat, 14 Nov 2015 17:12:59 -0800 Subject: [PATCH] major whitespace cleanup! --- website/www/source/javascripts/vagrantup.js | 86 +- website/www/source/stylesheets/_base.less | 362 +++---- .../www/source/stylesheets/_components.less | 134 +-- website/www/source/stylesheets/_footer.less | 144 +-- website/www/source/stylesheets/_header.less | 4 +- .../source/stylesheets/_media-queries.less | 92 +- website/www/source/stylesheets/_mixins.less | 28 +- .../www/source/stylesheets/_mobile-nav.less | 4 +- website/www/source/stylesheets/_modules.less | 120 +-- website/www/source/stylesheets/_nav.less | 176 ++-- website/www/source/stylesheets/_pages.less | 893 +++++++++--------- website/www/source/stylesheets/_sidebar.less | 144 +-- website/www/source/stylesheets/_type.less | 38 +- 13 files changed, 1111 insertions(+), 1114 deletions(-) diff --git a/website/www/source/javascripts/vagrantup.js b/website/www/source/javascripts/vagrantup.js index 291edf7ea..7527c7746 100644 --- a/website/www/source/javascripts/vagrantup.js +++ b/website/www/source/javascripts/vagrantup.js @@ -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(); + } }); diff --git a/website/www/source/stylesheets/_base.less b/website/www/source/stylesheets/_base.less index 76dfc2e71..e2cec565a 100644 --- a/website/www/source/stylesheets/_base.less +++ b/website/www/source/stylesheets/_base.less @@ -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; } diff --git a/website/www/source/stylesheets/_components.less b/website/www/source/stylesheets/_components.less index d38d27e2e..c7ed75caa 100644 --- a/website/www/source/stylesheets/_components.less +++ b/website/www/source/stylesheets/_components.less @@ -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; + } + } } diff --git a/website/www/source/stylesheets/_footer.less b/website/www/source/stylesheets/_footer.less index 1f5635808..b1ccf64c2 100644 --- a/website/www/source/stylesheets/_footer.less +++ b/website/www/source/stylesheets/_footer.less @@ -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 diff --git a/website/www/source/stylesheets/_header.less b/website/www/source/stylesheets/_header.less index f7f2ab0e1..8c93f2f63 100644 --- a/website/www/source/stylesheets/_header.less +++ b/website/www/source/stylesheets/_header.less @@ -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; } } diff --git a/website/www/source/stylesheets/_media-queries.less b/website/www/source/stylesheets/_media-queries.less index df6891762..c39b3cad5 100644 --- a/website/www/source/stylesheets/_media-queries.less +++ b/website/www/source/stylesheets/_media-queries.less @@ -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 { diff --git a/website/www/source/stylesheets/_mixins.less b/website/www/source/stylesheets/_mixins.less index fadf9bb3d..442070d1f 100644 --- a/website/www/source/stylesheets/_mixins.less +++ b/website/www/source/stylesheets/_mixins.less @@ -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 diff --git a/website/www/source/stylesheets/_mobile-nav.less b/website/www/source/stylesheets/_mobile-nav.less index 2d47a72bc..f1a6cf95d 100644 --- a/website/www/source/stylesheets/_mobile-nav.less +++ b/website/www/source/stylesheets/_mobile-nav.less @@ -44,6 +44,6 @@ @media (max-width: 768px) { #header { - position: relative; - } + position: relative; + } } diff --git a/website/www/source/stylesheets/_modules.less b/website/www/source/stylesheets/_modules.less index 511e3aeca..2d23ee3e1 100644 --- a/website/www/source/stylesheets/_modules.less +++ b/website/www/source/stylesheets/_modules.less @@ -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; + } + } + } } diff --git a/website/www/source/stylesheets/_nav.less b/website/www/source/stylesheets/_nav.less index 05d570861..64fdd2ed8 100644 --- a/website/www/source/stylesheets/_nav.less +++ b/website/www/source/stylesheets/_nav.less @@ -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%); } + } } diff --git a/website/www/source/stylesheets/_pages.less b/website/www/source/stylesheets/_pages.less index 650736877..d492d25a0 100644 --- a/website/www/source/stylesheets/_pages.less +++ b/website/www/source/stylesheets/_pages.less @@ -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 { + + } + } + } + } + } +} diff --git a/website/www/source/stylesheets/_sidebar.less b/website/www/source/stylesheets/_sidebar.less index 31fa29fac..7bdbcd393 100644 --- a/website/www/source/stylesheets/_sidebar.less +++ b/website/www/source/stylesheets/_sidebar.less @@ -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 diff --git a/website/www/source/stylesheets/_type.less b/website/www/source/stylesheets/_type.less index ab02e7b43..d8b02f165 100644 --- a/website/www/source/stylesheets/_type.less +++ b/website/www/source/stylesheets/_type.less @@ -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; -} \ No newline at end of file + font-family: "museo-sans", helvetica, arial, sans-serif; + font-style: italic; + font-weight: 700; +}