tnargav 1.2.3 → 1.3.3

data/website/docs/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/docs/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/docs/source/stylesheets/_media-queries.less

@@ -0,0 +1,452 @@
+@media (max-width: 480px) {
+
+  nav {
+    position: absolute !important;
+    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: 400px;
+
+        .hero-content {
+          margin-top: 80px;
+        }
+
+        h1 {
+          font-size: 40px !important;
+          line-height: 40px !important;
+          margin-bottom: 30px !important;
+          letter-spacing: 1px;
+          margin-bottom: ;
+        } //h1
+
+        h2 {
+          font-size: 20px !important;
+          line-height: 25px;
+        } //h2
+      } //hero
+    } //home
+
+    .why-vagrant {
+      padding: 40px 0 !important;
+
+      hgroup {
+        margin: 40px 0 !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 {
+    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
+
+  .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;
+  }
+
+} // < 979
+
+
+@media (min-width: 980px) {
+
+} // > 980
+
+
+@media (max-width: 767px) {
+
+  // these modules go full-width at smaller sizes
+  .pagination,
+  .hero,
+  .why-vagrant,
+  .get-started,
+  .customers,
+  footer {
+    .full-width;
+  }
+
+  nav {
+    height: auto;
+    font-size: 13px;
+    padding: 10px 0;
+    //.drop-shadow;
+
+    .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;
+      }
+    }
+  }
+
+  a.brand {
+    display: none !important;
+    position: static !important;
+    width: 200px !important;
+    margin: 0 0 0 0 !important;
+    background-position: center center !important;
+  }
+
+  .wrapper {
+    margin-top: 128px;
+  }
+
+  .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
+
+    &.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 {
+    max-width: 300px;
+    position: relative;
+    //margin: 20px 0 20px 20px;
+  }
+
+  .full-width {
+    margin-right: -20px !important;
+    margin-left: -20px ;
+  }
+
+} // < 767