tnargav 1.2.3 → 1.3.3

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

@@ -0,0 +1,175 @@
+// styles and effects
+.round-corners {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+  border-radius: 3px;
+}
+
+.rounded {
+  -moz-border-radius: 50px;
+  -webkit-border-radius: 50px;
+  -khtml-border-radius: 50px;
+  border-radius: 50px;
+}
+
+.animate-background-color {
+  transition: background-color .3s ease-in-out;
+  -moz-transition: background-color .3s ease-in-out;
+  -webkit-transition: background-color .3s ease-in-out;
+  -o-transition: background-color .3s ease-in-out;
+}
+
+.animate-text-color {
+  transition: color .2s ease-in-out;
+  -moz-transition: color .2s ease-in-out;
+  -webkit-transition: color .2s ease-in-out;
+  -o-transition: color .2s ease-in-out;
+}
+
+.animate-opacity {
+  transition: opacity .2s ease-in-out;
+  -moz-transition: opacity .2s ease-in-out;
+  -webkit-transition: opacity .2s ease-in-out;
+  -o-transition: opacity .2s ease-in-out;
+}
+
+.drop-shadow {
+  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
+  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
+  .animate-opacity;
+}
+
+.hyphenate {
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto;
+}
+
+.uppercase {
+  text-transform: uppercase;
+}
+
+.padded {
+  padding: (@baseline * 3) 0;
+}
+
+.padded-medium {
+  padding: (@baseline * 2) 0;
+}
+
+.padded-small{
+  padding: @baseline 0;
+}
+
+.inner-bg-large {
+  background-image: #c1b4d5; /* Old browsers */
+  background-image: url(/images/sidebar_background_inner.png), -moz-linear-gradient(45deg,  #c1b4d5 0%, #98d3f8 100%); /* FF3.6+ */
+  background-image: url(/images/sidebar_background_inner.png), -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c1b4d5), color-stop(100%,#98d3f8)); /* Chrome,Safari4+ */
+  background-image: url(/images/sidebar_background_inner.png), -webkit-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* Chrome10+,Safari5.1+ */
+  background-image: url(/images/sidebar_background_inner.png), -o-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* Opera 11.10+ */
+  background-image: url(/images/sidebar_background_inner.png), -ms-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* IE10+ */
+  background-image: url(/images/sidebar_background_inner.png), linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b4d5', endColorstr='#98d3f8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-attachment:fixed;
+}
+
+.inner-bg-small {
+  background: #c1b4d5; /* Old browsers */
+  background: -moz-linear-gradient(45deg,  #c1b4d5 0%, #98d3f8 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c1b4d5), color-stop(100%,#98d3f8)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* IE10+ */
+  background: linear-gradient(45deg,  #c1b4d5 0%,#98d3f8 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b4d5', endColorstr='#98d3f8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+}
+
+
+.docs-bg-large {
+  background-image: url(/images/sidebar_background_docs.png), #362d6c; /* Old browsers */
+  background-image: url(/images/sidebar_background_docs.png), -moz-linear-gradient(45deg,  #362d6c 0%, #0c5593 100%); /* FF3.6+ */
+  background-image: url(/images/sidebar_background_docs.png), -webkit-gradient(linear, left bottom, right top, color-stop(0%,#362d6c), color-stop(100%,#0c5593)); /* Chrome,Safari4+ */
+  background-image: url(/images/sidebar_background_docs.png), -webkit-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Chrome10+,Safari5.1+ */
+  background-image: url(/images/sidebar_background_docs.png), -o-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Opera 11.10+ */
+  background-image: url(/images/sidebar_background_docs.png), -ms-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* IE10+ */
+  background-image: url(/images/sidebar_background_docs.png), linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362d6c', endColorstr='#0c5593',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+  background-repeat: no-repeat;
+  background-position: 0 140px, 0 0;
+  background-attachment:fixed;
+}
+
+
+.docs-bg-small {
+  background: #362d6c; /* Old browsers */
+  background: -moz-linear-gradient(45deg,  #362d6c 0%, #0c5593 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#362d6c), color-stop(100%,#0c5593)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* IE10+ */
+  background: linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362d6c', endColorstr='#0c5593',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+}
+
+.get-started-bg {
+  background-image: #362d6c; /* Old browsers */
+  background-image: -moz-linear-gradient(45deg,  #362d6c 0%, #0c5593 100%); /* FF3.6+ */
+  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#362d6c), color-stop(100%,#0c5593)); /* Chrome,Safari4+ */
+  background-image: -webkit-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Chrome10+,Safari5.1+ */
+  background-image: -o-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* Opera 11.10+ */
+  background-image: -ms-linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* IE10+ */
+  background-image: linear-gradient(45deg,  #362d6c 0%,#0c5593 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362d6c', endColorstr='#0c5593',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
+  background-position: center 0;
+  background-repeat: no-repeat;
+}
+
+/*
+.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 );
+}
+ */
+
+
+// helpers
+.reset {
+  margin: 0;
+  padding: 0;
+}
+
+.kill-effects {
+  -webkit-box-shadow: 0 0;
+  -moz-box-shadow: 0 0;
+  box-shadow: 0 0;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+  font-family: inherit;
+  color: inherit;
+  background-color: transparent;
+  background-image: none;
+  border: 0;
+  text-shadow: none;
+}
+
+.debug {
+  border: 1px solid #ff0000;
+}
+
+
+.hover {
+  &:hover {
+    cursor: pointer;
+    .animate-text-color;
+  }
+}

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

@@ -0,0 +1,37 @@
+.Modules {
+    &.blog-landing, &.blog-post {
+        article {
+            .meta {
+                font-size: 16px;
+            }
+
+            h2 {
+                font-size: 45px;
+                font-weight: bold;
+                margin-top: 2px;
+                text-transform: none;
+            }
+        }
+    }
+
+    &.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;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,74 @@
+// 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;
+
+    &.docs {
+        background: @gray-background;
+    }
+
+    .vagrant-logo {
+        display: block;
+        text-indent: -999999px;
+        background: url(/images/logo_vagrant.png) no-repeat 0 0;
+        height: 70px;
+        width: 275px;
+        float: left;
+        margin: 10px 20px;
+    }
+
+    .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;
+    }
+
+    ul {
+        margin: 25px 20px;
+
+        li {
+            display: inline;
+            margin-left: 15px;
+        }
+
+        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;
+        }
+
+        &:active {
+            background-color: darken(@light-gray-background, 5%);
+        }
+    }
+}

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

@@ -0,0 +1,467 @@
+/* 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-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;
+            } //h1 first child
+        }
+
+        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;
+
+        }
+
+        p {
+
+        }
+
+    } //inner
+
+    /* 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
+        }
+    }
+} //page