tnargav 1.2.3 → 1.3.3

data/website/www/source/stylesheets/_components.less

@@ -0,0 +1,74 @@
+/* compontents */
+
+//search
+.search-bar {
+  border-bottom: 1px solid fade(@black, 10%);
+  position: relative;
+  z-index: 99999; //keep search above content
+  margin-bottom: -1px;
+
+  .search-icon {
+    height: 60px;
+    width: 40px;
+    background: url(/images/search_icon.png) no-repeat 0 center;
+  }
+
+  .search {
+    //.debug;
+    background: @white;
+    height: 60px;
+
+    input,
+    button,
+    form {
+      .kill-effects;
+      border: none;
+      height: 60px;
+      font-size: 20px;
+      .museo-sans-light-italic;
+    }
+
+    input {
+      margin:0;
+      padding: 0 0 0 0;
+      font-size: 20px;
+
+      &:focus {
+
+      } //focus
+    }
+
+    button {
+      padding: 0 20px;
+      text-transform: uppercase;
+    }
+
+
+  } //search
+} //search bar
+
+//pagination
+.pagination {
+  height: 80px;
+  background: @gray-background;
+  padding: 0;
+  margin:0 auto;
+  text-transform: uppercase;
+  color: @blue-text;
+  z-index: 999;
+  position:relative;
+
+  a.previous,
+  a.next {
+    padding: 25px 0;
+  }
+
+  a.previous {
+    margin-left: 20px;
+  }
+
+  a.next {
+    margin-right: 20px;
+  }
+
+}

data/website/www/source/stylesheets/_footer.less

@@ -0,0 +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!
+
+	ul.footer-nav {
+	color: @blue;
+	text-transform: uppercase;
+	font-size: 15px;
+	.museo-sans-light;
+
+		li {
+		display: inline-block;
+		margin:  0 10px;
+
+			a {
+			color: @blue;
+
+				&:hover {
+				color: @purple;
+				} //li a:hover
+			} // li a
+		} //li
+
+	} //ul
+
+
+	ul.logos {
+	margin: (@baseline * 2) 0;
+
+
+		li {
+		display: inline-block;
+		}
+
+		span {
+		color: @dark-gray-text;
+		.museo-sans-light;
+		text-transform: uppercase;
+		font-size: 40px;
+		margin: 0 10px;
+		}
+
+		.vagrant-logo-monochrome,
+		.hashi-logo-monochrome {
+
+			&: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;
+
+		}
+
+		.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;
+
+			&:hover {
+			color: @white;
+			}
+
+			&:visited {
+			color: inherit;
+			}
+
+			&:active {
+			color: @blue;
+			}
+		} //contact link
+
+
+
+
+
+} //footer

data/website/www/source/stylesheets/_media-queries.less

@@ -0,0 +1,549 @@
+@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;
+    }
+
+    .search {
+        input {
+            font-size: 20px !important;
+            padding: 0 !important;
+
+        }
+    }
+
+    ::-webkit-input-placeholder  {
+        overflow: visible;
+        padding-top: 3px;
+        font-size: 15px;
+    }
+
+    input:-moz-placeholder {
+        overflow: visible;
+        padding-top: 3px;
+        font-size: 15px;
+    }
+
+    .page {
+
+        .page-contents {
+
+        } //page contents
+
+        &.home {
+            .hero {
+                background-size: 300%;
+                background-position: center 0;
+                height: auto;
+
+                .hero-content {
+                    margin-top: 40px;
+                }
+
+                h1 {
+                    font-size: 40px !important;
+                    line-height: 40px !important;
+                    margin-bottom: 30px !important;
+                    letter-spacing: 1px;
+                    padding-bottom: 50px;
+                } //h1
+
+                h2 {
+                    font-size: 20px !important;
+                    line-height: 25px !important;
+                } //h2
+            } //hero
+        } //home
+
+        &.vmware {
+            .hero {
+                background-size: 300%;
+
+                hgroup {
+                    margin-top: 225px !important;
+                }
+
+                h2 {
+                    font-size: 14px !important;
+                    line-height: 20px !important;
+                    width: 80%;
+                    margin: 0 auto;
+                }
+            }
+        } //vmware
+
+        .why-vagrant {
+            padding: 40px 0 !important;
+
+            hgroup {
+                margin: 40px 0 !important;
+                width: auto !important;
+
+                :last-child {
+                    margin-bottom: 0;
+                }
+            } //hgroup
+
+            h1 {
+                font-size: 30px !important;
+                line-height: 30px !important;
+            }
+
+            h3 {
+                font-size: 40px !important;
+                line-height: 40px !important;
+                margin-bottom: 20px !important;
+            }
+
+            h4 {
+                .hyphenate;
+            }
+        } //why-vagrant
+
+        .get-started {
+            padding: 40px 0 !important;
+
+            h1 {
+                width: 60%;
+                font-size: 30px !important;
+                line-height: 30px !important;
+            }
+
+            pre {
+                margin: 30px auto 30px !important;
+            }
+        } //get-started
+
+        .customers {
+            padding: 40px 0 !important;
+
+            h1 {
+                font-size: 30px !important;
+                line-height: 30px !important;
+            }
+        } //customers
+
+        &.inner {
+            padding-top: 30px;
+
+            .page-contents {
+                padding: 40px 0;
+            }
+        } //inner
+
+        &.docs {
+
+            .page-contents {
+                padding: 40px 0;
+            }
+
+            h1 {
+                font-size: 40px;
+                line-height: 40px;
+            }
+
+            h2 {
+                font-size: 25px;
+                line-height: 30px;
+            }
+
+            h2.steps img {
+                display: block;
+                margin-bottom: 20px;
+            }
+        } //docs
+
+    } //page
+
+    footer {
+        padding: 40px 0 !important;
+        background-size: 300%;
+        background-position: center bottom;
+        background-repeat: no-repeat;
+
+        ul.footer-nav {
+            font-size: 13px;
+        }
+    }
+
+    .button {
+        margin: 0 auto;
+        padding: 6px 0;
+        font-size: 20px;
+        letter-spacing: 3px;
+        .museo-sans-regular;
+    }
+
+    .search-bar {
+        margin-top: 160px !important;
+    }
+
+    .pagination {
+        font-size: 15px;
+
+    }
+
+    footer {
+
+        a.contact-link {
+            font-size: 20px;
+        } // contact link
+    }
+
+} //mobile
+
+@media (min-width: 768px) and (max-width: 979px) {
+    nav {
+        a.vagrant-logo {
+            background: url(/images/logo_small.png) no-repeat 0 0 !important;
+            width: 80px;
+        }
+
+        ul {
+            margin: 25px 20px;
+        }
+    } // nav
+
+    .hero-content {
+        .button {
+            float: none;
+            width: 400px;
+            margin: 0 auto;
+        }
+    }
+
+    .toggle {
+        display: none !important;
+    }
+
+    .sidebar-nav ul {
+        display: block !important;
+    }
+
+} // 768 < x < 979
+
+@media (min-width: 1200px) {
+
+} // > 1200
+
+@media (max-width: 979px) {
+
+    .vagrant-docs-logo {
+        background: url(/images/logo_docs_small.png) no-repeat 0 0 !important;
+        width: 165px !important;
+    }
+
+    .page {
+        &.vmware {
+            .hero {
+                background-color: #2C3F40;
+                background-position: center 0px;
+                height: auto;
+                padding-bottom: 20px;
+
+                .button {
+                    margin-bottom: 10px;
+                }
+            }
+        }
+    }
+} // < 979
+
+
+@media (min-width: 980px) {
+
+} // > 980
+
+@media (min-width: 481px) and (max-width: 767px) {
+    .page {
+        &.vmware {
+            .hero {
+                background-size: 200%;
+
+                hgroup {
+                    margin-top: 270px !important;
+                }
+            }
+        }
+    }
+} // > 481 && < 767
+
+@media (max-width: 767px) {
+    .wrapper {
+        margin: 0px;
+        margin-left: -20px;
+        margin-right: -20px;
+    }
+
+    // these modules go full-width at smaller sizes
+    .pagination,
+    .hero,
+    .why-vagrant,
+    .get-started,
+    .customers,
+
+    nav {
+        height: auto;
+        font-size: 13px;
+        padding: 10px 0;
+        position: relative;
+
+        .vagrant-logo {
+            display: inline-block !important;
+            background-position: center center;
+            float: none !important;
+            position: relative;
+            width: 350px !important;
+            left: 50%;
+            padding: 10px 0;
+            .reset;
+            margin-left: -175px !important;
+        }
+
+        .vagrant-docs-logo {
+            background: url(/images/logo_docs.png) no-repeat 0 0 !important;
+            display: inline-block !important;
+            background-position: center center;
+            float: none !important;
+            position: relative;
+            width: 350px !important;
+            left: 50%;
+            padding: 10px 0;
+            .reset;
+            margin-left: -175px !important;
+        }
+
+        ul {
+            position: relative;
+            margin: 0 auto;
+            width: 100%;
+            text-align: center;
+            padding: 10px 0 0;
+
+            li:first-child {
+                margin-left: 0;
+            }
+        }
+
+        .pull-right {
+            float: none;
+        }
+    }
+
+    a.brand {
+        display: none !important;
+        position: static !important;
+        width: 200px !important;
+        margin: 0 0 0 0 !important;
+        background-position: center center !important;
+    }
+
+    .sidebar {
+
+        ul {
+            margin-top: 0 !important;
+
+            li {
+                display: block;
+                text-indent: 20px;
+
+                &:hover,
+                &:active {
+                    background-color: fade(@black, 5%);
+                    .animate-background-color;
+                }
+            } //li
+
+            ul.sub {
+
+                li {
+
+                }
+            } //ul.sub
+        } //ul
+
+        .docs & {
+            .docs-bg-small;
+
+            ul {
+                display: none;
+            }
+
+            .sidebar-nav {
+                margin-right: -20px;
+                margin-left: -20px;
+                .docs-bg-small;
+            } //docs sidebar-nav
+        } // docs sidebar
+    } //sidebar
+
+    .page {
+
+        .page-background {
+            left: 0; //make it full-width to cover the gutters on small screens
+        }
+
+        .page-contents {
+
+        }
+
+        &.home {
+
+            .hero {
+                padding: 40px 0;
+            }
+
+            h1,
+            h4,
+            pre,
+            .customers-content, {
+                max-width: 80% !important;
+                margin: 0 auto;
+            }
+
+            pre {
+                padding: 20px 20px 0 !important;
+            }
+
+            .customer-logos {
+                margin-top: @baseline !important;
+            }
+
+        } //home
+
+        &.vmware {
+            .hero {
+                .hero-content {
+                    margin-top: 40px;
+                }
+
+                h1 {
+                    font-size: 40px !important;
+                    line-height: 40px !important;
+                    letter-spacing: 1px;
+                } //h1
+
+                h2 {
+                    margin: 0 auto;
+                } //h2
+            } //hero
+
+            .anchor {
+                top: 0px;
+            }
+
+            .why {
+                padding: 20px 0 !important;
+
+                .reasons {
+                    padding-left: 20px;
+                    padding-right: 20px;
+
+                    .row {
+                        margin-bottom: 0;
+                    }
+                }
+            } //why
+
+            .pricing {
+                padding: 20px 0 !important;
+
+                h1 {
+                    line-height: 40px;
+                    margin-bottom: 20px;
+                }
+
+                .buy-form {
+                    padding-left: 20px;
+                    padding-right: 20px;
+                    width: auto;
+                }
+            } //pricing
+        } //vmware
+
+        &.inner  {
+
+            .page-contents {
+
+            }
+
+            .sidebar {
+                padding: 0;
+                position: relative;
+            }
+
+            .sidebar-nav {
+                .inner-bg-small;
+                margin-right: -20px;
+                margin-left: -20px;
+
+            }
+
+            h1 {
+                padding: 15px 0 15px;
+                margin: 0 0 0 20px !important;
+            }
+
+            ul {
+                margin: 0;
+            }
+
+            .button {
+                width: 80%;
+            }
+        }
+
+        &.docs {
+            background: transparent;
+        } //docs
+    } //page
+
+    .button {
+        margin: 0 auto;
+        max-width: 300px;
+        position: relative;
+        //margin: 20px 0 20px 20px;
+    }
+} // < 767