testtheme 0.1.1

data/_layouts/docs.html~

@@ -0,0 +1,22 @@
+---
+layout: default
+---
+{% include home.html %}
+{% include doc-top-nav.html %}
+<div class="container">
+  <div class="row">
+    <div class="col-md-11 nofloat center-block ">
+      <div class="row">
+          <div class="col-sm-3">
+            {% include doc-side-nav.html %}
+          </div>
+          <div class="col-sm-9 {{ page.type }}">
+            <div id="toc" class=""></div>
+            {{ content }}
+          </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="{{home}}/js/copyToClipboard.js"></script>

data/_layouts/faq.html

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+<div class="container faq">
+  <div class="row">
+    <div class="col-sm-12 col-md-10 col-lg-7 nofloat center-block {{page.type}}">
+      {{ content }}
+    </div>
+  </div>
+</div>

data/_layouts/landing.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+{% include home.html %}
+
+<div class="landing">
+{{ content }}
+</div>

data/_layouts/post.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+{% include home.html %}
+
+<div class="container">
+  <div class="row">
+    <div class="col-sm-12 col-md-10 col-lg-7 nofloat center-block {{page.type}}">
+      <article class="post-wrapper">
+        <h1>{{ page.title }}</h1>
+        <div class="postdate">
+          Posted on {{ page.date | date: "%A, %B %d %Y" }}.
+        </div>
+        <div class="content">
+          {{ content }}
+        </div>
+
+        {% if page.attribution %}
+        <div class="content-attribution">
+           {{ page.attribution }}
+        </div>
+        {% endif %}
+      </article>
+    </div>
+  </div>
+</div>

data/_layouts/search-results.html

@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<style>
+  .gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
+    padding: 6px;
+  }
+
+  .gsc-input-box {
+    height: 35px;
+  }
+</style>
+
+<div class="container search-results">
+  <div class="row">
+    <div class="col-sm-12 col-md-10 col-lg-7 nofloat center-block {{page.type}}">
+      {{ content }}
+    </div>
+  </div>
+</div>
+
+<script>
+    function getParameterByName(name, url) {
+        if (!url) url = window.location.href;
+        name = name.replace(/[\[\]]/g, "\\$&");
+        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+            results = regex.exec(url);
+        if (!results) return null;
+        if (!results[2]) return '';
+        return decodeURIComponent(results[2].replace(/\+/g, " "));
+    }
+    var q = getParameterByName('q', window.location.href);
+    document.getElementsByName('q')[0].value = q;
+</script>

data/_layouts/troubleshooting.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+{% include home.html %}
+
+<div class="container troubleshooting">
+  <div class="row">
+    <div class="col-sm-12 col-md-10 col-lg-7 nofloat center-block {{page.type}}">
+      {{ content }}
+    </div>
+  </div>
+</div>

data/_sass/base/_common.scss

@@ -0,0 +1,89 @@
+// Shared
+.vpad {
+  padding-top: $vpad;
+}
+
+.page-title-bar{
+  background-color: $thirdBrandColor;
+  border-top: 3px solid $lightPopBrandColor;
+  padding-top: 20px;
+  padding-bottom: 30px;
+
+  .fa {
+    color: $popBrandColor;
+  }
+}
+
+.page-spacer {
+  height: 100px;
+}
+
+.section {
+  padding: 50px 0;
+  position: relative;
+}
+
+.section-divider {
+  border-bottom: 2px solid #e3e3e3;
+  margin: 0;
+  width: 100%; 
+}
+
+// Tables are table-y
+table,
+th,
+td {
+  border: 1px solid lighten($textColor, 20%);
+  padding: 6px
+}
+
+table {
+  border-collapse: collapse;
+}
+
+th {
+  background-color: $thirdBrandColor;
+}
+
+// Tabs are tabby
+.ui-widget-content {
+  font-size: $font-size--primary !important;
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  color: $textColor !important;
+}
+
+.ui-widget-content a {
+  color: $mainBrandColor !important;
+}
+
+.ui-widget-content a:hover, a:focus {
+  color: $linkHoverColor !important;
+}
+
+
+#content-container{
+  /* overrides overflow:visible, which overlays on top of floating elements, i.e. the toc on /docs/reference/commands/istioctl.html */
+  code[class*="language-"], pre[class*="language-"]{
+//    z-index: -1;
+  }
+
+  div.toolbar {
+    top: -2px;
+  }
+
+  .toolbar-item {
+    a {
+       background-color: $mainBrandColor;
+       color: $white;
+    }
+  }
+}
+
+.code-block {
+  overflow:auto;
+  margin-bottom:-10px;
+
+  pre[class*="language-"] {
+    border-left-width: 4px;
+  }
+}

data/_sass/base/_config.scss

@@ -0,0 +1,59 @@
+// Font
+$font-size--primary         : 1rem;
+$font-size--xxs             : .8rem;
+$font-size--xs              : 1rem;
+$font-size--s               : 1.15rem;
+$font-size--m               : 1.65rem;
+$font-size--l               : 1.85rem;
+$font-size--xl              : 2rem;
+$font-size--xxl             : 2.5rem;
+
+// General dimensions and spacing
+$spacing--xxxxs             : 4px;
+$spacing--xxxs              : 6px;
+$spacing--xxs               : 8px;
+$spacing--xs                : 10px;
+$spacing--s                 : 15px;
+$spacing--m                 : 20px;
+$spacing--l                 : 25px;
+$spacing--xl                : 30px;
+$spacing--xxl               : 40px;
+$spacing--xxxl              : 50px;
+$max-width                  : 975px;
+$nav-menu-height            : 90px;
+
+// Transitions
+$transition--primary        : all .3s ease;
+$transition--secondary      : all .6s cubic-bezier(0.3, 0.9, 0.2, 1);
+$transition--tertiary       : all .3s cubic-bezier(0.93,0.7,0.4,0.57);
+$transition-fast            : all .2s ease;
+$transition-slow            : all 1s ease;
+
+// Responsive
+$phone-small                : 320px;
+$phone-medium               : 480px;
+$phone-large                : 512px;
+$phone-xlarge               : 640px;
+$tablet                     : 768px;
+$desktop-small              : 1024px;
+$desktop-medium             : 1280px;
+$desktop-large              : 1440px;
+$mobile                     : $desktop-small;
+
+@media(min-width: $desktop-large){
+  .container {
+    width: 1410px;
+  }
+}
+
+// Z-index
+$z-below-bottom             : -1;
+$z-bottom                   : 0;
+$z-middle-bottom            : 5;
+$z-middle                   : 10;
+$z-middle-top               : 15;
+$z-top                      : 900;
+$z-above-top                : 1000;
+
+// Helper vars
+$vpad: 20px;

data/_sass/base/_markdown.scss

@@ -0,0 +1,114 @@
+.markdown {
+  padding-bottom: 60px;
+  
+  // Text Blocks
+  p {
+    margin: 10px 0;
+    font-weight: 300;
+    line-height: 1.5;
+    @media (min-width: $tablet) {
+      margin: 20px 0;
+    }
+  }
+  
+  em { 
+    font-style: italic;
+  }
+
+  strong {
+    font-weight: bold;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  // List Items
+  li {
+    line-height: 24px;
+    margin: 5px;
+  }
+
+  // Paragraphs inside list items whether you want them or not (thanks, Markdown)
+  li p {
+    margin: 5px 0px;
+  }
+
+  // Lists
+  ol,
+  ul {
+    list-style: initial;
+    font-size: $font-size--primary;
+    font-weight: 300;
+    margin: 0 20px;
+
+    @media (max-width: 768px) {
+      //margin: 0;
+    }
+  }
+  
+  ol {
+    list-style: decimal;
+  }
+
+  h1 {
+    color: $secondBrandColor;
+  }
+
+  // Section Headlines 
+  h2 {
+    margin-bottom: 20px; 
+    margin-top: 30px;
+    padding-bottom: 10px;
+    border-bottom: 1px;
+    border-color: $gray;
+    border-style: solid;
+  }
+
+  // Section Headlines 
+  h3 {
+    color: $dark-gray;
+    letter-spacing: 1px;
+    margin-bottom: 20px; 
+    margin-top: 30px;
+  }
+
+  // Section Subheadlines
+  h4 {
+    margin: 30px 0 20px;
+    color: $dark-gray;
+    
+    // Text immediately following h4 should have same level of indention  
+    + p {
+      margin: 10px 0;
+
+      @media (max-width: 768px) {
+        margin: 5px 0;
+      }
+    }
+  }
+
+  pre {
+    margin: 5px 25px;
+
+    @media (max-width: 768px) {
+      margin: 5px 0;
+    }
+  }
+
+  blockquote {
+    display: block;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    margin-left: 40px;
+    margin-right: 40px;
+    background-color: $light-gray;
+  }
+
+  // Lead Text Block
+  .lead {
+    margin: 0 0 30px;
+    color: $dark-gray;
+    font-size: 18px;
+  }
+}

data/_sass/base/_override.scss

@@ -0,0 +1,82 @@
+
+// Override Bootstrap defaults
+body {
+  color: $textColor;
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+a {
+  color: $mainBrandColor;
+  font-weight: 500;
+}
+
+a:hover,
+a:focus {
+  color: $linkHoverColor;
+}
+
+a.disabled {
+    color: #CCCCCC;
+}
+
+p,
+li {line-height: 22px;}
+
+p.note {
+  background-color: $thirdBrandColor;
+  padding: 9.5px;
+}
+
+p.note code {
+  background-color: $thirdBrandColor !important;
+}
+
+pre {
+  max-height: 500px;
+}
+
+.inverse {
+  background-color: $mainBrandColor;
+  color: white;
+
+  &.inverse-light {
+      background-color: $thirdBrandColor;
+  }
+
+  a {
+    color: $inverseBrandColor;
+  }
+
+  a:hover,
+  a:focus {
+    color: $linkHoverColor;
+  }
+}
+
+.nofloat {
+  float: none;
+}
+
+.lead {
+  color: $titleColor;
+}
+
+// Fix Bootstrap mobile menu colors on inverse navbar.
+.navbar-toggle .icon-bar {
+  background-color: $inverseBrandColor;
+}
+
+figure {
+    text-align: center;
+    margin-top: 20px;
+    margin-bottom: 20px;
+
+    img {
+        max-width: 75%;
+    }
+
+    figcaption {
+        margin-top: 10px;
+        text-align: center;
+    }
+}