testtheme 0.1.1

data/_sass/base/_reset.scss

@@ -0,0 +1,72 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, figure, blockquote,
+a, abbr, acronym, address, big, cite,
+del, dfn, em, font, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+  border: 0;
+  font-family: inherit;
+  font-size: 100%;
+  font-style: inherit;
+  font-weight: inherit;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline;
+}
+
+html, body { overflow-x: hidden; }
+
+:focus {
+  outline: 0;
+}
+
+body {
+  background: #FFF;
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+caption,
+th,
+td {
+  font-weight: normal;
+  text-align: left;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+}
+
+blockquote,
+q {
+   quotes: "" "";
+}
+
+a img {
+  border: 0;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+
+a,
+a:hover {
+  text-decoration: none;
+}

data/_sass/base/_text.scss

@@ -0,0 +1,46 @@
+h1 {
+  font-size: $font-size--xxl;
+  color: $secondBrandColor;
+  margin: $spacing--xl 0;
+}
+
+h2 {
+  font-size: $font-size--xl;
+  font-weight: 300;
+  color: $black;
+}
+
+h3 {
+  font-size: $font-size--l;
+  letter-spacing: 1px;
+  font-weight: 500;
+  color: $black;
+}
+
+h4 {
+  font-size: $font-size--l;
+  margin: $spacing--m 0;
+}
+
+h5 {
+  font-size: $font-size--s;
+  font-weight: 300;
+  color: $black;
+}
+
+h6 {
+  font-size: .9rem;
+  font-weight: 500;
+  color: $black;
+}
+
+p {
+  font-size: $font-size--xs;
+  font-weight: 300;
+  line-height: 1rem;
+}
+
+p.lead {
+  font-size: $font-size--m;
+  font-weight: 400;
+}

data/_sass/layouts/_about.scss

@@ -0,0 +1,2 @@
+.about {
+}

data/_sass/layouts/_blog.scss

@@ -0,0 +1,142 @@
+.blog {
+
+  hr {
+    margin-bottom: 0;
+  }
+
+  hr:last-of-type {
+    display: none;
+  }
+
+  .post-thumbnail {
+    background-repeat: no-repeat;
+    background-size: contain;
+    border-radius: 50%;
+    height: 60px;
+    width: 60px;
+  }
+
+  .post-title {
+    color: $black;
+    font-size: 17px;
+    font-weight: 500;
+    letter-spacing: 1px;
+    margin: $spacing--xxxl 0 8px;
+  }
+
+  .post-date {
+    color: $black;
+    font-size: 11px;
+  }
+
+  .post-thumbnail {
+    display: inline-block;
+    margin: $spacing--s $spacing--xs 0 0;
+    vertical-align: top;
+  }
+
+  .post-author-company {
+    display: inline-block
+  }
+
+  .post-author, .post-company {
+    color: $gray;
+    display: block;
+    font-size: 13px;
+  }
+
+  .post-author {
+    margin-top: $spacing--xl;
+  }
+
+  .post-company {
+    margin-top: $spacing--xs;
+
+    a:after {
+      display: none;
+    }
+  }
+
+
+  .post-excerpt {
+
+    h2 {
+      font-size: 15px;
+      margin-top: $spacing--m;
+    }
+
+    p {
+      font-size: 14px;
+      margin-top: $spacing--m;
+    }
+  }
+
+  .read-more {
+      font-size: 14px;
+      margin: $spacing--xl 0;
+
+      .read-more-text::after {
+        background: url('../img/more-arrow.svg') no-repeat center/contain;
+        content: '';
+        display: inline-block;
+        height: 24px;
+        margin: 0 0 0 10px;
+        vertical-align: middle;
+        width: 24px;
+      }
+
+      .read-more-text {
+        &:hover {
+          &:after {
+            background: url('../img/more-arrow-dark.svg') no-repeat center/contain;
+          }
+        }
+      }
+  }
+
+  .pagination {
+    padding-bottom: $spacing--xxl;
+    width: 100%;
+  }
+
+  @mixin caret($deg) {
+    background: url('../img/caret.svg') no-repeat center/contain;
+    content: '';
+    display: inline-block;
+    height: 24px;
+    margin: 0;
+    transform: rotate($deg);
+    vertical-align: bottom;
+    width: 24px;
+  }
+
+  .caret-left {
+    @include caret(90deg);
+  }
+
+  .caret-right {
+    @include caret(-90deg);
+  }
+
+  .next,
+  .previous {
+    display: inline-block;
+    line-height: 22px;
+    padding: 0;
+  }
+
+  .next a,
+  .previous a {
+    &:hover {
+      span {
+        background: url("../img/caret-dark.svg") no-repeat center/contain;
+      }
+    }
+  }
+
+  .rssLink {
+    position: absolute;
+    top: 10px;
+    right: 0px;
+  }
+}

data/_sass/layouts/_bugs.scss

@@ -0,0 +1,2 @@
+.bugs {
+}

data/_sass/layouts/_community.scss

@@ -0,0 +1,14 @@
+.community {
+  table, th, td {
+    border-color: $light-gray;
+  }
+
+  td {
+    line-height: 1.15em;
+    vertical-align: middle;
+  }
+
+  td.logo {
+    width : 65px;
+  }
+}

data/_sass/layouts/_docs.scss

@@ -0,0 +1,42 @@
+.docs {
+  .thin-left-border {
+    border-left: 1px solid rgba(0, 0, 0, .15);
+  }
+
+  .tab-neg-margin {
+    margin-left: -15px;
+  }
+
+  #sidebar-tab {
+    border: 1px solid rgba(0,0,0,0.10);
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+    background-color: rgba(0,0,0,0.05);
+    padding: 10px 5px 10px 5px;
+    margin-top: -2px;
+    margin-right: 10px;
+    font-size: 1rem;
+    color: $black;
+
+    &, &:focus, &:hover, &:active{
+      color:black !important;
+      text-decoration: none !important;
+    }
+  }
+
+  #tab-container{
+    z-index:1000;
+  }
+
+  #sidebar-container {
+    float: left;
+    padding:0px;
+    background-color: #fff;
+  }
+
+  @media (max-width: 768px) {
+    #content-container{
+      clear:both;
+    }
+  }
+}

data/_sass/layouts/_faq.scss

@@ -0,0 +1,25 @@
+.faq {
+    h4 {
+        margin: 0px;
+
+        a {
+            font-weight: 400;
+        }
+    }
+
+    .panel-body {
+        padding: 0px;
+    }
+
+    p {
+        padding-left: 20px;
+    }
+
+    ul {
+        padding-left: 30px;
+    }
+
+    ul p {
+        padding-left: 0px;
+    }
+}

data/_sass/layouts/_landing.scss

@@ -0,0 +1,192 @@
+.landing {
+
+  /* base styles and > 770px height */
+  .nav-hero-container {
+    color: white;
+
+    .hero-title {
+      color: white;
+      margin: 80px 0 0 0;
+      padding: 0;
+    }
+    .hero-logo {
+      height: 180px;
+      margin: 98px 0 0 0;
+      padding: 0;
+    }
+    .hero-lead {
+      margin: 102px 0 0 0;
+      padding: 0px;
+    }
+    .hero-down-arrow {
+      display: inline-block;
+      margin: 60px 0 20px 0;
+      padding: 5px;
+      cursor: pointer;
+    }
+  }
+
+  /* < 550px height */
+  @media (max-height: 550px){
+    .nav-hero-container {
+      .hero-title {
+        margin: 30px 0 0 0;
+      }
+      .hero-logo {
+        margin: 28px 0 0 0;
+      }
+      .hero-lead {
+        margin: 32px 0 0 0;
+      }
+      .hero-down-arrow {
+        margin: 20px 0 20px 0;
+      }
+    }
+  }
+
+  /* 550 - 770px height */
+  @media (min-height: 550px) and (max-height: 770px) {
+    .hero {
+      height: calc(100vh - 70px);
+
+      .container {
+        height: 100%;
+        position: relative;
+        margin: 0;
+        padding: 0;
+        width: 100%;
+      }
+    }
+
+    .nav-hero-container {
+      height: calc(100vh - 70px);
+      min-height: 600px;
+
+      .hero-title {
+        position: absolute;
+        top: calc(10% - 70px);
+        transform: translate(0, -50%);
+        text-align: center;
+        width: 100%;
+      }
+      .hero-logo {
+        position: absolute;
+        left: 50%;
+        top: calc(55% - 70px);
+        transform: translate(-50%, -50%);
+        margin:0;
+      }
+      .hero-lead {
+        position: absolute;
+        top: 70%;
+        width: 100%;
+        text-align: center;
+        transform: translate(0, -50%);
+        margin:0;
+      }
+      .hero-down-arrow {
+        position: absolute;
+        bottom: 75px;
+        left: 50%;
+        transform: translate(-50%, 0);
+      }
+    }
+  }
+
+
+
+  /* default styles */
+  .section-content {
+    padding: 20px 20px 20px 20px;
+
+    p {
+      font-weight: 300;
+      font-size: 100%;
+    }
+  }
+
+  .landing-image {
+    padding-top: 10px;
+    padding-bottom: 20px;
+    max-height: 400px;
+  }
+
+  .jumbotron {
+    margin: 0;
+  }
+
+  .traffic, .policy {
+    background-color: white;
+  }
+
+  .resilience, .reporting, .resilience h2, .reporting h2 {
+    background-color: #f5f5f5;
+  }
+
+  .btn.btn-floating.down-caret {
+    position: relative;
+    transform: none;
+    bottom: 15px;
+    left: 49%;
+  }
+
+  #doc-call {
+    margin: 80px 0;
+    padding:0;
+    height:auto;
+
+    .doc-call-title{
+      margin:0;
+      padding:0;
+    }
+    .doc-call-text{
+      margin:20px 0 30px 0;
+      padding:0;
+    }
+  }
+
+  /* screens 1024px or larger */
+  @media (min-width: $desktop-small) {
+    .container-fluid {
+      height: 400px;
+      clear:both;
+    }
+    .landing-image {
+      position: relative;
+      top: 50%;
+      transform: translateY(-50%);
+      max-width: 55%;
+      padding-right: 20px;
+      padding-left: 20px;
+    }
+    .section-content {
+      padding: 10% 0;
+      position: relative;
+      top: 50%;
+      transform: translateY(-50%);
+      float: right;
+      width: 45%;
+
+      h2 {
+        font-size: 2rem;
+        background: transparent !important;
+        margin:0;
+        padding:0;
+      }
+      p {
+        padding:0;
+        margin:15px 0 30px 0;
+        font-size: 14px;
+        line-height: 1.5;
+      }
+    }
+  }
+
+  /* screens 1440px or larger */
+  @media (min-width: $desktop-large) {
+    .jumbotron {
+      padding-left: 200px;
+      padding-right: 200px;
+    }
+  }
+}